-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHome.html
198 lines (178 loc) · 6.11 KB
/
Home.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SumIT - Everything you need for IT</title>
<link rel="stylesheet" href="bootstrap-4.1.3-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="Home.css">
<link rel="stylesheet" href="css/fixed.css">
</head>
<body>
<div id="Top"> <!--- Start Top Section -->
<!--- Navigation Bar -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="Home.html"><img src="img/Sumit.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#theNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="theNavbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="Home.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Summaries.html">Summaries</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Tutorials.html">Tutorials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Self-help.html">Self-help</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Testimonials.html">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Contact.html">Contact</a>
</li>
</ul>
</div>
</nav> <!--- End Navigation Bar -->
<!-- Picture -->
<div class="dark">
<div class="row picture">
<img src="img/catalyst1.jpg">
</div>
<div class="caption text-center">
<h1>Welcome to SumIT</h1>
<h3>The home of IT students, for IT students, by IT students</h3>
</div>
</div> <!-- End Picture section -->
</div> <!--- End Top Section -->
<!--- Start Summaries Section -->
<div id="summaries">
<div class="col-12">
<h3 class="heading text-center">Summaries</h3>
<div class="heading-underline"></div>
</div>
<div class="row text-center"> <!-- Row -->
<div class="col-md-4">
<div class="summaries">
<h4>Want to be the master of IT?</h4><br>
<img src="img/The-Matrix-Code.jpg">
</div>
</div>
<div class="col-md-4">
<div class="summaries">
<h4>But your teacher is like this?</h4><br>
<img src="img/Teacher.jpg">
</div>
</div>
<div class="col-md-4">
<div class="summaries">
<h4>Feel ya! Only students can bring hapiness to each other!</h4>
<img src="img/Together.jpg">
</div>
</div>
</div> <!-- End Row -->
</div> <!--- End Summaries Section -->
<!--- Start Tutorials Section -->
<div id="Tutorials">
<!-- Start Jumbotron -->
<div class="jumbotron">
<div class="col-12">
<h3 class="heading text-center">Tutorials</h3>
<div class="heading-underline"></div>
</div>
<div class="row text-center">
<div class="col-md-4">
<div class="Tutorials">
<i class="fab fa-youtube fa-4x" data-fa-transform=
"shrink-4.5 up-4.5"></i>
<h3>Videos</h3>
<p>Want to see real life examples? Love watching videos instead of biting chunks of words? Yeah, me too! </p>
</div>
<i class="far fa-grin-tongue-squint fa-2x"></i>
</div>
<div class="col-md-4">
<div class="Tutorials">
<i class="fas fa-database fa-4x" data-fa-transform=
"shrink-3 up-5"></i>
<h3>Step-by-Step</h3>
<p>Don't know where to start and feel utterly stupid? No worries! Here's our level-up system.</p>
</div>
<i class="far fa-grin-beam fa-2x"></i>
</div>
<div class="col-md-4">
<div class="Tutorials">
<i class="fas fa-bomb fa-4x" data-fa-transform=
"shrink-4 up-5"></i>
<h3>Land Mines</h3>
<p>Brace yourself, soldiers! We are going through a minefield. Listen up and avoid these mines at all costs!</p>
</div>
<i class="fas fa-skull-crossbones fa-2x"></i>
</div>
</div> <!-- End Row -->
</div> <!-- End Jumbotron -->
</div> <!--- End Tutorials Section -->
<!-- Start Self-help Section-->
<div id="Self-help">
<div class="fixed-background">
<div class="row image">
<div class="col-12">
<h3 class="heading text-center">Self-help</h3>
<div class="heading-underline"></div>
</div>
<div class="col-md-4 text-center">
<h3>Motivation</h3>
<div class="feature">
<i class="fas fa-burn fa-3x"></i>
</div>
<p class="lead">Feeling lazy and need something to drive you? Here's some hardcore motivation.</p>
</div>
<div class="col-md-4 text-center">
<h3>Study Music</h3>
<div class="feature">
<i class="fas fa-music fa-3x"></i>
</div>
<p class="lead">Studying is mundane and tiring? Try again with these background music.</p>
</div>
<div class="col-md-4 text-center">
<h3>Live Chat</h3>
<div class="feature">
<i class="far fa-comments fa-3x"></i>
</div>
<p class="lead">Need some help from other students? Start chatting with them, now!</p>
</div>
</div> <!-- End Row Dark-->
<div class="fixed-wrap">
<div class="fixed"></div>
</div>
</div> <!-- End Fixed Background-->
</div> <!-- End Resources Section-->
<!-- Start Footer Section-->
<div id="contact">
<footer style="margin-top: 0">
<div class="row justify-content-center">
<div class="col-md-5 text-center">
<img src="img/Sumit.png">
<p>At our core, we are a bunch of RMIT trolls who simply love good laughs and are working very diligently to make you enjoy studying and teaching here as much as us.</p>
<strong>Contact Info</strong>
<p>(666) 613-4444 <br>[email protected]</p>
<a href="https://www.facebook.com/profile.php?id=100016991286991" target="_blank"><i class="fab fa-facebook-square"></i></a>
<a href="https://help.twitter.com/en/twitter-guide" target="_blank"><i class="fab fa-twitter-square"></i></a>
<a href="https://help.instagram.com/454502981253053/" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
<hr class="socket">
© 2019 SumIT. All Rights Reserved
</div>
</footer>
</div> <!-- End Footer Section-->
</body>
<!--- Script Source Files -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.5.0/js/all.js"></script>
<!--- End of Script Source Files -->
</html>