-
Notifications
You must be signed in to change notification settings - Fork 0
/
us.html
85 lines (71 loc) · 3.32 KB
/
us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FrontEnd Store</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css2?family=Krub:wght@400;700&family=Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header class="header">
<a href="index.html">
<img class="header__logo" src="img/logo.png" alt="Logo">
</a>
</header>
<nav class="navigation">
<a class="navigation__link" href="index.html">Shop</a>
<a class="navigation__link navigation__link--active" href="us.html">About Us</a>
</nav>
<main class="container">
<h1>About Us</h1>
<div class="us">
<div class="us__content">
<p>Nunc pulvinar viverra quam, rhoncus porttitor lectus maximus in.
Duis scelerisque volutpat diam, non commodo quam venenatis eu.
Cras cursus, odio nec varius mattis, libero felis tempus risus,
sed mollis erat ipsum sed felis. Duis in diam magna.
<p>Integer dictum libero sit amet placerat blandit. Etiam vitae
velit lobortis, tempus tortor ac, consequat massa. Nunc posuere,
arcu non tincidunt rutrum, elit ex consectetur tortor, eu commodo
purus arcu et est. </p>
</p>
</div>
<img class="us__image" src="img/us.jpg" alt="us image">
</div>
</main>
<section class="container buy">
<h2 class="buy__title">Why buy with us?</h2>
<div class="slabs">
<div class="slab">
<img class="slab__image" src="img/icon_1.png" alt="why buy">
<h3 class="slab__title">The Best Price</h3>
<p>Cras cursus, odio nec varius mattis, libero felis tempus risus,
sed mollis erat ipsum sed felis. Duis in diam magna.</p>
</div> <!--.slab-->
<div class="slab">
<img class="slab__image" src="img/icon_2.png" alt="why buy">
<h3 class="slab__title">For Devs</h3>
<p>Cras cursus, odio nec varius mattis, libero felis tempus risus,
sed mollis erat ipsum sed felis. Duis in diam magna.</p>
</div> <!--.slab-->
<div class="slab">
<img class="slab__image" src="img/icon_3.png" alt="why buy">
<h3 class="slab__title">Free Shipping</h3>
<p>Cras cursus, odio nec varius mattis, libero felis tempus risus,
sed mollis erat ipsum sed felis. Duis in diam magna.</p>
</div> <!--.slab-->
<div class="slab">
<img class="slab__image" src="img/icon_4.png" alt="why buy">
<h3 class="slab__title">The Best Quality</h3>
<p>Cras cursus, odio nec varius mattis, libero felis tempus risus,
sed mollis erat ipsum sed felis. Duis in diam magna.</p>
</div> <!--.slab-->
</div> <!--.slabs-->
</section>
<footer class="footer">
<p class="footer__text">Front End Store - All Rights Reserved 2025</p>
</footer>
</body>
</html>