-
Notifications
You must be signed in to change notification settings - Fork 0
/
info.html
124 lines (92 loc) · 4.63 KB
/
info.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
<!DOCTYPE html>
<html>
<head> <!--HEAD START-->
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1" />
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="css/info.css" rel="stylesheet" type="text/css" media="screen"/>
<link rel="icon" type="image/ico" href="images/favicon.ico">
<title>CRAFT412 - Info</title>
</head> <!--HEAD END-->
<body> <!--BODY START-->
<header> <!--HEADER START-->
<a class="discord-box" href="https://discord.gg/tS47bd" title="Join the Discord server" target="_blank">
<img src="images/discord-icon.png" alt="discord-icon"/>
<p>DISCORD</p>
</a>
<a id="three-lines" href="#">☰</a>
<nav id="top-nav"> <!--NAV START-->
<a href="index.html">Home</a>
<a href="status.html">Status</a>
<a href="info.html" class="active">Info</a>
<a href="gamemodes.html">Gamemodes</a>
<a href="rules.html">Rules</a>
<a href="vote.html">Vote</a>
<a href="contact.html">Contact</a>
</nav> <!--NAV END-->
<a id="logo" title="Go back to the homepage" href="index.html"><img src="images/header-logo.png" alt="logo"/></a>
<p id="ip-box" title="Address to join CRAFT412">SERVER IP<br/>craft412.serveminecraft.net</p>
</header> <!--HEADER END-->
<div class="wrapper"> <!--WRAPPER START-->
<main> <!--MAIN CONTENT START-->
<section class="title-banner"> <!--PAGE TITLE START-->
<h3>INFO</h3>
</section> <!--PAGE TITLE END-->
<section class="info-container"> <!--INFO TEXT START-->
<h4>SERVER INFO</h4>
<p>This server is still under development, so problems may occur.<br>
Staff have the right to spy and monitor players who are suspected of breaking the rules.<br>
This server has regular backups scheduled to every 10 hours.</p>
</section> <!--INFO TEXT START-->
</main> <!--MAIN CONTENT END-->
<section class="staff-container"> <!--STAFF IMAGES C0NTENT START-->
<h4>STAFF</h4>
<figure class ="staff-images">
<img src="images/gr412.png" title="GR412 - Owner" alt="gr412-staff">
<figcaption class="staff-text">GR412 - Owner</figcaption>
</figure>
<figure class ="staff-images">
<img src="images/joevis.png" title="JoeVis - Technician" alt="joevis-staff">
<figcaption class="staff-text">JoeVis - Technician</figcaption>
</figure>
<figure class ="staff-images">
<img src="images/scott.png" title="Scott1541 - Administrator" alt="scott-staff">
<figcaption class="staff-text">Scott1541 - Administrator</figcaption>
</figure>
<figure class ="staff-images">
<img src="images/halo.png" title="Halo - Administrator" alt="halo-staff">
<figcaption class="staff-text">Halo - Administrator</figcaption>
</figure>
</section> <!--STAFF IMAGES C0NTENT END-->
<section class="image-gallery"> <!--IMAGE GALLERY C0NTENT START-->
<h4>IMAGE GALLERY</h4>
<section id="gallery-preview">
<img src="images/gallery1.png" alt="image-gallery-1">
</section>
<section id="gallery-thumbnails">
<img src="images/gallery1.png" alt="image-gallery-1">
<img src="images/gallery2.png" alt="image-gallery-2">
<img src="images/gallery3.png" alt="image-gallery-3">
<img src="images/gallery4.png" alt="image-gallery-4">
<img src="images/gallery5.png" alt="image-gallery-5">
</section>
</section> <!--IMAGE GALLERY C0NTENT END-->
<footer> <!--FOOTER START-->
<p>Created By GR412 2017</p>
<div class="icons"> <!--FOOTER ICONS START-->
<a title="GR412's Youtube channel" href="https://www.youtube.com/channel/UCDzWdpTILg5cimfNKbEjdHw" target="_blank">
<img src="images/youtube-icon.png" alt="youtube-icon"/>
</a>
<a title="GR412's Twitch channel" href="https://www.twitch.tv/sneakyshrike" target="_blank">
<img src="images/twitch-icon.png" alt="twitch-icon"/>
</a>
<a title="GR412's Github" href="https://github.com/SneakyShrike" target="_blank">
<img src="images/github-icon.png" alt="github-icon"/>
</a>
</div> <!--FOOTER ICONS END-->
</footer> <!--FOOTER END-->
</div> <!--WRAPPER END-->
<script src="js/nav-button.js"></script> <!-- JS file controls the drop down portion of the nav bar-->
<script src="js/image-gallery.js"></script> <!-- JS file that allows the user to interact with the image gallery-->
</body> <!--BODY END-->
</html>