<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Engineering Portfolio | GT</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Animated Navigation Bar -->
<nav class="sticky-nav">
<div class="nav-container">
<a href="index.html" class="logo">ENG<span>PORTFOLIO</span></a>
<ul class="nav-menu">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="projects/discovery.html">Projects <i class="fas fa-chevron-down"></i></a>
<div class="dropdown-content">
<a href="projects/discovery.html">Discovery Project</a>
<a href="#">Class Projects</a>
<a href="#">Personal Projects</a>
</div>
</li>
<li><a href="about.html">About Me</a></li>
<li><a href="goals.html">Career Goals</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html" class="cta-button">Contact</a></li>
</ul>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!-- Hero Section with Typewriter Effect -->
<header class="hero">
<div class="hero-content">
<h1 class="typewriter">Hi, I'm <span class="highlight">Roland Kindell</span></h1>
<p class="subtitle">Georgia Tech ECE Student | Future Computer Engineer</p>
<div class="hero-buttons">
<a href="projects/discovery.html" class="btn btn-primary">View My Discovery Project</a>
<a href="about.html" class="btn btn-secondary">My Story</a>
</div>
</div>
<div class="scroll-down">
<i class="fas fa-chevron-down"></i>
</div>
</header>
<!-- Summary Section -->
<section id="summary" class="section summary-section">
<div class="container">
<h2 class="section-title">Welcome to My Portfolio</h2>
<div class="summary-grid">
<div class="summary-card">
<i class="fas fa-graduation-cap"></i>
<h3>ECE Student at GT</h3>
<p>Specializing in Robotics and Signals & information processing with a passion for Sensing and exploration</p>
</div>
<div class="summary-card">
<i class="fas fa-lightbulb"></i>
<h3>Innovator</h3>
<p>Developing solutions at the intersection of technology and human needs.</p>
</div>
<div class="summary-card">
<i class="fas fa-rocket"></i>
<h3>Future Leader</h3>
<p>Committed to advancing robotics through research and collaboration.</p>
</div>
</div>
</div>
</section>
<!-- Quick Links to Required Sections -->
<section class="section quick-links">
<div class="container">
<h2 class="section-title">Explore My Portfolio</h2>
<div class="link-grid">
<a href="about.html" class="link-card">
<div class="link-content">
<i class="fas fa-user"></i>
<h3>My Biography</h3>
<p>Learn about my journey and passions</p>
</div>
</a>
<a href="projects/discovery.html" class="link-card">
<div class="link-content">
<i class="fas fa-microscope"></i>
<h3>Discovery Project</h3>
<p>See my featured technical work</p>
</div>
</a>
<a href="goals.html" class="link-card">
<div class="link-content">
<i class="fas fa-bullseye"></i>
<h3>Career Roadmap</h3>
<p>My 5-year engineering vision</p>
</div>
</a>
<a href="resume.html" class="link-card">
<div class="link-content">
<i class="fas fa-file-alt"></i>
<h3>Professional Resume</h3>
<p>Download my 1-page CV</p>
</div>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="social-links">
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
<a href="#"><i class="fas fa-envelope"></i></a>
</div>
<p>© 2025 Roland Kindell. All rights reserved.</p>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>