-
Notifications
You must be signed in to change notification settings - Fork 0
/
signUp.html
125 lines (111 loc) · 4.68 KB
/
signUp.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
<!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"
/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Account – Bella Vita Organic</title>
<link rel="stylesheet" href="./styles/navbar.css">
<link rel="stylesheet" href="./styles/footer.css">
<link rel="stylesheet" href="./styles/sidebar.css">
<link rel="stylesheet" href="./styles/signUp&login.css">
<style>
#footerdiv
{
background-color: rgb(241 247 236);
padding-top: 20px;
margin-top: 35px;
position: absolute;
bottom: 0%;
}
</style>
</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>
<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>
<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>
<form action="" method="">
<h1>Create account</h1>
<input type="text" id="firstName" placeholder="First Name" required>
<input type="text" id="lastName" placeholder="Last Name" required>
<input type="email" id="email" placeholder="Email" required>
<input type="password" id="password" placeholder="Password" minlength="8" required>
<button id="create">Create</button>
</form>
<div id="footerdiv"></div>
<div id="whatsApp">
<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>
</body>
</html>
<link rel="stylesheet" href="./styles/cartbar.css">
<script src="./Scripts/forAll.js"></script>
<script src="./Scripts/signUp.js"></script>
<script type="module">
import {footer} from "./components/footer.js"
let footerdiv=document.getElementById("footerdiv");
footerdiv.innerHTML=footer();
let head=()=>
{
let data=["FREE SHIPPING on PREPAID Orders","Flexi Box - Buy any 4 products at ₹999"];
let count=0;
document.getElementById("top_bar").innerText=data[count];
count++
setInterval(()=>
{
if(count==data.length)
{
count=0;
}
document.getElementById("top_bar").innerText=data[count];
count++
},5000)
}
head();
</script>