more changes..

src/index.html

@@ -11,6 +11,8 @@
 <nav>
     <ul>
         <li><a href="#home">Home</a></li>
+        <li><a href="#github-repo">GitHub Repository</a></li>
+        <li><a href="#resume">Resume</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>
@@ -27,6 +29,17 @@ <h1>Welcome to Getchell Cloud</h1>
     <p>We're thrilled to have you here. Dive into the world of Bradley Getchell below.</p>
 </section>
 
+<section id="github-repo">
+    <h2>GitHub Repository</h2>
+    <a href="YOUR_GITHUB_LINK_HERE">Azure Resume Challenge Repository</a>
+</section>
+
+<section id="resume">
+    <h2>Resume</h2>
+    <p><a href="BradleyGetchell_Resume.pdf" download>Download my Resume</a></p>
+    <p>Connect with me on <a href="YOUR_LINKEDIN_PROFILE_URL">LinkedIn</a></p>
+</section>
+
 <section id="about-me">
     <h2>About Me</h2>
     <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 cross-functional teams to implement security controls, managing security incidents, and monitoring security systems and networks.</p>

src/styles.css

@@ -1,51 +1,68 @@
-/* Existing CSS (if any) */
-
 body {
   font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  line-height: 1.5;
+  color: #333;
 }
 
-nav ul {
+nav {
+  width: 20%;
   position: fixed;
+  height: 100%;
   top: 0;
   left: 0;
-  width: 220px; /* Adjust width if needed */
-  height: 100%;
-  background-color: red; /* Changing color to red */
-  list-style-type: none;
+  background-color: red;
+  overflow: auto;
+  padding: 1rem;
+}
+
+nav ul {
+  list-style: none;
   padding: 0;
-  margin: 0;
 }
 
 nav ul li {
-  padding: 10px;
-  text-align: center;
+  margin-bottom: 10px;
 }
 
 nav ul li a {
-  color: white; /* Making the text color white for visibility against red */
+  color: white;
   text-decoration: none;
+  font-weight: bold;
   display: block;
-  transition: background 0.3s;
+  padding: 0.5rem;
+  border-radius: 5px;
 }
 
 nav ul li a:hover {
-  background-color: darkred; /* Darker shade on hover for better UI effect */
+  background-color: #ff3333;
+}
+
+section {
+  width: 80%;
+  margin-left: 20%;
+  padding: 20px;
 }
 
-/* Additional CSS for the image */
-header {
-  position: relative;
+header h1 {
+  font-size: 2.5rem;
+  margin: 0;
 }
 
 header img {
   max-width: 100%;
   height: auto;
 }
 
-header h1 {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  color: white;
+h2 {
+  font-size: 2rem;
+  border-bottom: 2px solid #666;
+  padding-bottom: 10px;
+  margin-top: 2rem;
+}
+
+p {
+  margin-bottom: 1rem;
 }