-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (157 loc) · 6.56 KB
/
index.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all">
<link rel="stylesheet"type="text/css" href="css/style.css" >
<title>Handmade</title>
</head>
<body>
<header>
<div class="top-bar">
<p>FREE WORLDWIDE SHIPPING ON ORDERS $100 OR MORE!</p>
</div>
<div class="logo">
<div class="socialMedia">
<ul>
<li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="logoImg">
<img src="img/logo.png" alt="logo-handmade">
</div>
<div class="search">
<ul>
<li><a href="#"><i class="fas fa-search"></i></a></li>
<li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
</ul>
</div>
</div>
<nav>
<ul>
<li><a href="#">rugs</a></li>
<li><a href="#">lichting</a></li>
<li><a href="#">moroccan decor</a></li>
<li><a href="#">pillows</a></li>
<li><a href="#">poufs</a></li>
<li><a href="#">our story</a></li>
<li><a href="#">contact us</a></li>
<li><a href="#">blog</a></li>
</ul>
</nav>
</header>
<main>
<section>
<img src="img/cover.jpg" alt="">
<div class="home">
<h1>home of handmade moroccan rugs</h1>
<p>Marakech - azilal - meknes</p>
<a href="#"> shop now </a>
</div>
<article>
<img class="p1" src="img/p1.png" alt="">
<div class="rugs">
<h2>The art of the Rug</h2>
<p>Traditional, Soft, Handmade... <br> <br>
Shop our large collection of Authentic Moroccan rugs.</p>
<a href="#">shop all rugs</a>
</div>
</article>
<h1 class="exclusive">EXCLUSIVE COLLECTION OF MOROCCAN RUGS</h1>
<article class="collections">
<a href="#" class="collection1">
<img src="img/c1.png" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<span>999$</span>
</a>
<a href="#" class="collection1">
<img src="img/c2.png" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<span>1299$</span>
</a>
<a href="#" class="collection1">
<img src="img/c3.png" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<span>1199$</span>
</a>
<a href="#" class="collection1">
<img src="img/c4.png" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<span>1599$</span>
</a>
</article>
<h1 class="decor"> Moroccan Rugs & Home Decor </h1>
<p class="pdecor" >Bohemian, Modern, Minimalist, Scandinavian, Traditional...</p>
<div class="sixCollections">
<div class="sc1">
<img src="img/sc1.jpg" alt="">
<h4>Pillows</h4>
</div>
<div class="sc1">
<img src="img/sc2.jpg" alt="">
<h4>taznakht rugs</h4>
</div>
<div class="sc1">
<img src="img/sc3.jpg" alt="">
<h4>flatweave kilim rugs</h4>
</div>
<div class="sc1">
<img src="img/sc4.jpg" alt="">
<h4>lighting</h4>
</div>
<div class="sc1">
<img src="img/sc5.jpg" alt="">
<h4>cushions</h4>
</div>
<div class="sc1">
<img src="img/sc6.jpg" alt="">
<h4>poufs</h4>
</div>
</div>
</section>
<section class="ourvalues">
<img src="img/people.png" alt="">
<div class="container">
<h3>OUR VALUES</h3>
<q>"Our job is to find extraordinary things from extraordinary people.</q>
<p>What we would really like to do is to focus more on the
development of Berber know-how. We want artisans to be able to fully enjoy their lives without worrying about the basic needs that remain inaccessible even today for some of them. We work with these artists to revive traditional art and give new life to those who have suffered the vagaries of the evolution of human societies in economic and social terms.</p>
<a href="#">read more</a>
</div>
</section>
<section>
<div class="test">
<h1>TESTIMONIAL</h1>
<p>Great service and I love my rugs. They add such warmth to our home and they are wonderful and soft for</p>
<p> - John Nil</p>
</div>
</section>
</main>
<footer>
<ul>
<h3>Newsletter</h3>
<li> <input type="email" placeholder="Email adress" name="" id=""> <a href="#"> Go!</a> </li>
</ul>
<ul>
<h3>Join us</h3>
<li><a href="#"><i class="fab fa-facebook"></i></a></li>
<li><a href="#"><i class="fas fa-info-circle"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus"></i></a></li>
</ul>
<ul>
<h3>Questions</h3>
<li><a href="#"> support@ayoub.com </a></li> <br>
<li><a href="#"> +1 1111 222 333 </a></li>
</ul>
</footer>
<div class="copyright">
<p>Copyright © 2020, Ayoub.</p>
</div>
</body>
</html>