-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (85 loc) · 3.96 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
<!DOCTYPE html>
<html lang="English">
<head>
<title>Project CyberGuard</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">
<link href="assets/img/favicon.png" rel="shortcut icon"/>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<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/owl.carousel.min.css"/>
<link rel="stylesheet" href="assets/css/style.css"/>
</head>
<body>
<div id="preloder">
<div class="loader"></div>
</div>
<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/6.jpg">
<div class="container">
<h2>Project CyberGuard</h2>
<a href="#about" class="site-btn"> Play Now!<img src="assets/img/icons/double-arrow.png" alt="#"/></a>
</div>
</div>
</div>
<section class="intro-section set-bg d-flex align-items-end " data-setbg="./assets/img/9.jpg">
<div class="container">
<div class="video-text">
<h2 style="font-size: 6vh;">Interactive Way to learn Cyber Security Awareness</a></h2>
</div>
</div>
</section>
<section class="intro-section set-bg d-flex align-items-end " data-setbg="./assets/img/8.png">
<div class="container">
<div class="video-text">
<h2 style="font-size: 5.2vh;">Learn ways to avoid Online Scams</a></h2>
</div>
</div>
</section>
</section>
<section class="featured-section" id="about">
<div class="featured-bg set-bg" data-setbg="assets/img/7.jpg"></div>
<div class="featured-box">
<div class="text-box">
<h3>Project CyberGuard</h3>
<p>Do you want to learn how to avoid getting hacked and increase your awareness regarding online services? Do you want to know your level of knowledge about common phishing traps on the internet? If so, then Project CyberGuard might be helpful to you.</p>
<p>Project CyberGuard is an educational and interactive game designed to raise awareness about phishing, common online scams, and how to protect ourselves from hackers worldwide. 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 Project CyberGuard!</p>
<a href="internet-security/index.html" class="read-more">Play Now! <img src="assets/img/icons/double-arrow.png" alt="#"/></a>
</div>
</div>
</section>
<footer class="footer-section">
<div class="container">
<div class="footer-left-pic">
<img src="assets/img/footer2.png" alt="" style="max-width:75%; height:auto;">
</div>
<div class="footer-right-pic">
<img src="assets/img/footer.png" alt="" style="max-width:58%; height:auto;">
</div>
<div class="footer-logo">
<img src="assets/img/logo.png" alt="">
</div>
<div class="footer-social d-flex justify-content-center">
<a href="#"><i class="fa fa-github"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-telegram"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
<div class="copyright"><a href="">Project CyberGuard</a> ©️ All rights reserved</div>
</div>
</footer>
<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>