-
Notifications
You must be signed in to change notification settings - Fork 0
/
buildABox.html
168 lines (131 loc) · 7.09 KB
/
buildABox.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
<!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">
<link rel="icon" type="image/png" href="//cdn.shopify.com/s/files/1/0054/6665/2718/files/logo_02_32x32_e6868b28-0d13-4b5b-8bb9-ee8f8ff90a89_32x32.png?v=1651655557"/>
<title>Flexi-box-landing-page- Bella Vita Organic</title>
<link rel="stylesheet" href="./styles/buildAbox.css">
<link rel="stylesheet" href="./styles/navbar.css">
<link rel="stylesheet" href="./styles/cartbar.css">
<link rel="stylesheet" href="./styles/footer.css">
</head>
<body>
<!-- Side Bar Cart -->
<div id="cartbar" style="display: none;">
<div>
<p id="cartclose">Your Cart <img src="https://cdn.discordapp.com/attachments/707486765136740384/1012151660996460734/unknown.png" alt="" ></p>
<a href="shopAll.html">Continue Shopping</a>
</div>
<div id="cartp">
</div>
<div id="checkout">
</div>
</div>
<!-- Side Bar Cart End-->
<!-- Header and Navbar Start -->
<div id="header">
<div id="top_bar"></div>
<div id="navbar">
<div id="nav1">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/BVO_220_x_220_480x.png?v=1653304683" alt="">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/Brave_220_x_220_480x.png?v=1653304701" alt="">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/BVL_220_x_220_480x.png?v=1653304721" alt="">
</div>
<div id="nav2">
<a href="shopAll.html">SHOP ALL</a> |
<a href="newArrivals.html">NEW ARRIVALS</a> |
<a href="bestSellers.html">BESTSELLERS</a> |
<a href="skinCare.html">SKIN CARE</a> |
<a href="hairCare.html">HAIR CARE</a> |
<a href="bodyCare.html">BODY CARE</a> |
<a href="perfumes.html">PERFUMES</a> |
<a href="combos.html">COMBOS</a> |
<a href="buildAbox.html">BUILD A BOX</a>
</div>
<div id="nav3">
<img src="https://cdn.discordapp.com/attachments/707486765136740384/1012088877302939748/unknown.png" alt="">
<a href="login.html"><img src="https://cdn.discordapp.com/attachments/707486765136740384/1012089121168171028/unknown.png" alt=""></a>
<a href="#"><img src="https://cdn.discordapp.com/attachments/707486765136740384/1012089258745544784/unknown.png" alt="" onclick="cart()" id="cartpage"></a>
<span id="cart"></span>
</div>
</div>
</div>
<!-- Header and Navbar Start End -->
<div id="boxes">
<div id="topPart">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/Build_A_Box_Page_Banner_1_5cd0eceb-a13d-4d4f-a780-9332250f2693_1500x.png?v=1651688128" alt="">
</div>
<div id="middlePart">
<div id="img1">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/Gifting-Hero-Banner-Build-a-Box-1200x799.jpg?v=1659611454" alt="">
</div>
<div id="title">
<h3>Personalised Gift Box</h3>
<p>Now build your personalised GIFT BOX with ANY 4 Bella Vita Products of your choice along with a free gift box and gift card! Just @ Rs. 999/-</p>
<button>Buy Now</button>
</div>
<div id="title1">
<h3>Ultimate perfume box</h3>
<p>A unique box for all. Take advantage of Bella Vita Organic’s luxury perfume box by selecting a perfume from each category of perfumes for men, women and unisex fragrances. Enjoy the big savings and a versatile collection suitable for everyone.</p>
<button>Buy Now</button>
</div>
<div id="img2">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/1200-799_7102807d-0070-44dd-8fc4-d9187349e724.jpg?v=1651702480" alt="">
</div>
<div id="img1">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/1200-799_2.jpg?v=1651671939" alt="">
</div>
<div id="title">
<h3>Complete care box</h3>
<p>Office meetings, parties, dates, wherever it is, go with natural payoff of pretty colour lush on your lips, cheeks, and eyelids every day, every time with your Colourlicious -MTV Box.</p>
<button>Buy Now</button>
</div>
<div id="title1">
<h3>The face care box</h3>
<p>Now build your custom FLEXI BOX with ANY 4 Bella Vita Organic Products of your choice! Forget the hassle of restricting your options and go crazy to pick anything you like. Build yourself a box that completes your entire beauty regime.</p>
<button>Buy Now</button>
</div>
<div id="img2">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/1200-799_4416f4f8-0daa-4128-b1d0-af522381988e.jpg?v=1651702588" alt="">
</div>
<div id="img1">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/1200-799_8.jpg?v=1651671939" alt="">
</div>
<div id="title">
<h3>The summer box</h3>
<p>Beat the heat with Bella Vita Organic's ultimate summer box. Buy a collection of 5 natural ayurveda products that are the perfect for your skin and body care during the hot months. Select from a variety of options and enjoy your savings.</p>
<button>Buy Now</button>
</div>
<div id="title1">
<h3>The essential oil box</h3>
<p>Purify, cleanse, calm, & intensify your surroundings with Pure Essential Oils by Bella Vita Organic. Bring home the goodness of natural plants & flowers that enhance your health, beauty, aura & chakras. Choose your favourites from a variety of oils and Build A Box that you love!</p>
<button>Buy Now</button>
</div>
<div id="img2">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/1200-799_9.jpg?v=1651671939" alt="">
</div>
<div id="img1">
<img src="https://cdn.shopify.com/s/files/1/0054/6665/2718/files/1200-799_3e6fac63-41f4-46e3-bceb-367a6dce3cc4.jpg?v=1651702458" alt="">
</div>
<div id="title">
<h3>Tinty box</h3>
<p>Office meetings, parties, dates, wherever it is, go with natural payoff of pretty colour lush on your lips, cheeks, and eyelids every day, every time with your Colourlicious -MTV Box.</p>
<button>Buy Now</button>
</div>
</div>
<a class="hide" href="https://api.whatsapp.com/send?phone=919319011662&text=Hi,%20I%20need%20some%20Help" target="_blank" id="whatsapp-message">
<img src="//cdn.shopify.com/s/files/1/0054/6665/2718/t/386/assets/whatsapp.svg?v=107532592768653809461659272626" />
<span>Message Us</span>
</a>
</div>
<div id="footerdiv"></div>
</body>
</html>
<script src="./Scripts/forAll.js"></script>
<script type="module">
import {footer} from "./components/footer.js"
let footerdiv=document.getElementById("footerdiv");
footerdiv.innerHTML=footer();
</script>