-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (114 loc) · 4.6 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
<!DOCTYPE HTML>
<html>
<head>
<title>The Terminator Squad - DaTerminators</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html"></a>The Terminator Squad - DaTerminators</h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="Team/index.html">Team</a></li>
<li><a href="Projects/index.html">Our Projects</a></li>
<!---li><a href="#"></a></li>
<li><a href="#"></a></li--->
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo">
<img src="images/The Terminator Squad Logo.png">
</div>
<h2>The Terminator Squad - DaTerminators</h2>
<p>A group of developers and designers working together to help evergrowing coding world.</a></p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- Basic Introduction -->
<section id="Basic Introduction" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image"><img src="images/The Terminator Squad Logo.png" alt="DaTerminators Logo" /></a>
<div class="content">
<h2 class="major">About Us</h2>
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
<a href="#" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Projects -->
<section id="projects" class="wrapper alt style1">
<div class="inner">
<h2 class="major">Our Projects</h2>
<p>Projects on what our developers have worked on.</p>
<section class="projects">
<article>
<a href="#" class="image"><img src="" alt="Project 1" /></a>
<h3 class="major">Project 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="" alt="Project 2" /></a>
<h3 class="major">Project 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="" alt="Project 3" /></a>
<h3 class="major">Project 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
</section>
<ul class="actions">
<li><a href="#" class="button">Browse All</a></li>
</ul>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<ul class="contact">
<li class="fa-envelope"><a href="#">example@example.com</a></li>
<li class="fa-twitter"><a href="#">twitter.com/username</a></li>
<li class="fa-facebook"><a href="#">facebook.com/username</a></li>
<li class="fa-instagram"><a href="#">instagram.com/username</a></li>
<li class="fa-discord"><a href="#">discord.gg/invitecode</a></i>
</ul>
<ul class="copyright">
<li>© DaTerminators. All rights reserved.</li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>