-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
executable file
·145 lines (131 loc) · 6.94 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
<!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">
<title>Bootstrap Contact Form With Captcha - reusable form</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="assets/css/nytstyle.css">
<!-- <script src="form.js"></script> -->
</head>
<body>
<div class="container">
<header class="row alert alert-dark">
<div class="col-12 col-sm-6 col-md-4">
<h2 class="lead py-3">Rutgers Financial App</h2>
</div>
<div class="col-12 col-sm-6 col-md-8">
<nav class="nav nav-pills flex-column flex-sm-row py-3 float-right">
<a class="flex-sm-fill text-sm-center nav-link nav-style text-dark" href="index.html">Home</a>
<a class="flex-sm-fill text-sm-center nav-link nav-style text-dark" href="search.html">News</a>
<a class="flex-sm-fill text-sm-center nav-link nav-style text-dark active btn-outline-warning" href="contact.html">Contact</a>
</nav>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-white">
<h2>Contact Us</h2> Got a question ? Feedback? Awesome!
<p> Send your message in the form below and we will get back to you as early as possible. </p>
<form role="form" method="post" id="reused_form">
<div class="form-group">
<label for="name"> Name:</label>
<input type="text" class="form-control" id="name" name="name" required maxlength="50">
</div>
<div class="form-group">
<label for="email"> Email:</label>
<input type="email" class="form-control" id="email" name="email" required maxlength="50">
</div>
<div class="form-group">
<label for="name"> Message:</label>
<textarea class="form-control" type="textarea" name="message" id="message" placeholder="Your Message Here" maxlength="6000"
rows="7"></textarea>
</div>
<div class="row" style="margin-bottom:30px;">
<div class="col-sm-5">
<img class="custom-captcha" src="./assets/images/shutterstock_31216615.jpg" id="captcha_image" />
<br/>
<a class="text-warning" id="captcha_reload" href="#">reload</a>
</div>
<div class="col-sm-6">
<label for="email">Enter the code from the image here:</label>
<input type="text" class="form-control" required id="captcha" name="captcha">
</div>
</div>
<button type="submit" class="btn btn-outline-warning btn-sm my-2" id="btnContactUs">Post It! →</button>
</form>
<div id="success_message" style="width:100%; height:100%; display:none; ">
<h3>Sent your message successfully!</h3>
</div>
<div id="error_message" style="width:100%; height:100%; display:none; ">
<h3>Error</h3> Sorry there was an error sending your form. </div>
</div>
</div>
<br>
<!--Footer-->
<footer class="page-footer font-small dark pt-4 mt-4 border border-warning">
<!--Footer Links-->
<div class="container-fluid text-center text-md-left text-warning">
<div class="row">
<!--First column-->
<div class="col-md-3" id="name">
<h5>Created By:</h5>
<p class="text-muted">Fabian, Rob and Dan</p>
</div>
<!--/.First column-->
<!--Second column-->
<div class="col-md-3">
<h5 class="text-warning">Powered By:</h5>
<ul class="list-unstyled">
<li>
<a href="https://developer.nytimes.com/" class="text-muted" target="_blank">NYT API</a>
</li>
<li>
<a href="https://www.alphavantage.co/" class="text-muted" target="_blank">AlphaVantage API</a>
</li>
<li>
<a href="https://iextrading.com/developer/docs/" class="text-muted" target="_blank">IEX api</a>
</li>
</ul>
</div>
<!--/.Second column-->
<!--Third column-->
<div class="col-md-3">
<h5 class="text-warning">Useful Resources:</h5>
<ul class="list-unstyled">
<li>
<a href="https://www.wsj.com/" class="text-muted" target="_blank">The Wall Street Journal</a>
</li>
<li>
<a href="http://money.cnn.com/" class="text-muted" target="_blank">CNN Money</a>
</li>
<li>
<a href="https://www.msn.com/en-us/money" class="text-muted" target="_blank">MSN Money</a>
</li>
<li>
<a href="https://www.bloomberg.com/" class="text-muted" target="_blank">Bloomberg</a>
</li>
</ul>
</div>
<!--/.Third column-->
</div>
</div>
<!--/.Footer Links-->
<!--Copyright-->
<div class="footer-copyright py-3 text-center text-muted">
© 2018 Copyright:
<a href="https://bootcamp.rutgers.edu/" class="text-white" target="_blank">Rutgers Coding Bootcamp</a>
</div>
<!--/.Copyright-->
</footer>
<!--/.Footer-->
</div>
</div>
<script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
<!-- <script src="https://www.gstatic.com/firebasejs/3.7.1/firebase.js"></script> -->
<script src="assets/js/form.js"></script>
</body>
</html>