CyberWare/index.html at main · WixkedLuck/CyberWare · GitHub

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>CyberGuard2023</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> Cyber Guard
            </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 Cyber Gaurd </h1>
        <img src="./public/images/CyberGaurd.png" 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>