-
Notifications
You must be signed in to change notification settings - Fork 5
/
form.html
137 lines (118 loc) · 5.31 KB
/
form.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
<html>
<head>
<meta charset="utf-8">
<title>Stackfindover: Sign in</title>
<link rel="stylesheet" href="./forms.css">
</head>
<body>
<!-- <div class="login-root">
<div class="box-root flex-flex flex-direction--column" style="min-height: 100vh;flex-grow: 1;">
<div class="loginbackground box-background--white padding-top--64">
<div class="loginbackground-gridContainer">
<div class="box-root flex-flex" style="grid-area: top / start / 8 / end;">
<div class="box-root" style="background-image: linear-gradient(white 0%, rgb(247, 250, 252) 33%); flex-grow: 1;">
</div>
</div>
<div class="box-root flex-flex" style="grid-area: 4 / 2 / auto / 5;">
<div class="box-root box-divider--light-all-2 animationLeftRight tans3s" style="flex-grow: 1;"></div>
</div>
<div class="box-root flex-flex" style="grid-area: 6 / start / auto / 2;">
<div class="box-root box-background--blue800" style="flex-grow: 1;"></div>
</div>
<div class="box-root flex-flex" style="grid-area: 7 / start / auto / 4;">
<div class="box-root box-background--blue animationLeftRight" style="flex-grow: 1;"></div>
</div>
<div class="box-root flex-flex" style="grid-area: 8 / 4 / auto / 6;">
<div class="box-root box-background--gray100 animationLeftRight tans3s" style="flex-grow: 1;"></div>
</div>
<div class="box-root flex-flex" style="grid-area: 2 / 15 / auto / end;">
<div class="box-root box-background--cyan200 animationRightLeft tans4s" style="flex-grow: 1;"></div>
</div>
<div class="box-root flex-flex" style="grid-area: 3 / 14 / auto / end;">
<div class="box-root box-background--blue animationRightLeft" style="flex-grow: 1;"></div>
</div>
<div class="box-root flex-flex" style="grid-area: 4 / 17 / auto / 20;">
<div class="box-root box-background--gray100 animationRightLeft tans4s" style="flex-grow: 1;"></div>
</div>
<div class="box-root flex-flex" style="grid-area: 5 / 14 / auto / 17;">
<div class="box-root box-divider--light-all-2 animationRightLeft tans3s" style="flex-grow: 1;"></div>
</div>
</div>
</div>
<div class="box-root padding-top--24 flex-flex flex-direction--column" style="flex-grow: 1; z-index: 9;">
<div class="box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center">
<h1><a href="http://blog.stackfindover.com/" rel="dofollow">Stackfindover</a></h1>
</div>
<div class="formbg-outer">
<div class="formbg">
<div class="formbg-inner padding-horizontal--48">
<span class="padding-bottom--15">Sign in to your account</span>
<form id="stripe-login">
<div class="field padding-bottom--24">
<label for="email">Email</label>
<input type="email" name="email">
</div>
<div class="field padding-bottom--24">
<div class="grid--50-50">
<label for="password">Password</label>
<div class="reset-pass">
<a href="#">Forgot your password?</a>
</div>
</div>
<input type="password" name="password">
</div>
<div class="field field-checkbox padding-bottom--24 flex-flex align-center">
<label for="checkbox">
<input type="checkbox" name="checkbox"> Stay signed in for a week
</label>
</div>
<div class="field padding-bottom--24">
<input type="submit" name="submit" value="Continue">
</div>
<div class="field">
<a class="ssolink" href="#">Use single sign-on (Google) instead</a>
</div>
</form>
</div>
</div>
<div class="footer-link padding-top--24">
<span>Don't have an account? <a href="">Sign up</a></span>
<div class="listing padding-top--24 padding-bottom--24 flex-flex center-center">
<span><a href="#">© Stackfindover</a></span>
<span><a href="#">Contact</a></span>
<span><a href="#">Privacy & terms</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
-->
<!-- ////strta -->
<div class="formbg-outer">
<div id="formbg" class="formbg">
<div class="formbg-inner padding-horizontal--48">
<br>
<img src="../added to bag.png" alt="">
<br>
<h1 id="h21" ><span class="padding-bottom--15"> Payment Successful</span></h1>
<button id="continue_to_home" >Shop More</button>
</div>
</div>
<div class="footer-link padding-top--24">
<span>© 2022 C4RA | Privacy Policy | Terms & Conditons <a href=""></a></span>
<div class="listing padding-top--24 padding-bottom--24 flex-flex center-center">
</div>
</div>
</div>
</div>
</div>
<!-- start -->
</body>
</html>
<script>
let btn = document.querySelector("#continue_to_home");
btn.addEventListener("click",()=>{
window.location.href="./index.html"
})
</script>