-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·242 lines (199 loc) · 8.67 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
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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Jeremiah John Boateng">
<link rel="icon" href="">
<title>Hacker@Hackers</title>
<!-- Bootstrap core CSS -->
<!-- <link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/hackers.css"> -->
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Amita|Raleway" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ionicons.min.css">
</head>
<body class="isloading">
<header>
<section class="terminal">
<pre>
<p><span class="c1">Hacker@Kali:$</span> <span class="cmd"></span></p>
<p class="terminal-response">Decrypting password...</p>
<p class="terminal-response">Password decrypted : <span style="color:green">Random123</span></p>
</pre>
</section>
</header>
<section>
<nav class="navbar navbar-expand-lg bg-light">
<div class="container">
<a class="navbar-brand" href="#">H@H</a>
<div id="navi">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link btn btn-action" href="#hire-us">Hire US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" id="trigger"><span class="ion-android-menu"></span></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- slide in menu -->
<div class="menu">
<button id="close"><span class="ion-close-round"></span></button>
<nav>
<ul>
<li>
<a href="#">Lorem</a>
</li>
<li>
<a href="#">Ipsum</a>
</li>
<li>
<a href="#">Dolor</a>
</li>
<li>
<a href="#">Sit</a>
</li>
<li>
<a href="#" class="btn btn-action">HIRE US</a>
</li>
<li>
<div class="socials">
<span class="ion-social-facebook"></span>
<span class="ion-social-twitter"></span>
<span class="ion-social-instagram"></span>
<span class="ion-social-googleplus"></span>
<span class="ion-social-dribbble-outline"></span>
</div>
</li>
</ul>
</nav>
</div>
</section>
<section class="about">
<h2 class="heading-primary">What we do — Hack</h2>
<p class="intro-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla blandit ipsum elit, vel tempus augue blandit et. Sed quis congue nisl. Cras justo mi, suscipit ut pellentesque at, condimentum vitae felis. Proin quis augue ex. Cras et efficitur lacus. Integer nec lobortis mauris. Maecenas a odio neque. Proin viverra, turpis ut commodo iaculis, nibh urna posuere mauris, sit amet elementum nibh lorem id nunc. In vitae erat cursus, placerat justo a, viverra libero. Integer sapien nunc, dapibus ac tincidunt sit amet, luctus vel justo. Pellentesque mi lectus, dictum sagittis massa sit amet, cursus blandit nisl</p>
</section>
<section class="motto">
<h2 class="heading-primary">Our Motto</h2>
<div class="motto-bg"></div>
</section>
<section class="why-us">
<div class="row no-gutters">
<div class="col-sm-6 animated" data-animate="slideInLeft">
<h3>Who are we? — Hackers</h3>
<p>Mauris et euismod nisi, sit amet porttitor orci. Vestibulum faucibus fermentum viverra. Aliquam erat volutpat. Nunc nec mauris felis. Donec dui sem, aliquam id nunc ac, porttitor placerat ex. Sed tellus odio, eleifend viverra gravida id, rhoncus vel orci. In faucibus eleifend justo non eleifend. Donec efficitur ac justo non viverra.</p>
</div>
<div class="col-sm-6 animated" data-animate="slideInRight">
<img src="assets/images/whatwedo.jpg">
</div>
</div>
<div class="row no-gutters">
<div class="col-sm-6 animated" data-animate="slideInRight">
<h3>What do we want — to hack</h3>
<p>We have reported 1000+ <strong><a href="https://en.wikipedia.org/wiki/Common_Vulnerabilities_and_Exposures">CVE</a></strong>'s.Aenean id bibendum massa. In consectetur velit non libero luctus venenatis. Phasellus vel placerat dolor. Vivamus feugiat erat volutpat, iaculis urna quis, ultrices ligula. Donec nec fermentum urna. Proin egestas metus et eros tincidunt consequat. Vivamus quam sem, sodales id sodales eu, iaculis vulputate justo</p>
</div>
<div class="col-sm-6 animated" data-animate="slideInLeft">
<img src="assets/images/whatwedo2.jpg">
</div>
</div>
</section>
<section class="our-team">
<h2 class="heading-primary">A glympse of our team</h2>
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="card team-member animated" data-animate="slideInUp">
<img class="card-img-top rounded-circle" src="assets/images/team-member1.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Gerald Maldonado</h4>
<p class="card-text">Lead network hacker.</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card team-member animated" data-animate="slideInUp">
<img class="card-img-top rounded-circle" src="assets/images/team-member.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Lucy Cechtelar</h4>
<p class="card-text">Lead Desktop and Mobile apps hacker.</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card team-member animated" data-animate="slideInUp">
<img class="card-img-top rounded-circle" src="assets/images/team-member3.jpg" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Marty Hampton</h4>
<p class="card-text">Lead OS hacker</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hire-us" id="hire-us">
<h2 class="heading-primary">We would love to work with you</h2>
<form action="#">
<div class="form-group">
<label for="name">Name</label>
<input class="form-control" type="text" name="name" id="name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input class="form-control" type="text" name="email" id="email" required>
</div>
<div class="form-group">
<label for="description">A brief summary of what you would like us to do for you </label>
<textarea class="form-control" name="description" id="description" cols="30" rows="8" required></textarea>
</div>
<div class="form-group">
<button class="btn btn-action">Send</button>
</div>
</form>
</section>
<footer>
<nav class="navbar">
<div class="container">
<a class="nav-link" href="#">Blog</a>
<a class="nav-link" href="#">Affiliate Program</a>
<a class="nav-link" href="#">More hacking</a>
<a class="nav-link" href="#" data-target="#newsmodal" data-toggle="modal">Newsletter</a>
</div>
</nav>
<p class="copyright"> Copyright <script> document.write(new Date().getFullYear()) </script> <a href="https://twitter.com/jjb_official" class="footer-link"> @jjb_official</a></p>
<div class="modal fade"id="newsmodal">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">Sign up for our newsletter</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Get <strong>free</strong> tips and tricks to secure your computer systems</p>
<form>
<div class="form-group">
<label>Email</label>
<input class="form-control" type="email" placeholder="Please enter your email" required>
</div>
<div>
<button class="btn btn-action" type="submit">I'm in</button>
</div>
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</footer>
<!-- <script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/popper.es5.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/hackers.js"></script> -->
</body>
</html>