-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
90 lines (83 loc) · 3.28 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
<!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>Document</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/691ea90499.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Satisfy">
</head>
<body>
<div class="header">
<h1>comfy <span>Store</span></h1>
<ul>
<div class="links">
<i class="fa-solid fa-xmark"></i>
<a href="index.html">
<li>Home</li>
</a>
<a href="products.html">
<li>Products</li>
</a>
<a href="about.html">
<li>About</li>
</a>
</div>
</ul>
<button class="menu">Menu</button>
<i class="fa-solid fa-cart-shopping" id="openCart"><span>0</span></i>
</div>
<div class="cart-section">
<div class="closeCart">
<i class="fa-solid fa-xmark"></i>
</div>
<div class="bag-section">
<h1>Your Bag</h1>
<div class="bag-content">
<!-- <div class="content">
<div class="img">
<img src="images/background4.jpg" alt="">
</div>
<div class="info">
<div class="price-name">
<p>Item name Here</p>
<div class="price">
<span>$9.99</span>
</div>
<button>remove</button>
</div>
<div class="quantity">
<i class="fa-solid fa-angle-up"></i>
<div class="number">
<span>1</span>
</div>
<i class="fa-solid fa-angle-down"></i>
</div>
</div>
</div> -->
</div>
</div>
<div class="total-section">
<h1>Total: <span class="total">$99.99</span></h1>
<button>CHECKOUT</button>
</div>
</div>
<div class="about-section">
<div class="about">
<h1>/ OUR STORY</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel facere laboriosam deleniti aliquam tempore
magnam repellendus odit! Aliquid, velit quis perspiciatis laborum officiis nam! Beatae eum repellendus
ea.
Culpa inventore facere asperiores! Atque optio incidunt harum aperiam id, enim quia? Voluptates itaque
voluptate esse saepe deserunt odio id necessitatibus, vitae totam modi perspiciatis. Laborum sequi
temporibus illo modi assumenda quis in? Numquam repellendus omnis sunt voluptatum fugit id totam, quidem
</p>
</div>
</div>
<script type="module" src="javascript/about.js"></script>
</body>
</html>