generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
179 lines (162 loc) · 11.2 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!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">
<meta name="description" content="Mapping the strike rate of the Premier League's top scorers - one goal at a time">
<link rel="shortcut icon" href="assets/images/flash.svg" type="image/png">
<script src="https://kit.fontawesome.com/71d4e68da2.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/toolkit-inverse.css">
<link rel="stylesheet" href="assets/css/application.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>StrikeForce | Meaningful data for the beautiful game</title>
<script src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js"></script>
<script>
(function() {
emailjs.init("user_Xqu28mWZuK1KkKdLu5olD");
})();
</script>
</head>
<body class="d-flex flex-column contact-body">
<!-- Header -->
<header class='contact-header'>
<div class="container contact-container">
<div class="row">
<div class="col-md-12 sidebar sidebar-contact">
<nav class="sidebar-nav sidebar-nav-contact">
<div class="sidebar-header d-md-none">
<button class="collapsed nav-toggler-about" id="nav-toggler" type="button" data-toggle="collapse" data-target="#nav-toggleable-md" aria-expanded="false">
<span class='nav-toggler-icon'><i class="fas fa-bars"></i></span>
<span class='nav-toggler-icon'><i class="fas fa-futbol"></i></span>
<span class="sr-only">Toggle nav</span>
</button>
</div>
<div class="nav-toggleable-md nav-toggleable-md-contact collapse" id="nav-toggleable-md" role="navigation" aria-expanded="false">
<ul class="nav nav-pills nav-stacked nav-stacked-contact flex-column" id="nav-main">
<li class="nav-item">
<a class="nav-link" id='nav-home-link' href="index.html"> Home</a>
</li>
<li class="d-md-none nav-header">Leaderboards</li>
<li class="d-none d-md-block nav-header dropdown"><a class='dropdown-toggle' role="button" id="about-nav-dropdown-leaderboards" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Leaderboards</a>
<div class="dropdown-menu" aria-labelledby="about-nav-dropdown-leaderboards">
<a class="nav-link dropdown-item" href="leaderboards.html#summary-tables">Summary</a>
<a class="nav-link dropdown-item " href="leaderboards.html#strikerate-tables">StrikeRate</a>
<a class="nav-link dropdown-item " href="leaderboards.html#strikevalue-tables">StrikeValue</a>
</div>
</li>
<li class="d-md-none nav-item">
<a class="nav-link" href="leaderboards.html#summary-tables">Summary</a>
</li>
<li class="d-md-none nav-item">
<a class="nav-link " href="leaderboards.html#strikerate-tables">StrikeRate</a>
</li>
<li class="d-md-none nav-item">
<a class="nav-link " href="leaderboards.html#strikevalue-tables">StrikeValue</a>
</li>
<li class="d-md-none nav-header">Dashboards</li>
<li class="nav-header dropdown d-none d-md-block"><a class='dropdown-toggle' role="button" id="about-nav-dropdown-dashboards" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Dashboards</a>
<div class="dropdown-menu" aria-labelledby="about-nav-dropdown-dashboards">
<a class="nav-link dropdown-item" href="dashboards.html#player-match-list">Scorers</a>
<a class="nav-link dropdown-item " href="dashboards.html#club-match-list">Clubs</a>
</div>
</li>
<li class="d-md-none nav-item">
<a class="nav-link " href="dashboards.html#player-match-list">
Scorers
</a>
</li>
<li class="d-md-none nav-item">
<a class="nav-link " href="dashboards.html#club-match-list">
Clubs
</a>
</li>
<li class="d-md-none nav-header">More</li>
<li class="nav-item">
<a class="nav-link" id='nav-about-link' href="about.html">
About
</a>
</li>
<li class="pt-2 pt-md-0 nav-item">
<a class="mb-5 mb-md-0 nav-link active" id="nav-contact-link" href="contact.html">
Contact
</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="col-md-12 content mt-2 mt-md-5 mt-lg-3 mt-xl-2" id="content-main">
<div class="container d-flex container-logo even-less-top-margin mt-md-2 mt-lg-0 mt-xl-4 mb-xl-2">
<a class='logo-link d-flex' id='logo_link' href="index.html">
<span class="icon icon-flash icon-flash-contact"></span>
<h1 class="mb-3" id='logo-contact'>trikeForce</h1>
</a>
</div>
<!-- Newsletter Section -->
<!-- Code block adapted from https://www.markuptag.com/newsletter-subscription-form-design-in-bootstrap-4/ -->
<section id="newsletter" class='mt-1 mt-md-3 mb-5 mb-md-3 mt-lg-0'>
<div class="row newsletter-row">
<div class="col-11 col-md-10 col-xl-11 container newsletter-container">
<div class="row">
<div class="col">
<h3>C<i class="fas fa-futbol"></i>ntact us</h3>
<p class='para-lead text-left'>Getting in touch couldn't be simpler, and we'd love to hear from you!</p>
<p class='para-two text-left'>Email us any time at <span class='email-span'><a class='email-link' href='mailto:[email protected]?subject=Hello%20there!'>[email protected]</a></span>, or better still sign up for our monthly newsletter
using the form below.</p>
<p class='para-three text-left'>Alternatively, you can always reach out to us on social media and we'll do our best to get back to you right away <span class="icon icon-thumbs-up"></span></p>
</div>
</div>
<div class="row justify-content-center">
<div class="col">
<form id='contact-form' method="POST" novalidate>
<input type="hidden" name="contact_number">
<input type="email" name="email" id="input-email" placeholder="Enter your email"><input type="submit" value="Subscribe">
</form>
<div id="error-message-email" class='mt-1'></div>
</div>
</div>
<div class="social-links">
<a href="https://www.facebook.com/" target="_blank" title="Facebook" id="_facebooklink"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/" target="_blank" title="Twitter" id="_twitterlink"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/" target="_blank" title="LinkedIn" id="_linkedinlink"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</section>
<!-- End newsletter Section-->
<!-- Modal -->
<div class="modal fade" id='modal-submit' tabindex="-1" role="dialog">
<div class="modal-dialog-wrapper">
<div class="modal-dialog modal-sm vertical-align-center" role="document">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class='px-5'>Thanks for reaching out <span class="icon icon-emoji-happy"></span></h4><button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<p class='px-2'>A member of our team will get back to you as soon as possible!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<!-- End modal -->
</div>
</div>
</div>
</header>
<!-- end of Header -->
<script src="assets/js/libraries/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="assets/js/libraries/tether.min.js"></script>
<script src="assets/js/libraries/toolkit.js"></script>
<script src="assets/js/about.js"></script>
<script src="assets/js/email.js"></script>
</body>
</html>