-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (97 loc) · 5.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CyberWare2023</title>
<link rel="apple-touch-icon" sizes="180x180" href="./public/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./public/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./public/images/favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Playfair+Display&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/ff0398e8e5.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="./public/stylesheets/style-home.css">
<link rel="stylesheet" href="./public/stylesheets/NewsFeed.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-expand-lg ">
<div class="container-fluid ">
<h1 class="navbar-brand animate__animated animate__bounce text-light" href="./AboutUs.html"> <i
class="fa-solid fa-shield-cat"></i> CyberWare
</h1>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link d-flex text-light disabled" id="about">About</a>
<a class="nav-link active d-flex text-light" href="./public/pages/LearningCenter.html">Learning
Center</a>
<li class="nav-item dropdown">
</div>
</div>
<div>
<a class="fa-solid fa-headset icons" href="./public/pages/email.html" title="Contact Us"></a>
</div>
</div>
</nav>
<br></br>
<!-- main section -->
<section class="home App" id="homepage">
<h1 class='Title'>Hello! We are CyberWare </h1>
<img src="./public/images/CyBerWare (2).svg" alt="Cyberware Logo" class="logo">
<div class="container mt-2 centerDiv">
<h2 class="subtitle">About us:</h2>
<p class="">We are a senior group attending Virginia State University all with extensive
backgrounds in the computer science field. As our senior year comes to an end we hope to help the new
students learn more by creating a welcoming and engaging environment!
Our website is designed with education in mind and we hope you will enjoy the
different activities we have set up for you to explore a few topics in cyber security. We created this
website with intentions to help educate users that may not know much about a topic or set of topics. As
the internet and technology continues to grow, there is an ever growing importance of protecting data.
It is critical because it helps to protect organizations and individuals from cyber attacks. Taking the
time to learn more could be the difference, Start now!
</p>
<h3 class="padding2x" style="border-top: 2px solid #4e697d; padding-top: 2rem;">Want to learn more?</h3>
<p>Here are a few topics dissussed in our learning center:</p>
<br></br>
<ul class="centerIt">
<li><a>Introduction to Cybersecurity</a></li>
<li><a>Mobile Malware</a></li>
<li><a>Firewall Exploits</a></li>
<li><a>SQL Injections</a></li>
<li><a>Dangers of XSS</a></li>
</ul>
<p class="mt-5"> Get started today! plus it's free</p>
<button type="button" id='start' class="btn btn-primary btn-lg padding ">Lets Go!</button>
</div>
</section>
<br></br>
<!-- footer -->
<div class="card w-100 centerDiv centerIt">
<div class="card-body">
<h5 class="card-title">Nice! you made it to the bottom...</h5>
<p class="card-text">Additional Content:</p>
<div>
<a class=" fa-brands fa-linkedin icons " href="https://www.linkedin.com/in/david-a-hybner/"
target="blank"></a>
<a class=" fa-solid fa-school icons " href="https://www.vsu.edu/" target="blank"></a>
<a class="fa-brands fa-github-alt icons" href="https://github.com/WixkedLuck/CyberPunk"
target="blank"></a>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="./public/javascript/index.js"></script>
</body>
</html>