feat: Add prominent GitHub profile links throughout website

- Add GitHub link to navigation menu for easy access
- Replace 'View Portfolio' button with 'GitHub Projects' button in hero section
- Add prominent GitHub callout box in portfolio section with description
- Add GitHub contact card in contact section with 'View Portfolio Projects' link
- Style GitHub callout with gradient background, hover effects, and glassmorphism
- Highlight GitHub as primary location for code repositories and projects
- Position GitHub alongside LinkedIn, Resume, and other key contact methods

Author: danribes

css/style.css

@@ -1306,6 +1306,77 @@ ul {
     pointer-events: none;
 }
 
+/* GitHub Callout Box */
+.github-callout {
+    display: flex;
+    align-items: center;
+    gap: 2rem;
+    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
+    backdrop-filter: blur(10px);
+    padding: 2.5rem;
+    border-radius: var(--radius-xl);
+    margin-bottom: 3rem;
+    border: 2px solid rgba(102, 126, 234, 0.3);
+    box-shadow: 0 10px 40px rgba(102, 126, 234, 0.2);
+    transition: all var(--transition-normal);
+    position: relative;
+    z-index: 1;
+}
+
+.github-callout:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 50px rgba(102, 126, 234, 0.3);
+    border-color: rgba(102, 126, 234, 0.5);
+}
+
+.github-icon {
+    font-size: 4rem;
+    flex-shrink: 0;
+    background: var(--gradient-primary);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    text-shadow: 0 0 30px rgba(102, 126, 234, 0.5);
+}
+
+.github-content {
+    flex: 1;
+}
+
+.github-content h3 {
+    font-size: 1.75rem;
+    margin-bottom: 1rem;
+    background: var(--gradient-primary);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}
+
+.github-content p {
+    font-size: 1.125rem;
+    color: var(--text-secondary);
+    margin-bottom: 1.5rem;
+    line-height: 1.7;
+}
+
+.btn-github {
+    display: inline-block;
+    padding: 1rem 2.5rem;
+    background: var(--gradient-primary);
+    color: white;
+    border-radius: 50px;
+    font-weight: 600;
+    font-size: 1rem;
+    transition: all var(--transition-normal);
+    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
+}
+
+.btn-github:hover {
+    transform: translateY(-3px);
+    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
+    color: white;
+}
+
 .portfolio-grid {
     display: grid;
     gap: 3rem;

index.html

@@ -30,6 +30,7 @@
                 <li><a href="#expertise" class="nav-link">Expertise</a></li>
                 <li><a href="#services" class="nav-link">Services</a></li>
                 <li><a href="#portfolio" class="nav-link">Portfolio</a></li>
+                <li><a href="https://github.com/danribes/" class="nav-link" target="_blank" rel="noopener noreferrer">GitHub</a></li>
                 <li><a href="https://drive.google.com/file/d/1_syLG7xnnlKG63AipAUNYFiR4CaOWueQ/view?usp=drive_link" class="nav-link" target="_blank" rel="noopener noreferrer">Resume</a></li>
                 <li><a href="#contact" class="nav-link cta-button">Contact</a></li>
             </ul>
@@ -67,8 +68,8 @@ <h2 class="hero-subtitle">Senior Health Economist</h2>
                     </div>
                     <div class="hero-buttons">
                         <a href="#contact" class="btn btn-primary">Get In Touch</a>
-                        <a href="https://drive.google.com/file/d/1_syLG7xnnlKG63AipAUNYFiR4CaOWueQ/view?usp=drive_link" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Download Resume</a>
-                        <a href="#portfolio" class="btn btn-outline">View Portfolio</a>
+                        <a href="https://github.com/danribes/" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">🔗 GitHub Projects</a>
+                        <a href="https://drive.google.com/file/d/1_syLG7xnnlKG63AipAUNYFiR4CaOWueQ/view?usp=drive_link" class="btn btn-outline" target="_blank" rel="noopener noreferrer">Download Resume</a>
                     </div>
                 </div>
                 <div class="hero-image">
@@ -362,6 +363,16 @@ <h4>Cardiometabolic</h4>
                 <h2 class="section-title">Featured Projects</h2>
                 <p class="section-subtitle">Showcase of innovative health economics work</p>
             </div>
+            <div class="github-callout">
+                <div class="github-icon">💻</div>
+                <div class="github-content">
+                    <h3>Explore More on GitHub</h3>
+                    <p>Visit my GitHub profile to see additional portfolio projects, code repositories, and open-source contributions in health economics, blockchain, and AI integration.</p>
+                    <a href="https://github.com/danribes/" class="btn btn-github" target="_blank" rel="noopener noreferrer">
+                        🔗 View GitHub Portfolio
+                    </a>
+                </div>
+            </div>
             <div class="portfolio-grid">
                 <div class="portfolio-card featured">
                     <div class="portfolio-header">
@@ -666,6 +677,11 @@ <h3>Location</h3>
                         <h3>LinkedIn</h3>
                         <a href="https://www.linkedin.com/in/daniel-ribes-health-economics-and-blockchain/" target="_blank">Connect on LinkedIn</a>
                     </div>
+                    <div class="contact-card">
+                        <div class="contact-icon">💻</div>
+                        <h3>GitHub</h3>
+                        <a href="https://github.com/danribes/" target="_blank" rel="noopener noreferrer">View Portfolio Projects</a>
+                    </div>
                     <div class="contact-card">
                         <div class="contact-icon">📄</div>
                         <h3>Resume</h3>