-
Notifications
You must be signed in to change notification settings - Fork 0
/
contactUs.html
101 lines (88 loc) · 5.75 KB
/
contactUs.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Contact Us</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="contactUsCSS.css" />
</head>
<body>
<!- Code for navbar at top of the screen ->
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<button class="navbar-toggler" data-toggle="collapse" data-target="#navMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navMenu">
<ul class="navbar-nav">
<li class="nav-item"><a href="Timer.html" class="nav-link">Timer</a></li>
<li class="nav-item"><a href="blog%20page%20template.php" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="trackMed.html" class="nav-link">Tracker</a></li>
<li class="nav-item"><a href="resources.html" class="nav-link">Resources</a></li>
<li class="nav-item is-active"><a href="contactUs.html" class="nav-link">Contact Us</a></li>
<input type="button" class = "btn btn-light btn-sm active" value="1" aria-pressed ="true" onclick="document.body.style.cssText+=';background-image: url(contactWow.jpg);background-repeat: no-repeat;background-size: cover;';" />
<input type="button" class = "btn btn-secondary btn-sm active" value="2" onclick="document.body.style.cssText+=';background-image: url(contactWow2.jpg);background-repeat: no-repeat;';" />
<input type="button" class = "btn btn-info btn-sm" value="3" onclick="document.body.style.cssText+=';background-image: url(contactWow3.jpg);background-repeat: no-repeat;';" />
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="index.php?logout=1" class="nav-link">Logout</a></li>
</ul>
</div>
</nav>
<!- Motivational message button displayed at top of screen ->
<div class="form-row text-center" style="padding-top: 5px; padding-bottom: 5px">
<div class="col-12">
<button class="btn btn-outline-primary btn-sm" onclick="quote()">Motivation</button>
</div>
</div>
<div class=" form-row text-center" >
<div class="col-12" id="quoteHere"> </div>
</div>
<!- Container that holds contact information for developers of the webapp ->
<center>
<div class="container">
<div class="card">
<div class="card-header">
Contact Us: Our personal information can be found below.
</div>
<div class="box">
If you want motivational emails contact us here!!!!
<br>Email Me Here: <a href= mailto:[email protected]>[email protected]</a>
</div>
<div class="box">
Alex Cohen
<br>Email Me Here: <a href= mailto:[email protected]>[email protected]</a>
</div>
<div class="box">
William Lenore
<br>Email Me Here: <a href= mailto:[email protected]>[email protected]</a>
</div>
<div class="box">
Tim Voisich
<br>Email Me Here: <a href= mailto:[email protected]>[email protected]</a>
</div>
<div class="box">
Joseph Glickman
<br>Email Me Here: <a href= mailto:[email protected]>[email protected]</a>
</div>
<div class="box">
Mark Sigalov
<br>Email Me Here: <a href= mailto:[email protected]>[email protected]</a>
</div>
</div>
</div>
</center>
<!- Function that generates random motiational message on click of Motivation button ->
<script>
var quotes = ['You are doing great!', 'Keep it up!', 'School is hard but your future self will be proud!', 'It does not matter how slowly you go, as long as you do not stop.', 'Only I can change my life. No one can do it for me.', 'Life is 10% what happens to you and 90% how you react to it', 'Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence.']
function quote(){
var num = Math.floor(Math.random() * (quotes.length));
document.getElementById('quoteHere').innerHTML = quotes[num];
}
</script>
</body>
</html>