generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
126 lines (101 loc) · 4.82 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="'desciption" content="Mobile personal training services in Basel, Switzerland">
<meta name="keywords"
content="A simple home training services where the personal trainer meets his clinet at his/her home. Flexibble appointments. Available in and around Basel in Switzerland. Submit training golas on the checkboxes provided. Your details will be kept confident">
<link rel="stylesheet" href="assets/css/style.css">
<!-- Title -->
<title>Mobile Personal Training Services</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<header class="contact">
<a href="index.html">
<h1 id="logo">Mobile Personal Training Basel</h1>
</a>
<nav>
<ul id="menu">
<li>
<a href="contact.html" class="active">Contact Form</a>
</li>
<li>
<a href="training.html">Training</a>
</li>
<li>
<a href="index.html">Home</a>
</li>
</ul>
</nav>
</header>
<!-- Main content -->
<main>
<section id="signup">
<form id="signup-form" method="POST" action="https://formdump.codeinstitute.net">
<h2>Contact Form</h2>
<label for="first_name">First Name</label>
<input type="text" name="first_name" id="first_name" class="text-input" required>
<br>
<label for="last_name">Last Name</label>
<input type="text" name="last_name" id="last_name" class="text-input" required>
<br>
<label for="email_address">Email Address</label>
<input type="email" name="email_address" id="email_address" class="text-input" required>
<br>
<h3>What are your training goals?</h3>
<div class="checkbox">
<input type="checkbox" id="loseweight-checkbox" name="loseweight">
<label for="loseweight-checkbox">Lose Weight</label>
</div>
<div class="checkbox">
<input type="checkbox" id="toneup-checkbox" name="toneup">
<label for="toneup-checkbox">Tone Up</label>
</div>
<div class="checkbox">
<input type="checkbox" id="getstronger-checkbox" name="getstronger">
<label for="getstronger-checkbox">Get Stronger</label>
</div>
<div class="checkbox">
<input type="checkbox" id="movepainfree-checkbox" name="movepainfree">
<label for="movepainfree-checkbox">Move Pain Free</label>
</div>
<div class="checkbox">
<input type="checkbox" id="event-checkbox" name="event">
<label for="event-checkbox">Preparation for Event</label>
</div>
<div class="checkbox">
<input type="checkbox" id="mobility-checkbox" name="mobility">
<label for="mobility-checkbox">Improve Mobility</label>
</div>
<button type="submit" class="join-button">Submit</button>
</form>
</section>
</main>
<!-- Footer -->
<footer class="icons">
<ul class="social-networks">
<li>
<a href="https://www.youtube.com/@rayptraining3531" target="_blank" rel="noopener"
aria-label="visit my Youtube page (opens in a new tab)"><i class="fa-brands fa-youtube"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/public-profile/settings?trk=d_flagship3_profile_self_view_public_profile"
target="_blank" rel="noopener" aria-label="visit my Linkedin page (opens in a new tab)"><i
class="fa-brands fa-linkedin"></i></a>
</li>
<li>
<a href="https://www.facebook.com/profile.php?id=100064050696795" target="_blank" rel="noopener"
aria-label="visit my Facebook page (opens in a new tab)"><i class="fa-brands fa-facebook"></i></a>
</li>
</ul>
</footer>
<!--font awesome script-->
<script src="https://kit.fontawesome.com/a11c36c394.js" crossorigin="anonymous"></script>
</body>
</html>