-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
109 lines (102 loc) · 4.32 KB
/
about.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GADGETS & ACCESSORIES</title>
<link rel="stylesheet" href="about.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<h1>GADGETS & ACCESSORIES</h1>
<nav>
<ul>
<li><a href="index.html">Shop</a></li>
<li><a href="about.html">About</a></li>
<li><a href="support.html">Support</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="">My Cart <i class="fa-solid fa-cart-shopping"></i></a></li>
<li><input type="search" placeholder="Search..." id=""></li>
</ul>
</nav>
</header>
<section class="barner">
<h1>About our products</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio, delectus harum! Architecto quia <br>
eius quidem temporibus excepturi commodi reiciendis, tenetur libero labore <br> reprehenderit. Fuga
aspernatur dolores suscipit laboriosam recusandae error.</p>
<div class="best-container">
<div class="best">
<div class="img-box">
<img src="images/casque (3).jpg" alt="">
</div>
</div>
<div class="best">
<div class="img-box">
<img src="images/console.jpg" alt="">
</div>
</div>
<div class="best">
<div class="img-box">
<img src="images/power (4).jpg" alt="">
</div>
</div>
<div class="best">
<div class="img-box">
<img src="images/ecouteurs (1).jpg" alt="">
</div>
</div>
<div class="best">
<div class="img-box">
<img src="images/souris (4).jpg" alt="">
</div>
</div>
<div class="best">
<div class="img-box">
<img src="images/bracelet (3).jpg" alt="">
</div>
</div>
<div class="best">
<div class="img-box">
<img src="images/clavier (1).jpg" alt="">
</div>
</div>
<div class="best">
<div class="img-box">
<img src="images/traqueurs.jpg" alt="">
</div>
</div>
</div>
</section>
<div class="content">
<div class="card1"></div>
<div class="card2">
<h1>Premium Design and <br> Quality</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum praesentium obcaecati soluta eos adipisci nihil distinctio deserunt error maxime odio velit ratione dolorum exercitationem, quos similique accusantium iusto consequuntur nesciunt voluptatibus quod autem aspernatur? Sint sunt beatae exercitationem error tenetur sit vero veritatis unde ipsum?</p>
<button>Read More</button>
</div>
</div>
<footer>
<div class="more">
<h1>Gadgets & Accessories</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iste, enim. Odio quasi corrupti voluptates ea! Hic possimus itaque deserunt quisquam optio officiis repudiandae omnis aliquam?</p>
<button>Contact Us</button>
</div>
<div class="links">
<h1>Useful Links</h1>
<a href="index.html" class="link">Shop</a>
<a href="about.html" class="link">About</a>
<a href="support.html" class="link">Support</a>
<a href="contact.html" class="link">Contact</a>
</div>
<div class="articles">
<h1>Our Products</h1>
<p>Technology</p>
<p>Gear</p>
<p>Gadgets</p>
<p>Accessory</p>
</div>
</footer>
</body>
</html>