-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathcontact.html
120 lines (120 loc) · 8.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>TraderDashboards</title>
<link rel="icon" type="image/png" href="assets/icons/title-icon.png">
<meta name="description" content="TraderDashboards-is-a-free-charting-package-that-is-designed-to-assist-traders-and-investors-in-developing-an-informational-edge-and-is-designed-by-traders-for-traders.">
<meta name="author" content="Adam-Skoullos">
<meta name="robots" content="index,follow">
<meta name="keywords" content="equities-day-trader, investing, stock-trading, US-equity-index, sector-etf-swing-trading, economic-calendar, free-news-feed,russell-2000, S&P 500, Nasdaq-100">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/stylesheet.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark colors-navbar nav-top">
<a class="navbar-brand logo-icon" href="index.html"><img src="assets/icons/title-icon.png" alt="logo icon" width="24" height="24"> TraderDashboards</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dashboards
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="intraday-dash.html">Intraday-Dash</a>
<a class="dropdown-item" href="index-dash.html">Index-Dash</a>
<a class="dropdown-item" href="sector-dash.html">Sector-Dash</a>
<a class="dropdown-item" href="stock-dash.html">Stock-Dash</a>
</div>
</li>
<li class="nav-item active">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="subscribe.html">Subscribe</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://drive.google.com/file/d/1Ln12hylrqkoI-hx5NzBe4zTPrj-qpbPx/view?usp=sharing" target="_blank">User Guide</a>
</li>
</ul>
</div>
</nav>
<section class="row contact-container-outer">
<div class="col contact-container">
<div class="contact-heading-container">
<h4 class="contact-heading">As <span class="highlight">full stack developers</span> we can assist you from strategy design and back testing right through to building out proprietary web or desktop applications<br><br>Reach out and we will get back to you to arrange an initial call</h4>
</div>
<!-- The below form is built using some classes and elements that are built into the javascript file. The below action:url is provided by Google and was obtained
while following along with a brilliant article: https://blog.h-educate.com/how-to-send-an-email-in-a-static-html-page-using-google-sheets-scripts/ This process originally came
from a GitHub repo: https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server/blob/master/README.md and auto adds new contacts to Google sheets
as well as bringing Ajax in to manage submit events. I detail this within the README.md file when testing owner goals-->
<form class="gform contact-form pure-form pure-form-stacked" method="POST" data-email="example@email.net"
action="https://script.google.com/macros/s/AKfycbw2lF0z3pfyY88t4Jl1aTbLbVWnqtb8ULr01af8/exec">
<div class="form-elements">
<fieldset class="form-group">
<input id="name" class="form-control" name="name" placeholder="Name"/>
</fieldset>
<fieldset class="form-group">
<input type="tel" id="phone" class="form-control" name="phone" placeholder="Phone"/>
</fieldset>
<fieldset class="form-group">
<input id="email" class="form-control" name="email" type="email" value=""
required placeholder="Email"/>
<span class="email-invalid" style="display:none">
Must be a valid email address</span>
</fieldset>
<!--The below values within the radial options are sent through with the other elements to the Google sheets contact database on submission-->
<div class="radio-container radio-margin">
<div class="form-check form-elements">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="Prop Firm" checked>
<label class="form-check-label" for="exampleRadios1">
I am from a trading/investing firm
</label>
</div>
<div class="form-check form-elements">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="Ind Trader">
<label class="form-check-label" for="exampleRadios2">
I am an independant trader/investor
</label>
</div>
<div class="form-check form-elements">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="Agent/Employer">
<label class="form-check-label" for="exampleRadios3">
I am an agent or employer
</label>
</div>
</div>
<fieldset class="form-group">
<textarea id="message-box" name="message-box" rows="4" cols="50" placeholder="Message" class="form-control message"></textarea>
</fieldset>
<button class="btn subscribe-btn">Send</button>
</div>
<!--The below thank you message is the magic that takes place thanks to the form-submission-handler.js file -->
<div class="thankyou_message thankyou-text" style="display:none;">
<h1>Thank you for getting in touch!</h1>
<h2>We are normally able to respond within 48 hours<br>Happy trading!</h2>
</div>
<!--The div container class code is used from the following Google maps iframe example: https://mdbootstrap.com/plugins/jquery/iframe/-->
<div id="map-container" class="z-depth-1-half map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d23626.379365152032!2d-0.09628233794214949!3d51.505561305443564!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487603554edf855f%3A0xa1185c8d19184c0!2sCity%20of%20London%2C%20London!5e0!3m2!1sen!2suk!4v1606472209356!5m2!1sen!2suk" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</form>
</div>
<footer class="container-fluid contact-footer">
<h5>Powered by TradingView</h5>
<p>2021 Copyright: TraderDashboards.com</p>
</footer>
</section>
<script data-cfasync="false" src="form-submission-handler.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</body>
</html>