-
Notifications
You must be signed in to change notification settings - Fork 0
/
register.html
120 lines (102 loc) · 5.04 KB
/
register.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
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Dance Out Loud</title>
<link rel="icon" href="http://localhost:8000/favicon.ico" type="image/x-icon">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="register_files/w3.css">
<link rel="stylesheet" href="register_files/w3_002.css">
<link rel="stylesheet" href="register_files/font-awesome.css">
<link href="register_files/icon.css" rel="stylesheet">
<link href="register_files/css.css" rel="stylesheet">
<script src="register_files/jquery.js"></script>
<style>
@font-face {
font-family: playlist-caps;
src: url("fonts/Playlist Caps.otf") format("opentype");
}
@font-face {
font-family: playlist-script;
src: url("fonts/Playlist Script.otf") format("opentype");
}
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body, html {
height: 100%;
line-height: 1.5;
}
/* Full height image header */
.bgimg-1 {
background-size: cover;
background-position:center;
background-image: url("https://static.wixstatic.com/media/b80d9e_9693ef49f1bd4b43b9bcf6d73e64f180~mv2.jpg/v1/fill/w_1286,h_382,al_c,q_85,usm_0.66_1.00_0.01/b80d9e_9693ef49f1bd4b43b9bcf6d73e64f180~mv2.webp");
min-height: 387px;
}
.trialpass-img {
background-size: cover;
background-position:center;
background-image: url("https://static.wixstatic.com/media/b80d9e_27fbcf98bf5440cca05e4a900dcbab3e~mv2.jpg/v1/fill/w_280,h_208,al_c,q_80,usm_0.66_1.00_0.01/b80d9e_27fbcf98bf5440cca05e4a900dcbab3e~mv2.webp");
}
.bgimg-class-1, .bgimg-class-2, .bgimg-class-3 {
background-size: cover;
background-position:center;
height:100px;
}
.bgimg-class-1 {
background-image: url("https://static.wixstatic.com/media/b80d9e_c566cbe19ee3473995242da5949dd338~mv2.jpg/v1/fill/w_515,h_873,al_c,q_85,usm_0.66_1.00_0.01/b80d9e_c566cbe19ee3473995242da5949dd338~mv2.webp");
}
.bgimg-class-2 {
background-image: url("https://static.wixstatic.com/media/b80d9e_51b96b18b72b46eb96c7c5cac28d2f44~mv2.jpg/v1/fill/w_515,h_846,al_c,q_85,usm_0.66_1.00_0.01/b80d9e_51b96b18b72b46eb96c7c5cac28d2f44~mv2.webp");
}
.bgimg-class-3 {
background-image: url("https://static.wixstatic.com/media/b80d9e_2a19bfed261545c29d3150f52e080df0~mv2.jpg/v1/fill/w_1286,h_351,al_r,q_85,usm_0.66_1.00_0.01/b80d9e_2a19bfed261545c29d3150f52e080df0~mv2.webp");
}
.w3-bar .w3-button {
padding: 16px;
}
.strip-centre{max-width:1200px; margin:0 auto}
.strip-centre-small{max-width:600px; margin:0 auto}
.anchor{
display: block;
position: relative;
top: -95px;
visibility: hidden;
}
.class{display:none}
.w3-hover-opacity-none:hover {opacity: 1!important}
.font-logo {font-family:amatic sc, cursive; line-height:60%; font-size:35px}
.font-bold {font-family:playlist-caps,fantasy; line-height:110%}
.font-chunky {font-family:raleway,fantasy; line-height:110%}
.font-cursive {font-family:playlist-script,fantasy; line-height:110%}
.color-1, .color-hover-1:hover {background-color:#ffa8be!important; color:#ffffff!important;}
.color-text-1, .color-text-hover-1:hover {color:#ff8abd!important;}
.color-2, .color-hover-2:hover {background-color:#9ec6df !important; color:#000000!important;}
.color-text-2, .color-text-hover-2:hover {color:#9ec6d9 !important;}
.color-3, .color-hover-3:hover {background-color:#757575!important; color:#ffffff!important;}
.color-text-3, .color-text-hover-3:hover {color:#757575!important;}
.color-text-4, .color-text-hover-4:hover {color:#53555a!important;}
.color-text-5, .color-text-hover-5:hover {color:#2e2e2e!important;}
</style>
</head><body>
<div class="w3-container">
<h2>Input Details</h2>
<form>
<input class="color-1 w3-round w3-margin-bottom w3-input w3-border" placeholder="Parent/Guardian Name" type="test">
<input class="color-1 w3-round w3-margin-bottom w3-input w3-border" placeholder="Email" type="test">
<input class="color-1 w3-round w3-margin-bottom w3-input w3-border" placeholder="Phone" type="test">
<textarea class="color-1 w3-round w3-margin-bottom w3-input w3-border" type="test" placeholder="addresss" rows="4"></textarea>
<input class="color-1 w3-round w3-margin-bottom w3-input w3-border" placeholder="Dancer's Name" type="test">
<input class="color-1 w3-round w3-margin-bottom w3-input w3-border" placeholder="Dancer's DOB" type="test">
<input class="color-1 w3-round w3-margin-bottom w3-input w3-border" placeholder="Dancer's Shoe Size" type="test">
</form>
<h2>Terms and conditions</h2>
<p>This is terms and conditions for enrollment. They are longer</p>
<h2>Booking Details</h2>
<p>This is to confirm that you are booking in for Dance With Me
classes at Southampton - Lodge Rd on Mondays at . Your first class will
be on Mon 18th Sep, the total cost for 15 classes will be £112.5.</p>
<p>You will now be directed to goCardless to setup a direct debit
payment. Money will never be taken from your account without your
permission. The initial amount will be taken today.</p>
<button class="w3-button w3-round color-1">Pay Now</button>
</div>
</body></html>