-
-
Notifications
You must be signed in to change notification settings - Fork 17
/
index.html
140 lines (115 loc) · 4.82 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
<!DOCTYPE html>
<html lang="English">
<head>
<title>Sense Hacker</title>
<meta charset="UTF-8">
<meta name="description" content="game">
<meta name="keywords" content="Gaming">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="assets/img/favicon.png" rel="shortcut icon"/>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
<link rel="stylesheet" href="assets/css/font-awesome.min.css"/>
<link rel="stylesheet" href="assets/css/slicknav.min.css"/>
<link rel="stylesheet" href="assets/css/owl.carousel.min.css"/>
<link rel="stylesheet" href="assets/css/magnific-popup.css"/>
<link rel="stylesheet" href="assets/css/animate.css"/>
<!-- Main Stylesheets -->
<link rel="stylesheet" href="assets/css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<!-- Header section end -->
<!-- Hero section -->
<section class="hero-section overflow-hidden">
<div class="hero-slider owl-carousel">
<div class="hero-item set-bg d-flex align-items-center justify-content-center text-center" data-setbg="assets/img/slider-bg-1.png">
<div class="container">
<h2>Sense Hacker</h2>
<a href="#about" class="site-btn"> Play Now!<img src="assets/img/icons/double-arrow.png" alt="#"/></a>
</div>
</div>
<div class="hero-item set-bg d-flex align-items-center justify-content-center text-center" data-setbg="assets/img/slider-bg-2.png">
<div class="container">
<h2>Sense Hacker</h2>
<a href="#demo-video" class="site-btn">Watch Promo <img src="assets/img/icons/double-arrow.png" alt="#"/></a>
</div>
</div>
</div>
</section>
<!-- Hero section end-->
<!-- Intro section -->
<section class="intro-video-section set-bg d-flex align-items-end " data-setbg="./assets/img/promo-bg.jpg" id="demo-video">
<div class="container">
<div class="video-text">
<h2>Promo video of the <a class="top-meta" href="https://www.youtube.com/watch?v=0RMnu173UNY" target="_blank">game</a></h2>
</div>
</div>
</section>
<!-- Intro section end -->
<!-- Featured section -->
<section class="featured-section" id="about">
<div class="featured-bg set-bg" data-setbg="assets/img/featured-bg.png"></div>
<div class="featured-box">
<div class="text-box">
<div class="top-meta">11.04.21 / in Games</div>
<h3>The game you’ve been waiting for is out now</h3>
<p>Sense Hacker- Do you want to know your level of knowledge about common phishing traps on the internet? So you have to click on this quiz game about phishing with real screens of current ongoing threats on the internet that often deceive us about what is real and save your self from getting your information hacked with Sense Hacker!</p>
<a href="sense-hack/index.html" class="read-more">Play Now! <img src="assets/img/icons/double-arrow.png" alt="#"/></a>
</div>
</div>
</section>
<!-- Featured section end-->
<!-- Newsletter section -->
<section class="newsletter-section">
<div class="container">
<h2>Help us improve our game</h2>
<form class="newsletter-form">
<input type="text" placeholder="ENTER YOUR FEEDBACK">
<button class="site-btn">SEND <img src="assets/img/icons/double-arrow.png" alt="#"/></button>
</form>
</div>
</section>
<!-- Newsletter section end -->
<!-- Footer section -->
<footer class="footer-section">
<div class="container">
<div class="footer-left-pic">
<img src="assets/img/footer-left-pic.png" alt="">
</div>
<div class="footer-right-pic">
<img src="assets/img/footer-right-pic.png" alt="">
</div>
<a href="#" class="footer-logo">
<img src="./assets/img/logo.png" alt="">
</a>
<div class="footer-social d-flex justify-content-center">
<a href="#"><i class="fa fa-pinterest"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
</div>
<div class="copyright"><a href="">Sense Hacker</a> 2021 @ All rights reserved</div>
</div>
</footer>
<!-- Footer section end -->
<!--====== Javascripts & Jquery ======-->
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.sticky-sidebar.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>