feat: Add resume/CV download links throughout website

- Added 'Download Resume' button in hero section (prominent placement)
- Added 'Resume' link in navigation menu
- Added Resume card in contact section with download link
- Added btn-outline style for tertiary button styling
- Resume hosted on Google Drive for easy access
- All links open in new tab with proper security attributes

Author: danribes

css/style.css

@@ -338,6 +338,18 @@ ul {
     color: white;
 }
 
+.btn-outline {
+    background: transparent;
+    color: var(--text-primary);
+    border: 2px solid var(--border-color);
+}
+
+.btn-outline:hover {
+    background: var(--bg-secondary);
+    border-color: var(--primary-color);
+    color: var(--primary-color);
+}
+
 .btn-large {
     padding: 1.125rem 2.5rem;
     font-size: 1.125rem;

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://drive.google.com/file/d/1pgg3SQ1IgJ6eISY6DCS5nzUAj0dEw4H2/view?usp=sharing" class="nav-link" target="_blank" rel="noopener noreferrer">Resume</a></li>
                 <li><a href="#contact" class="nav-link cta-button">Contact</a></li>
             </ul>
         </div>
@@ -66,7 +67,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="#portfolio" class="btn btn-secondary">View Portfolio</a>
+                        <a href="https://drive.google.com/file/d/1pgg3SQ1IgJ6eISY6DCS5nzUAj0dEw4H2/view?usp=sharing" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Download Resume</a>
+                        <a href="#portfolio" class="btn btn-outline">View Portfolio</a>
                     </div>
                 </div>
                 <div class="hero-image">
@@ -654,6 +656,11 @@ <h3>Location</h3>
                         <h3>LinkedIn</h3>
                         <a href="https://www.linkedin.com/in/daniel-ribes/" target="_blank">Connect on LinkedIn</a>
                     </div>
+                    <div class="contact-card">
+                        <div class="contact-icon">📄</div>
+                        <h3>Resume</h3>
+                        <a href="https://drive.google.com/file/d/1pgg3SQ1IgJ6eISY6DCS5nzUAj0dEw4H2/view?usp=sharing" target="_blank" rel="noopener noreferrer">Download CV</a>
+                    </div>
                 </div>
                 <div class="contact-cta">
                     <h3>Ready to Collaborate?</h3>