-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathshop.html
More file actions
105 lines (101 loc) · 6.12 KB
/
shop.html
File metadata and controls
105 lines (101 loc) · 6.12 KB
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
<!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">
<meta name="description" content="Eco Friendly And Sustainable Products for Your Zero Waste Life. Our shop">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/52378f052a.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/popup.css">
<title>Our shop- company name</title>
</head>
<body>
<nav class="navbar navbar-expand-md bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="/index.html"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfGigsV1IfnpSQJhlOY9cYKIgwVc0UmBdlIA&usqp=CAU" alt="Logo" width="50" height="40" class="d-inline-block align-text-top"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about.html">About us</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="/shop.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Shop
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/shop.html">Products</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link " href="/contacts.html">Contacts</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-8 mt-4">
<h1>Our products</h1>
<div class="line"></div>
</div>
</div>
<p>Have a lovely laundry day – our laundry range is formulated to get your clothes and linens clean, soft and fresh. Our laundry products are independently tested to ensure excellent results and an effective clean, while being gentler on clothes and safer for your family.</p>
</div>
<div id="page" class="container carts-wrapper">
<div class="row carts-wrapper" id="carts-wrapper">
<!-- <div class="col-sm-4 cart-box ">
<img class="img-fluid mt-3" src="https://cdn.shopify.com/s/files/1/0284/6546/3349/products/MetalPegs3_360x.jpg?v=1599600281" alt="Product name">
<h5 class="mt-2 cart-tittle">Ultra Power 3 in 1 Laundry Liquid</h5>
<p class="mt-2">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores earum eum sed aliquid ipsum dolor. At sequi recusandae iure ab esse temporibus maxime minima modi repudiandae dicta, veniam accusantium asperiores!</p>
<p>100$</p>
<button href="" class="btn btn-second mb-3 add" data-id ="djdjd">Add to Cart</button>
</div>
<div class="col-sm-4 cart-box ">
<img class="img-fluid mt-3" src="https://cdn.shopify.com/s/files/1/0284/6546/3349/products/MetalPegs3_360x.jpg?v=1599600281" alt="Product name">
<h5 class="mt-2 cart-tittle">Ultra Power 3 in 1 Laundry Liquid</h5>
<p class="mt-2">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores earum eum sed aliquid ipsum dolor. At sequi recusandae iure ab esse temporibus maxime minima modi repudiandae dicta, veniam accusantium asperiores!</p>
<p>100$</p>
<button href="" class="btn btn-second mb-3 add" data-id ="djdjd2">Add to Cart</button>
</div>
<div class="col-sm-4 cart-box ">
<img class="img-fluid mt-3" src="https://cdn.shopify.com/s/files/1/0284/6546/3349/products/MetalPegs3_360x.jpg?v=1599600281" alt="Product name">
<h5 class="mt-2 cart-tittle">Ultra Power 3 in 1 Laundry Liquid</h5>
<p class="mt-2">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores earum eum sed aliquid ipsum dolor. At sequi recusandae iure ab esse temporibus maxime minima modi repudiandae dicta, veniam accusantium asperiores!</p>
<p>100$</p>
<button href="" class="btn btn-second mb-3 add" data-id ="djdjd3">Add to Cart</button>
</div> -->
</div>
</div>
<div class="container">
<div id="page" class="btn lock-padding">
<a href="#popup" class="popup-link btn-a"> Buscet</a>
</div>
<div class="row popup " id="popup" >
<div class="popup__body" ></div>
</div>
</div>
<footer>
<a href="mailto:sofi.andand06@gmail.com">sofi.andand06@gmail.com</a>
<div class="social-links mt-3">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
<a href="#"><i class="fa-brands fa-telegram"></i></a>
</div>
</footer>
<script src="js/index.js">
</script>
</body>
</html>