-
Notifications
You must be signed in to change notification settings - Fork 0
/
product-details.html
97 lines (94 loc) · 5.18 KB
/
product-details.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="UTF-8">
<title>Product details</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="header clearfix padding-site">
<a href="index.html"><img src="img/logo.svg" alt="logo"></a>
<ul class="menu clearfix">
<li class="menu-list"><a href="index.html" class="menu-link">HOME</a></li>
<li class="menu-list"><a href="products.html" class="menu-link">PRODUCTS</a></li>
<li class="menu-list"><a href="#" class="menu-link">HISTORY</a></li>
<li class="menu-list"><a href="#" class="menu-link">SHOWROOM</a></li>
<li class="menu-list"><a href="contact.html" class="menu-link">CONTACT</a></li>
<li class="menu-list">
<a href="#" class="menu-link"><img src="img/search.svg" alt=""></a>
</li>
</ul>
</div>
<ul class="links gray">
<li class="links-list"><a href="#">All</a></li>
<li class="links-list"><a href="#">HOME</a></li>
<li class="links-list"><a href="#">OFFICE</a></li>
<li class="links-list"><a href="#">FURNITURE</a></li>
<li class="links-list"><a href="#">MODERN</a></li>
<li class="links-list"><a href="#">CLASSIC</a></li>
</ul>
<div class="main padding-site">
<div class="product-slider">
<a href="#"><img src="img/slider1.jpg" alt="product"></a>
<div class="controll">
<a href="#"><img src="img/controll1.jpg" alt="product"></a><a href="#"><img src="img/controll2.jpg" alt="product"></a><a href="#"><img src="img/controll3.jpg" alt="product"></a>
</div>
</div>
<div class="product-description">
<h2 class="product-description-h2">Fishnet Chair</h2>
<p class="hot-deal-title">hot deal</p>
<p class="price">$ <span>36.7</span>/sq</p> <a href="#" class="button">Order Us<img src="img/arrow-white.svg" alt="arrow-white" style="width:15px; height:24px;"></a>
<div class="product-description-text"><span>The majesty of Mountains - Ugmonk style.</span><br><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</span><br><span>et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span><br><span>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</span> </div>
</div>
</div>
<div class="slider-4 padding-site">
<div><a href="#" class="menu-link-3">explore all <img src="img/arrow.svg" alt=""></a></div>
<div class="trending-products">
<h1>Trending Products</h1>
</div>
<div class="trending-img-pd">
<a href="#" class="trending-product"><img src="img/product-11.jpg" alt=""></a><a href="#" class="trending-product"><img src="img/product-21.jpg" alt=""></a><a href="#" class="trending-product"><img src="img/product-31.jpg" alt=""></a>
</div>
</div>
<div class="footer padding-site">
<div class="contact">
<h2>CONTACT US</h2>
<p>132A Bridge Road Richmond VIC Australia.<br><br>Talk to us on 1300 132 info@interior.com</p>
<div class='copyright'>©Copyright - INTERIOR 2016. All Rights Reserved.</div>
</div>
<div class="info">
<h2>Useful Information</h2>
<div class='left-list'>
<ul class='l-list'>
<li>Sales terms</li>
<li>Customer care</li>
<li>Delivery</li>
</ul>
</div>
<div class="right-list">
<ul class='r-list'>
<li>Architect accounts</li>
<li>Careers</li>
<li>Exchanges & returns</li>
</ul>
<div class="social">
<a href=""><img src="img/social-links.png" alt=""></a></div>
</div>
</div>
<div class="touch">
<h2>Let’s Stay in Touch!</h2>
<p>Suscribe to know about our latest news, products and special offers just for suscribers.</p>
<div class="search">
<form action="#">
<input type="search" placeholder="your email address" >
<button type="submit"></button>
</form>
<div class="terms">Terms & Conditions / Privacy policy & Cookies</div>
</div>
</div>
</div>
</div>
</body>
</html>