-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (153 loc) · 11.1 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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="https://kit.fontawesome.com/b84bc68d5e.js" crossorigin="anonymous"></script>
<title>HOME PAGE</title>
<meta name="description" content="Oh my... What am I doing here?">
<link rel="stylesheet" href="css/styles.css">
<!--<link rel="stylesheet" href="css/style.css">-->
</head>
<body>
<!-- header begins -->
<div class="header">
<div class="header_upper container">
<div class="search">
<a href="index.html"><div class="logo">
<img src="img/logo.png" alt="logo" title="logo"><div class="name">
bran <span class="letter">d</span></div></div></a>
<form action="#" class="browse_panel_form">
<div class="search_pannel">
<div class="browse"><button>browse<a href="#"><i class="fas fa-caret-down"></i></a></button></div>
<div class="search_for_item">
<div class="search_form">
<input type="search" name="search_input" placeholder="Search for Item...">
</div>
<div class="magnifier"><button><a href="#"><i class="fas fa-search"></i></a></button>
</div></div>
</div>
</form>
</div>
<div class="account">
<div class="cart"><a href="shopping_cart.html"><img src="img/cart.png" alt="cart" title="cart"></a></div>
<form action="#" class="my_account_form">
<div class="my_account"><button>my account<a href="#"><i class="fas fa-caret-down"></i></a></button></div>
</form>
</div>
</div>
<div class="navmenu"><a href="index.html"><div class="menu_item">Home</div> </a> <a href="#"><div class="menu_item">Man</div></a> <a href="#"><div class="menu_item">Women</div></a> <a href="#"><div class="menu_item">Kids</div></a> <a href="#"><div class="menu_item">Accoseriese</div> </a> <a href="#"><div class="menu_item">Featured</div></a> <a href="#"><div class="menu_item">Hot Deals </div></a> </div>
</div>
<!-- header ends -->
<!-- main begins -->
<div class="banner">
<div class="banner_inner container">
</div>
</div>
<div class="slogan container"><div class="stick"></div><div class="slogan_inner"><a href="#"><span class="brand">THE BRAND</span><br>
<span class="luxerous">OF LUXERIOUS </span> <span class="fashion">FASHION</span></a></div></div>
<div class="four_pics container">
<div class="for_men">
<a href="#"><div class="black_n_rose"><div class="black">hOT dEAL</div><div class="rose">FOR MEN</div>
</div></a>
</div>
<div class="grey">
<a href="#"><div class="black_n_rose"><div class="black">LUXIROUS & trendy
</div><div class="rose">ACCESORIES</div>
</div></a>
</div>
<div class="third">
<a href="#"><div class="black_n_rose"><div class="black">30% offer
</div><div class="rose">women</div>
</div></a>
</div>
<div class="last"><a href="#">
<div class="black_n_rose"><div class="black">new arrivals
</div><div class="rose">FOR kids</div>
</div></a>
</div>
</div>
<div class="headline" align="center">
<div class="featured">featured items</div>
<div class="shop_for">Shop for items based on what we featured in this week</div>
</div>
<div class="eight_items container">
<div class="item">
<div class="item_pic pic_one"></div>
<div class="item_name">Mango People T-shirt</div>
<div class="item_price">$52.00</div>
<div class="capsule2">
<div class="cover"><a href="#"><div class="button_white"><img src="img/cart2.png" class="cart2"><div class="add_to">Add to Cart</div></div></a></div>
</div>
</div>
<div class="item">
<div class="capsule">
<div class="item_pic pic_two"></div>
<div class="item_name">Mango People T-shirt</div><div class="item_price">$52.00</div></div>
<div class="capsule2"><div class="cover"><a href="#"><div class="button_white"><img src="img/cart2.png" class="cart2"><div class="add_to">Add to Cart</div></div></a></div></div></div>
<div class="item">
<div class="item_pic pic_three"></div>
<div class="item_name">Mango People T-shirt</div>
<div class="item_price">$52.00</div><div class="capsule2"><div class="cover">
<a href="#">
<div class="button_white"><img src="img/cart2.png" class="cart2"><div class="add_to">Add to Cart</div></div></a>
</div></div></div>
<div class="item">
<div class="item_pic pic_four">
</div><div class="item_name">Mango People T-shirt</div><div class="item_price">$52.00</div><div class="capsule2"><div class="cover"><a href="#"><div class="button_white"><img src="img/cart2.png" class="cart2"><div class="add_to">Add to Cart</div></div></a></div></div></div>
<div class="item"><div class="item_pic pic_five"></div><div class="item_name">Mango People T-shirt</div><div class="item_price">$52.00</div><div class="capsule2"><div class="cover"><a href="#"><div class="button_white"><img src="img/cart2.png" class="cart2"><div class="add_to">Add to Cart</div></div></a></div></div></div>
<div class="item"><div class="item_pic pic_six"></div><div class="item_name">Mango People T-shirt</div><div class="item_price">$52.00</div><div class="capsule2"><div class="cover"><a href="#"><div class="button_white"><img src="img/cart2.png" class="cart2"><div class="add_to">Add to Cart</div></div></a></div></div></div>
<div class="item"><div class="item_pic pic_seven"></div><div class="item_name">Mango People T-shirt</div><div class="item_price">$52.00</div><div class="capsule2"><div class="cover"><a href="#"><div class="button_white"><img src="img/cart2.png" class="cart2"><div class="add_to">Add to Cart</div></div></a></div></div></div>
<div class="item"><div class="item_pic pic_eight"></div><div class="item_name">Mango People T-shirt</div><div class="item_price">$52.00</div><div class="capsule2"><div class="cover"><a href="#"><div class="button_white"><img src="img/cart2.png" class="cart2"><div class="add_to">Add to Cart</div></div></a></div></div></div>
</div>
<div class="button_rose"><div class="button_white_text">Browse All Product<i class="fas fa-long-arrow-alt-right"></i></div></div>
<div class="offer container">
<div class="offer_pic"><a href="#"><div class="offer_header"><div class="major">30% <span>OFFER</span>
</div><div class="minor">FOR WOMEN</div></div></a></div>
<div class="offer_items">
<div class="delivery offer_row"><div class="left_col"><img src="img/delivery.png"></div><div class="right_col"><div class="col_head">Free Delivery</div><div class="col_text">Worldwide delivery on all. Authorit tively morph next-generation innov tion with extensive models.</div></div></div>
<div class="sales offer_row"><div class="left_col"><img src="img/percents.png"></div><div class="right_col"><div class="col_head">Sales & discounts</div><div class="col_text">Worldwide delivery on all. Authorit tively morph next-generation innov tion with extensive models.</div></div></div>
<div class="quality offer_row"><div class="left_col"><img src="img/crown.png"></div><div class="right_col"><div class="col_head">Quality assurance</div><div class="col_text">Worldwide delivery on all. Authorit tively morph next-generation innov tion with extensive models.</div></div></div>
</div>
</div>
<!-- footer begins -->
<div class="footer">
<div class="double_grey"><div class="d_g_left">
</div><div class="d_g_center"></div><div class="d_g_right"></div></div>
<div class="d_g_blocks"></div>
<div class="container"> <div class="left_block"><div class="l_b_left"><div class="lady"><img src="img/lady.png"></div><div class="lady_text"><div class="l_text_first">“Vestibulum quis porttitor dui! Quisque viverra nunc mi,
a pulvinar purus condimentum a. Aliquam condimentum mattis neque sed pretium”</div><div class="l_text_second">Bin Burhan
</div><div class="l_text_third">Dhaka, Bd</div><div class="l_fourth"><div class="grey_square"></div><div class="rose_square"></div><div class="grey_square2"></div> </div></div></div>
<div class="l_b_right"><div class="upper" align="center"><span>Subscribe
</span><br>FOR OUR NEWLETTER AND PROMOTION</div>
<div class="lower">
<div class="grey_button">
<form action="#">
<input type="text" name="email" placeholder="Enter Your Email">
</form>
</div>
<div class="rose_button"><button>subscribe</button></div>
</div>
</div></div></div>
<div class="many_letters container">
<div class="frst_col"><a href="index.html"><div class="logo scnd_logo">
<img src="img/logo.png" alt="logo" title="logo"><div class="name">
bran <span class="letter">d</span></div></div></a>
<div class="scnd_line"><div>Objectively transition extensive data rather than cross functional solutions. Monotonectally syndicate multidisciplinary materials before go forward benefits. Intrinsicly syndicate an expanded array of processes and cross-unit partnerships.</div><div>Efficiently plagiarize 24/365 action items and focused infomediaries.
Distinctively seize superior initiatives for wireless technologies. Dynamically optimize.</div> </div>
</div>
<div class="scnd_col"><div class="rose_col_head"><a href="#">COMPANY</a></div><div class="f_line"><a href="#">Home</a> </div><div class="f_line"><a href="#">Shop</a></div><div class="f_line"><a href="#">About</a></div><div class="f_line"><a href="#">How It Works</a></div><div class="f_line"><a href="#">Contact</a></div></div>
<div class="thrd_col"><div class="rose_col_head"><a href="#">INFORMATION</a></div><div class="f_line"><a href="#">Tearms & Condition</a></div><div class="f_line"><a href="#">Privacy Policy</a></div><div class="f_line"><a href="#">How to Buy</a></div><div class="f_line"><a href="#">How to Sell</a></div><div class="f_line"><a href="#">Promotion</a></div></div>
<div class="frth_col"><div class="rose_col_head"><a href="#">SHOP CATEGORY</a></div><div class="f_line"><a href="#">Men</a></div><div class="f_line"><a href="#">Women</a></div><div class="f_line"><a href="#">Child</a></div><div class="f_line"><a href="#">Apparel</a></div><div class="f_line"><a href="#">Brows All</a></div></div>
</div>
<div class="footer_base"><div class="end container"><div class="all_rights"><br>© 2017 Brand All Rights Reserved.</div>
<div class="social">
<a href="#"><div class="facebook"><i class="fab fa-facebook-f"></i></div></a>
<a href="#"><div class="twitter"><i class="fab fa-twitter"></i></div></a>
<a href="#"><div class="linked_in"><i class="fab fa-linkedin-in"></i></div></a>
<a href="#"><div class="pinterest"><i class="fab fa-pinterest-p"></i></div></a>
<a href="#"><div class="google_plus"><i class="fab fa-google-plus-g"></i></div></a>
</div></div></div></div>
<!-- footer ends -->
</body>
</html>