forked from kellynauert/rovercode
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
105 lines (98 loc) · 3.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous" />
<link href="index.css" rel="stylesheet" />
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
<title>Rovercode</title>
</head>
<body onload="spacerHeight()">
<!-- Navbar -->
<nav class="navbar navbar-expand-md" id="nav">
<div class="container">
<a class="navbar-brand" href="index.html"> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">MENU</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-lg-0">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="schools.html" class="nav-link">Rovercode for Schools</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link active">Contact</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About Us</a></li>
</ul>
</div>
</div>
</nav>
<div id="navbar-spacer"></div>
<!-- Hero section -->
<div class="container-fluid repeated-hero">
<div class="container">
<div class="row">
<div class="col-12 d-flex justify-content-center">
<h4>Contact Us</h4>
</div>
</div>
</div>
</div>
<!-- Contact section -->
<div class="container-fluid" id="contact">
<div class="container">
<div class="row align-items-center">
<form class="d-flex flex-column" action="https://formspree.io/f/xjvppgro" method="POST">
<div class="row align-items-center">
<div class="col-lg-5 offset-lg-1 justify-content-center">
<img src="assets/images/excited.png" alt="Sponsorships" id="sponsorImage" />
</div>
<div class="col-lg-4 offset-lg-1 d-flex flex-column">
<h2>Ready to get started?</h2>
<input type="text" name="name" placeholder="Name*" required />
<input type="email" name="_replyto" placeholder="Email*" required />
<input type="tel" name="phone" placeholder="Phone" />
<input type="text" name="school" placeholder="School Name" />
<input type="text" name="city" placeholder="School City" />
<textarea name="message" rows="4" cols="6" placeholder="Message"></textarea>
<input type="submit" id="submit" value="Send" />
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Footer -->
<div class="container-fluid" id="footer">
<div class="container">
<div class="row">
<div class="col-lg-2 d-flex flex-column">
<h3>Rovercode</h3>
<a href="index.html">Home</a><a href="schools.html">For Schools</a> <a href="about.html">About Us</a><a
href="contact">Contact Us</a>
</div>
<div class="col-lg-2 d-flex flex-column">
<h3>Check Us Out At</h3>
<a href="https://github.com/rovercode">GitHub</a><a href="https://twitter.com/rovercode">Twitter</a>
</div>
<div class="col-lg-4">
<a href="https://go.rovercode.com/"><button>Start Coding</button></a>
</div>
</div>
<div class="row">
<div class="col">
<p>
Logo and branding images are trademarks of Rovercode LLC. They were originally created by
<a href="https://www.louisdurrant.co.uk/" target="_blank">Louis Durrant.</a>
</p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"></script>
<script src="index.js"></script>
</body>
</html>