updates to index & styles

OwnsJo · Sep 30, 2023 · 7a19c48 · 7a19c48
1 parent 7cd69d6
commit 7a19c48
Show file tree

Hide file tree

Showing 2 changed files with 122 additions and 29 deletions.
diff --git a/src/index.html b/src/index.html
@@ -1,32 +1,96 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Welcome to Getchell Cloud</title>
+    <title>Getchell's Cloud</title>
     <link rel="stylesheet" href="styles.css">
 </head>
+
 <body>
-    <header>
-        <h1>Welcome to Getchell Cloud</h1>
-    </header>
-    <main>
-        <p>We're thrilled to have you here. Website coming soon! maybe?</p>
-    </main>
+    <nav>
+        <ul>
+            <li><a href="#home">Home</a></li>
+            <li><a href="#about-me">About Me</a></li>
+            <li><a href="#skills">Skills</a></li>
+            <li><a href="#certifications">Certifications</a></li>
+            <li><a href="#visitors">Visitors</a></li>
+            <li><a href="#get-in-touch">Get In Touch</a></li>
+        </ul>
+    </nav>
+
+    <section id="home">
+        <header>
+            <h1>Welcome to Getchell Cloud</h1>
+        </header>
+        <p>We're thrilled to have you here. Dive into the world of Bradley Getchell below.</p>
+    </section>
+
+    <section id="about-me">
+        <h2>About Me</h2>
+        <p>
+            Bradley Getchell<br>
+            San Antonio, TX, 78254<br>
+            (910) 728-5230 | [email protected]<br>
+            Security Clearance: DOD Top Secret - SCI || 8570 Level: IAM 3 (CISSP)<br>
+        </p>
+        <h3>Professional Summary</h3>
+        <p>
+            Experienced Security Engineer with a strong background in vulnerability management, endpoint security, and supply chain security.
+            Adept at conducting security assessments, developing, and maintaining security policies, collaborating with crossfunctional
+            teams to implement security controls, managing security incidents, and monitoring security systems and networks.
+        </p>
+    </section>
+
+    <section id="skills">
+        <h2>Skills</h2>
+        <ul>
+            <li>Vulnerability Management</li>
+            <li>Disaster Recovery</li>
+            <li>Network | System Optimization</li>
+            <li>Agile development</li>
+            <li>Problem Management & Incident Response</li>
+            <li>Intrusion prevention and detection system</li>
+            <li>Process Improvement</li>
+            <li>System Administration and Endpoint Management</li>
+            <li>Digital Forensics</li>
+            <li>Insider Threat Management</li>
+        </ul>
+    </section>
+
+    <section id="certifications">
+        <h2>Certifications</h2>
+        <ul>
+            <li>Certified Information Systems Security Professional (CISSP) | August 2020</li>
+            <!-- ... and so on for each certification ... -->
+            <li>Splunk Core Certified Power User | July 2023</li>
+        </ul>
+    </section>
+
+    <section id="visitors">
+        <h2>Website Visitors</h2>
+        <div id="counter">Loading...</div>
+    </section>
+
+    <section id="get-in-touch">
+        <h2>Get In Touch</h2>
+        <p>For any inquiries, collaborations, or feedback, you can reach out to me via email at [email protected] or call me at (910) 728-5230.</p>
+    </section>
+
     <footer>
         <p>© 2023 Getchell Cloud. All Rights Reserved.</p>
     </footer>
-</body>
-<script>
-  document.addEventListener("DOMContentLoaded", function() {
-      fetch("/api/CounterFunction")
-      .then(response => response.json())
-      .then(data => {
-          document.getElementById("counter").innerText = `Visits: ${data.count}`;
-      });
-  });
-  </script>
-<div id="counter">Loading...</div>
 
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            fetch("/api/CounterFunction")
+            .then(response => response.json())
+            .then(data => {
+                document.getElementById("counter").innerText = `Visits: ${data.count}`;
+            });
+        });
+    </script>
+</body>
 
 </html>
diff --git a/src/styles.css b/src/styles.css
@@ -2,26 +2,55 @@ body {
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
-  background-color: #f4f4f4;
   color: #333;
+  background-color: #f5f5f5;
 }
 
-header, main, footer {
-  max-width: 800px;
-  margin: 20px auto;
-  padding: 20px;
-  background-color: #fff;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+nav ul {
+  list-style-type: none;
+  padding: 0;
+  background-color: #333;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 200px;
+  height: 100%;
+  overflow: auto;
 }
 
-header {
+nav li {
   text-align: center;
-  background-color: #0078D4;
+  padding: 10px 0;
+}
+
+nav li a {
+  display: block;
   color: white;
-  padding: 40px;
+  text-decoration: none;
+  transition: background-color 0.3s;
+}
+
+nav li a:hover {
+  background-color: #f1f1f1;
+  color: #333;
+}
+
+section {
+  margin-left: 210px;
+  padding: 20px;
+  background-color: #ffffff;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+  margin-bottom: 20px;
+}
+
+h1, h2 {
+  color: #003366;
 }
 
 footer {
   text-align: center;
-  font-size: 0.8em;
+  padding: 10px 0;
+  background-color: #003366;
+  color: #ffffff;
 }