-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutus.html
188 lines (187 loc) · 7.48 KB
/
aboutus.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Final project of html & css</title>
<!-- External stylesheet start here -->
<link rel="stylesheet" href="assets/stylesheet/style.css">
<!-- Font awesome cdn link start here -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<!-- header section start here -->
<header class="header">
<nav class="navbar">
<div class="logo">
<a href="#">SIXTEEN <span>CLOTHING</span></a>
</div>
<div class="icon cancel-btn">
<i class="fas fa-bars show-navigation"></i>
</div>
<ul class="menu-list">
<li><a href="index.html">Home</a></li>
<li><a href="ourproduct.html">Our Products</a></li>
<li><a href="aboutus.html">About us</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</nav>
</header>
<!-- header section ends here -->
<main>
<!-- page heading section starts here -->
<section class="page-heading page-bannar about-bannar">
<h2>ABOUT US </h2>
<h1>OUR COMPANY</h1>
</section>
<!-- page heading section ends here -->
<!-- About section start here -->
<section class="about">
<h2>About SixteenClothing</h2>
<article class="container">
<div class="introductry-text">
<h4>Looking for the best product</h4>
<p class="description">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iste a, molestiae libero dolorum, magni consequatur in autem enim maxime dicta animi fugit deserunt distinctio. Maxime qui placeat sequi rerum? Id.
</p>
<ul>
<li> <a href="#">Lorem ipsum dolor sit amet</a> </li>
<li> <a href="#"> Consectetur an adipisicing elit</a> </li>
<li> <a href="#"> It aquecorporis nulla aspernatur </a> </li>
<li> <a href="#"> Corporis, omnis doloremque </a> </li>
<li> <a href="#"> Non cum id reprehenderit</a> </li>
</ul>
</div>
<figure>
<img src="assets/media/feature-image.jpg" alt="">
</figure>
</article>
</section>
<!-- About section ends here -->
<!-- OUR TEAM MEMBER SECTION START HERE -->
<section id="our-team">
<h2>Our Team Members</h2>
<div class="teamcard-container">
<div class="card">
<figure>
<img src="assets/media/team_01.jpg" alt="team member">
</figure>
<h4>Rahul Thakur</h4>
<span>CO-Founder</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.
</p>
</div>
<div class="card">
<figure>
<img src="assets/media/team_02.jpg" alt="team member">
</figure>
<h4>Mushkaan Sharma</h4>
<span>Product Expert</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.
</p>
</div>
<div class="card">
<figure>
<img src="assets/media/team_03.jpg" alt="team member">
</figure>
<h4>Aman Deep Singh</h4>
<span>Cheif Marketing</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.
</p>
</div>
<div class="card">
<figure>
<img src="assets/media/team_04.jpg" alt="team member">
</figure>
<h4>Asha Thakur</h4>
<span>Product Speacialist</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.
</p>
</div>
<div class="card">
<figure>
<img src="assets/media/team_05.jpg" alt="team member">
</figure>
<h4>Abhishek Thakur</h4>
<span>Product photographer</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.
</p>
</div>
<div class="card">
<figure>
<img src="assets/media/team_06.jpg" alt="team member">
</figure>
<h4>Anjali Thakur</h4>
<span>General Manager</span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing itaque corporis nulla.
</p>
</div>
</div>
</section>
<!-- OUR TEAM MEMBER SECTION ENDS HERE -->
</main>
<!-- footer section start here -->
<footer>
<div class="container">
<div class="col col-1">
<div class="logo">
<a href="#">SIXTEEN <span>CLOTHING</span></a>
</div>
<div class="website-description">
<p class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elitsaepe hic iure nostrum porro explicabo molestias.
</p>
</div>
</div>
<div class="col col-2">
<h3>Support</h3>
<nav>
<ul>
<li><a href="#">Contact us </a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Locate a dealer </a></li>
<li><a href="#">Product Registration</a></li>
</ul>
</nav>
</div>
<div class="col col-3">
<h3>Quick links</h3>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Our products </a></li>
<li><a href="#">Contact us</a></li>
</ul>
</nav>
</div>
<div class="col col-4">
<h3>Social links</h3>
<nav>
<ul>
<li><i class="fab fa-facebook-square"></i></li>
<li><i class="fab fa-twitter"></i></li>
<li><i class="fab fa-linkedin"></i></li>
<li><i class="fab fa-pinterest-square"></i></li>
<li><i class="fab fa-amazon"></i></li>
</ul>
</nav>
</div>
</div>
<div class="copyright-container">
<small> Copyrights © are reserved created by <a href="https://github.com/RahulMandyal1">Rahul Thakur</a></small>
</div>
</footer>
<!-- Footer section ends here -->
<script src="assets/js/index.js"></script>
</body>
</html>