-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·156 lines (147 loc) · 7.46 KB
/
index.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
<!doctype html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
<title>Lynden IT | Home</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<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">
<!-- Fontawesome -->
<script src="https://kit.fontawesome.com/e80db28d62.js" crossorigin="anonymous"></script>
<!-- Personal CSS -->
<link rel="stylesheet" href="./css/style.css">
<!-- Favicon -->
<link rel="shortcut icon" type="image/ico" href="./images/lynden/lyndenFavicon.ico" />
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-sm sticky-top">
<div class="d-flex flex-sm-row-reverse w-100 h-100 align-content-center">
<span id="menubar">
<!-- Navigation Links -->
<div class="">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="./">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./support/">Support</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./faq/">FAQ</a>
</li>
</ul>
</div>
</span>
<span class="flex-fill" id="spacer">
</span>
<span class="float-left" id="brand">
<span class="flex-row justify-content-center alight-items-center w-100 h-100">
<a class="navbar-brand" href="./">
<div class="navbar-brand-img"></div>
</a>
<button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse"
data-target="#collapsibleNavId" aria-controls="collapsibleNavId" aria-expanded="false"
aria-label="Toggle navigation">
<i class="fa fa-bars" aria-hidden="true"></i>
</button>
</span>
</span>
</div>
</nav>
<!-- Content -->
<main class="container">
<div class="jumbotron mt-5">
<span class="d-flex" style="align-items: center;">
<span class="w-100">
<h1>Lynden Tech Support</h1>
<p class="lead">Easy to Use Tech Support for Lynden High School</p>
</span>
<img src="./images/lynden/svg/lyndenIcon.svg" class="float-right" height="200px">
</span>
</div>
<div class="mt-5">
<h1>Need help?</h1>
<div class="card-deck">
<div class="card">
<div class="card-body">
<h4 class="card-title">Browse our Support Page</h4>
<p class="card-text">Look through our Support page to find your issue.</p>
<a class="btn btn-primary" href="./support/" role="button">View Support</a>
</div>
</div>
<div class="card">
<div class="card-body">
<h4 class="card-title">Browse the FAQ</h4>
<p class="card-text">Look over our commonly reported issues.</p>
<a class="btn btn-primary" href="./faq/" role="button">Search FAQ</a>
</div>
</div>
</div>
</div>
<div class="mt-5">
<h1>Still Having Trouble?</h1>
<div class="card">
<div class="card-body">
<h4 class="card-title">Submit a Support Ticket</h4>
<p class="card-text">You can submit a support ticket through our form with the button below.</p>
<a class="btn btn-primary" href="#"
onClick="formWindow=window.open('https://forms.office.com/Pages/ResponsePage.aspx?id=28PyA8JlyEewn-mSHEhFOazylAF7DSpAvgBU1mhaHBlUNDhJSzMzTDA3RVRXQllRNVlPR0NWTlRCNC4u','formWindow','width=840,height=480'); return false;">Open
the Form</a>
<!-- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#formModal">
Open the Form
</button> -->
</div>
</div>
</div>
</main>
<!-- Form Modal -->
<div class="modal" id="formModal" tabindex="-1" role="dialog" aria-labelledby="formModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="formModalTitle">Submit a Tech Support Ticket</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<iframe <iframe width="640px" height="480px"
src="https://forms.office.com/Pages/ResponsePage.aspx?id=28PyA8JlyEewn-mSHEhFOazylAF7DSpAvgBU1mhaHBlUNDhJSzMzTDA3RVRXQllRNVlPR0NWTlRCNC4u"
frameborder="0" marginwidth="0" marginheight="0"
style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen
mozallowfullscreen msallowfullscreen> </iframe>
</div>
</div>
</div>
</div>
<nav class="nav justify-content-center align-items-center p-3 mt-5 flex-column">
<p class="nav-link p-1 m-1 text-muted">Website ©Lynden High School <span id="dateYear"></span>. All
Rights Reserved.
</p>
<p class="nav-link p-1 m-1 text-muted">Developed by Jack Graddon</p>
<p class="nav-link p-1 m-1 text-muted">Provide feedback on the site <a target="_blank" class="link"
title="Requires a GitHub account." href="https://github.com/jackgraddon/lyndenit/issues/new/choose">here
<i class="fa fa-external-link" aria-hidden="true"></i></a>.
</p>
</nav>
<script type="text/javascript">
var date = new Date();
var year = date.getFullYear();
document.getElementById('dateYear').innerText = year;
</script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<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>
</body>
</html>