Skip to content

Commit a9fa319

Browse files
nathansleenathanslee
committed
updated personal info
2 parents 4da6593 + 0f3c289 commit a9fa319

File tree

3 files changed

+827
-1
lines changed

3 files changed

+827
-1
lines changed

‎teams-fall2025/GPT Warriors/index.html‎

Lines changed: 250 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,250 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>GPT Warriors - AI-Powered Software Engineering</title>
7+
<link rel="stylesheet" href="style.css">
8+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
10+
</head>
11+
<body>
12+
<header class="header">
13+
<nav class="nav">
14+
<div class="nav-container">
15+
<div class="nav-brand">
16+
<i class="fas fa-robot"></i>
17+
<span>GPT Warriors</span>
18+
</div>
19+
<ul class="nav-menu">
20+
<li><a href="#about" class="nav-link">About</a></li>
21+
<li><a href="#team" class="nav-link">Warriors</a></li>
22+
<li><a href="#projects" class="nav-link">Projects</a></li>
23+
</ul>
24+
</div>
25+
</nav>
26+
</header>
27+
28+
<main>
29+
<!-- Hero Section -->
30+
<section class="hero">
31+
<div class="container">
32+
<div class="hero-content">
33+
<h1 class="hero-title">
34+
<span class="gradient-text">GPT Warriors</span>
35+
<br>AI-Powered Innovation
36+
</h1>
37+
<p class="hero-subtitle">
38+
Where cutting-edge AI meets human creativity to build the future of software engineering
39+
</p>
40+
<div class="hero-cta">
41+
<a href="#projects" class="btn btn-primary">
42+
<i class="fas fa-rocket"></i>
43+
Explore Our Work
44+
</a>
45+
</div>
46+
</div>
47+
</div>
48+
</section>
49+
50+
<!-- About Section -->
51+
<section id="about" class="section about">
52+
<div class="container">
53+
<div class="section-header">
54+
<h2 class="section-title">About Our Mission</h2>
55+
<p class="section-subtitle">Transforming ideas into intelligent solutions</p>
56+
</div>
57+
<div class="about-content">
58+
<div class="about-card">
59+
<div class="card-icon">
60+
<i class="fas fa-brain"></i>
61+
</div>
62+
<h3>AI Innovation</h3>
63+
<p>We harness the power of artificial intelligence to create smarter, more intuitive applications that adapt to user needs.</p>
64+
</div>
65+
<div class="about-card">
66+
<div class="card-icon">
67+
<i class="fas fa-code"></i>
68+
</div>
69+
<h3>Clean Code</h3>
70+
<p>Our team believes in writing maintainable, scalable code that stands the test of time and evolves with technology.</p>
71+
</div>
72+
<div class="about-card">
73+
<div class="card-icon">
74+
<i class="fas fa-users"></i>
75+
</div>
76+
<h3>User-Centric</h3>
77+
<p>Every solution we build puts the user experience first, ensuring our applications are both powerful and intuitive.</p>
78+
</div>
79+
</div>
80+
</div>
81+
</section>
82+
83+
<!-- Team Section -->
84+
<section id="team" class="section team">
85+
<div class="container">
86+
<div class="section-header">
87+
<h2 class="section-title">Meet the Warriors</h2>
88+
<p class="section-subtitle">The minds behind the innovation</p>
89+
</div>
90+
<div class="team-grid">
91+
<div class="team-member">
92+
<div class="member-avatar">
93+
<i class="fas fa-user-tie"></i>
94+
</div>
95+
<div class="member-info">
96+
<h3>Marco Rios</h3>
97+
<p class="member-role">Lead Architect & AI Visionary</p>
98+
<p class="member-description">Passionate about integrating AI into real-world applications and leading technical innovation.</p>
99+
</div>
100+
<div class="member-skills">
101+
<span class="skill-tag">AI/ML</span>
102+
<span class="skill-tag">Architecture</span>
103+
<span class="skill-tag">Leadership</span>
104+
</div>
105+
</div>
106+
107+
<div class="team-member">
108+
<div class="member-avatar">
109+
<i class="fas fa-laptop-code"></i>
110+
</div>
111+
<div class="member-info">
112+
<h3>Nathan Lee</h3>
113+
<p class="member-role">Full Stack Innovator</p>
114+
<p class="member-description">Expert in building scalable web applications with modern frameworks and cloud technologies.</p>
115+
</div>
116+
<div class="member-skills">
117+
<span class="skill-tag">React</span>
118+
<span class="skill-tag">Node.js</span>
119+
<span class="skill-tag">Cloud</span>
120+
</div>
121+
</div>
122+
123+
<div class="team-member">
124+
<div class="member-avatar">
125+
<i class="fas fa-database"></i>
126+
</div>
127+
<div class="member-info">
128+
<h3>Mon Sarder</h3>
129+
<p class="member-role">Data Wrangler & ML Specialist</p>
130+
<p class="member-description">Transforms raw data into actionable insights using advanced machine learning techniques.</p>
131+
</div>
132+
<div class="member-skills">
133+
<span class="skill-tag">Python</span>
134+
<span class="skill-tag">ML/AI</span>
135+
<span class="skill-tag">Analytics</span>
136+
</div>
137+
</div>
138+
139+
<div class="team-member">
140+
<div class="member-avatar">
141+
<i class="fas fa-palette"></i>
142+
</div>
143+
<div class="member-info">
144+
<h3>Samuel Ji</h3>
145+
<p class="member-role">UX Designer & Frontend Futurist</p>
146+
<p class="member-description">Creates beautiful, intuitive interfaces that bridge the gap between complex AI and user simplicity.</p>
147+
</div>
148+
<div class="member-skills">
149+
<span class="skill-tag">UI/UX</span>
150+
<span class="skill-tag">Frontend</span>
151+
<span class="skill-tag">Design</span>
152+
</div>
153+
</div>
154+
</div>
155+
</div>
156+
</section>
157+
158+
<!-- Projects Section -->
159+
<section id="projects" class="section projects">
160+
<div class="container">
161+
<div class="section-header">
162+
<h2 class="section-title">Our Projects</h2>
163+
<p class="section-subtitle">Innovation in action</p>
164+
</div>
165+
<div class="project-showcase">
166+
<div class="project-card featured">
167+
<div class="project-header">
168+
<div class="project-icon">
169+
<i class="fas fa-dumbbell"></i>
170+
</div>
171+
<div class="project-status">
172+
<span class="status-badge in-development">In Development</span>
173+
</div>
174+
</div>
175+
<div class="project-content">
176+
<h3 class="project-title">BroncoFit</h3>
177+
<p class="project-subtitle">AI-Powered Fitness Companion</p>
178+
<p class="project-description">
179+
Revolutionary fitness tracking app that combines personalized workout plans with intelligent weight loss coaching.
180+
Our AI coach adapts to your progress, lifestyle, and goals to provide real-time guidance and motivation.
181+
</p>
182+
<div class="project-features">
183+
<div class="feature">
184+
<i class="fas fa-robot"></i>
185+
<span>AI Personal Coach</span>
186+
</div>
187+
<div class="feature">
188+
<i class="fas fa-chart-line"></i>
189+
<span>Progress Tracking</span>
190+
</div>
191+
<div class="feature">
192+
<i class="fas fa-heart"></i>
193+
<span>Health Monitoring</span>
194+
</div>
195+
<div class="feature">
196+
<i class="fas fa-mobile-alt"></i>
197+
<span>Mobile-First Design</span>
198+
</div>
199+
</div>
200+
<div class="project-tech">
201+
<span class="tech-tag">React Native</span>
202+
<span class="tech-tag">Python</span>
203+
<span class="tech-tag">TensorFlow</span>
204+
<span class="tech-tag">Firebase</span>
205+
<span class="tech-tag">Node.js</span>
206+
</div>
207+
</div>
208+
</div>
209+
</div>
210+
</div>
211+
</section>
212+
</main>
213+
214+
<footer class="footer">
215+
<div class="container">
216+
<div class="footer-content">
217+
<div class="footer-brand">
218+
<i class="fas fa-robot"></i>
219+
<span>GPT Warriors</span>
220+
</div>
221+
<p class="footer-text">
222+
&copy; 2025 GPT Warriors. Powered by innovation, fueled by curiosity, and caffeinated by necessity.
223+
</p>
224+
</div>
225+
</div>
226+
</footer>
227+
228+
<script>
229+
// Smooth scrolling for navigation links
230+
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
231+
anchor.addEventListener('click', function (e) {
232+
e.preventDefault();
233+
document.querySelector(this.getAttribute('href')).scrollIntoView({
234+
behavior: 'smooth'
235+
});
236+
});
237+
});
238+
239+
// Add scroll effect to header
240+
window.addEventListener('scroll', () => {
241+
const header = document.querySelector('.header');
242+
if (window.scrollY > 100) {
243+
header.classList.add('scrolled');
244+
} else {
245+
header.classList.remove('scrolled');
246+
}
247+
});
248+
</script>
249+
</body>
250+
</html>

0 commit comments

Comments
 (0)