-
Notifications
You must be signed in to change notification settings - Fork 3
/
siteSectionTemplate.html
42 lines (28 loc) · 1.54 KB
/
siteSectionTemplate.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
<!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.0">
<!-- This is the default stylesheet; use the basic styles from there and add your own stylesheet -->
<!-- Make sure to pay attention to the path; this is set by default to get styles from the routes folder -->
<link rel="stylesheet" href="../styles/styles.css" />
<title>SCS Concordia</title>
</head>
<body>
<div id="background"> <!-- This is the most senior user-defined parent div, it's where the static code backgroun image is that you see the other divs scroll over -->
<div id="wrapper"> <!-- This is the parent element for all main divs. Currently (27/10/22) it's not doing anything special, mostly there in case we need it -->
<!-- wrapper's children are the main site sections, all of which have the "site-section" class except the navbar -->
<nav> <!-- This is the nav bar. nav tag is basically just a div. Child of wrapper -->
<!-- The contents of this tag are filled with javascript through the index.js script -->
</nav>
<!-- Your site sections go here -->
<section id="hero" class="site-section">
</section>
<footer>
<!-- The contents of this tag are filled with javascript through the index.js script -->
</footer>
</div> <!-- END OF WRAPPER -->
</div> <!-- END OF BACKGROUND -->
</body>
</html>