diff --git a/JONATHAN.jpg b/JONATHAN.jpg
new file mode 100644
index 0000000..2471e6f
Binary files /dev/null and b/JONATHAN.jpg differ
diff --git a/SHIVAN.jpg b/SHIVAN.jpg
new file mode 100644
index 0000000..9ef2878
Binary files /dev/null and b/SHIVAN.jpg differ
diff --git a/about us.html b/about us.html
new file mode 100644
index 0000000..cf22b1c
--- /dev/null
+++ b/about us.html	
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NovaTech Solutions | About Us</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+        <div class="logo">NovaTech</div>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html" class="active">About Us</a></li>
+                <li><a href="services.html">Services</a></li>
+                <li><a href="team.html">Team</a></li>
+                <li><a href="#contact">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <main>
+        <section class="page-header">
+            <h1>Our Journey & Vision</h1>
+        </section>
+
+        <section class="content-block">
+            <h2>Our Mission</h2>
+            <p>To deliver cutting-edge, user-centric digital solutions that empower businesses to achieve unprecedented online success and growth.</p>
+            
+            <h2>Our History</h2>
+            <p>Founded in 2024 by a group of ambitious students, NovaTech Solutions was born from a shared passion for technology and a commitment to quality. What started as a small project has quickly grown into a tech company focused on responsive design and client partnership.</p>
+        </section>
+        
+        </main>
+
+    <footer>
+        <p>&copy; 2025 NovaTech Solutions. All rights reserved.</p>
+    </footer>
+
+    <script src="script.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/asika.png.jpg b/asika.png.jpg
new file mode 100644
index 0000000..e8fba93
Binary files /dev/null and b/asika.png.jpg differ
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..a9b1f76
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NovaTech Solutions | Contact Us</title>
+    <link rel="stylesheet" href="style.css"> 
+    </head>
+<body>
+    <header>
+        <div class="logo">NovaTech</div>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html">About Us</a></li>
+                <li><a href="services.html">Services</a></li>
+                <li><a href="team.html">Team</a></li>
+                <li><a href="contact.html" class="active">Contact</a></li> 
+                </ul>
+        </nav>
+    </header>
+
+    <main>
+        <section class="page-header">
+            <h1>Get In Touch</h1>
+            <p>We're ready to discuss your next digital project. Send us a message or find us on the map.</p>
+        </section>
+
+        <section class="contact-grid">
+            
+            <div class="contact-form-container">
+                <h2>Send Us a Message</h2>
+                <form action="#" method="POST" class="contact-form">
+                    <label for="name">Your Name:</label>
+                    <input type="text" id="name" name="name" required>
+
+                    <label for="email">Your Email:</label>
+                    <input type="email" id="email" name="email" required>
+                    
+                    <label for="subject">Subject:</label>
+                    <input type="text" id="subject" name="subject" required>
+
+                    <label for="message">Your Project Details:</label>
+                    <textarea id="message" name="message" rows="6" required></textarea>
+
+                    <button type="submit">Submit Inquiry</button>
+                </form>
+            </div>
\ No newline at end of file
diff --git a/index.html b/index.html
index 7997c87..6476230 100644
--- a/index.html
+++ b/index.html
@@ -1,296 +1,43 @@
-
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Modern Business Website</title>
-    <!-- Bootstrap CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
-    <!-- Font Awesome -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
-    <style>
-        :root {
-            --primary-color: #4361ee;
-            --secondary-color: #3a0ca3;
-            --accent-color: #4cc9f0;
-            --light-color: #f8f9fa;
-            --dark-color: #212529;
-        }
-        
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            line-height: 1.6;
-            color: var(--dark-color);
-        }
-        
-        .hero-section {
-            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
-            color: white;
-            padding: 100px 0;
-            margin-bottom: 50px;
-        }
-        
-        .section {
-            padding: 80px 0;
-            border-radius: 10px;
-            margin-bottom: 30px;
-            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
-        }
-        
-        .section-1 {
-            background-color: #e9f5ff;
-        }
-        
-        .section-2 {
-            background-color: #f0f9ff;
-        }
-        
-        .feature-icon {
-            font-size: 2.5rem;
-            color: var(--primary-color);
-            margin-bottom: 20px;
-        }
-        
-        .card {
-            transition: transform 0.3s ease;
-            border: none;
-            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
-            height: 100%;
-        }
-        
-        .card:hover {
-            transform: translateY(-10px);
-        }
-        
-        footer {
-            background-color: var(--dark-color);
-            color: white;
-            padding: 50px 0 20px;
-        }
-        
-        .social-icons a {
-            color: white;
-            font-size: 1.5rem;
-            margin-right: 15px;
-            transition: color 0.3s ease;
-        }
-        
-        .social-icons a:hover {
-            color: var(--accent-color);
-        }
-        
-        .navbar-brand {
-            font-weight: 700;
-            font-size: 1.8rem;
-        }
-        
-        .btn-primary {
-            background-color: var(--primary-color);
-            border-color: var(--primary-color);
-            padding: 10px 25px;
-            font-weight: 600;
-        }
-        
-        .btn-primary:hover {
-            background-color: var(--secondary-color);
-            border-color: var(--secondary-color);
-        }
-        
-        .highlight {
-            color: var(--primary-color);
-            font-weight: 700;
-        }
-    </style>
+    <title>NovaTech Solutions | Home</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
-    <!-- Navigation -->
-    <nav class="navbar navbar-expand-lg navbar-light bg-white sticky-top shadow-sm">
-        <div class="container">
-            <a class="navbar-brand" href="#">
-                <span class="highlight">Web</span>Solutions
-            </a>
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarNav">
-                <ul class="navbar-nav ms-auto">
-                    <li class="nav-item">
-                        <a class="nav-link active" href="#home">Home</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#section1">Services</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#section2">Features</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="#contact">Contact</a>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </nav>
+    <header>
+        <div class="logo">NovaTech</div>
+        <nav>
+            <ul>
+                <li><a href="index.html" class="active">Home</a></li>
+                <li><a href="about us.html">About Us</a></li>
+                <li><a href="services.html">Services</a></li>
+                <li><a href="team.html">Team</a></li>
+                <li><a href="contact">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
 
-    <!-- Hero Section -->
-    <section class="hero-section" id="home">
-        <div class="container">
-            <div class="row align-items-center">
-                <div class="col-lg-6">
-                    <h1 class="display-4 fw-bold mb-4">Build Your Digital Presence With Us</h1>
-                    <p class="lead mb-4">We create stunning websites and digital solutions that help businesses grow and succeed in the online world.</p>
-                    <a href="#section1" class="btn btn-light btn-lg px-4 py-2">Explore Our Services</a>
-                </div>
-                <div class="col-lg-6 text-center">
-                    <img src="https://images.unsplash.com/photo-1556655848-f3a7046c7c32?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Web Development" class="img-fluid rounded shadow">
-                </div>
-            </div>
-        </div>
-    </section>
+    <main>
+        <section class="hero">
+            <h1>Building the Future, One Pixel at a Time.</h1>
+            <p>Your partner for innovative web design and development solutions.</p>
+            <button onclick="window.location.href='services.html'">View Our Services</button>
+        </section>
 
-    <!-- Section 1 -->
-    <section class="section section-1" id="section1">
-        <div class="container">
-            <div class="row mb-5">
-                <div class="col-12 text-center">
-                    <h2 class="display-5 fw-bold mb-3">Our Services</h2>
-                    <p class="lead">We offer a comprehensive range of digital services to help your business thrive.</p>
-                </div>
-            </div>
-            <div class="row g-4">
-                <div class="col-md-4">
-                    <div class="card p-4 text-center">
-                        <div class="feature-icon">
-                            <i class="fas fa-code"></i>
-                        </div>
-                        <h4>Web Development</h4>
-                        <p>Custom websites and web applications built with the latest technologies and best practices.</p>
-                        <a href="#" class="btn btn-outline-primary mt-3">Learn More</a>
-                    </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="card p-4 text-center">
-                        <div class="feature-icon">
-                            <i class="fas fa-paint-brush"></i>
-                        </div>
-                        <h4>UI/UX Design</h4>
-                        <p>Beautiful, intuitive designs that enhance user experience and drive engagement.</p>
-                        <a href="#" class="btn btn-outline-primary mt-3">Learn More</a>
-                    </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="card p-4 text-center">
-                        <div class="feature-icon">
-                            <i class="fas fa-chart-line"></i>
-                        </div>
-                        <h4>Digital Marketing</h4>
-                        <p>Strategic marketing solutions to increase your online visibility and grow your audience.</p>
-                        <a href="#" class="btn btn-outline-primary mt-3">Learn More</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- Section 2 -->
-    <section class="section section-2" id="section2">
-        <div class="container">
-            <div class="row align-items-center">
-                <div class="col-lg-6">
-                    <h2 class="display-5 fw-bold mb-4">Why Choose Us?</h2>
-                    <p class="mb-4">We combine creativity with technical expertise to deliver solutions that make a difference.</p>
-                    
-                    <div class="d-flex mb-4">
-                        <div class="me-4">
-                            <i class="fas fa-check-circle text-primary fa-2x"></i>
-                        </div>
-                        <div>
-                            <h5>Expert Team</h5>
-                            <p>Our team consists of experienced professionals passionate about technology and design.</p>
-                        </div>
-                    </div>
-                    
-                    <div class="d-flex mb-4">
-                        <div class="me-4">
-                            <i class="fas fa-check-circle text-primary fa-2x"></i>
-                        </div>
-                        <div>
-                            <h5>Quality Assurance</h5>
-                            <p>We follow rigorous testing processes to ensure flawless performance and reliability.</p>
-                        </div>
-                    </div>
-                    
-                    <div class="d-flex mb-4">
-                        <div class="me-4">
-                            <i class="fas fa-check-circle text-primary fa-2x"></i>
-                        </div>
-                        <div>
-                            <h5>Ongoing Support</h5>
-                            <p>We provide continuous support and maintenance to keep your digital assets running smoothly.</p>
-                        </div>
-                    </div>
-                    
-                    <a href="#" class="btn btn-primary mt-3">Get Started Today</a>
-                </div>
-                <div class="col-lg-6">
-                    <img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="Team Collaboration" class="img-fluid rounded shadow">
-                </div>
-            </div>
-        </div>
-    </section>
+        <section class="group-photo-section">
+            <h2>Meet the Minds Behind NovaTech</h2>
+            <img src="images/group_photo.jpg" alt="Group photo of the NovaTech Team" class="group-img"> 
+        </section>
+        
+        </main>
 
-    <!-- Footer -->
-    <footer id="contact">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-4 mb-4">
-                    <h4 class="mb-4">WebSolutions</h4>
-                    <p>We help businesses establish a strong online presence with custom web solutions and digital strategies.</p>
-                    <div class="social-icons mt-4">
-                        <a href="#"><i class="fab fa-facebook"></i></a>
-                        <a href="#"><i class="fab fa-twitter"></i></a>
-                        <a href="#"><i class="fab fa-instagram"></i></a>
-                        <a href="#"><i class="fab fa-linkedin"></i></a>
-                    </div>
-                </div>
-                <div class="col-lg-2 mb-4">
-                    <h5 class="mb-4">Quick Links</h5>
-                    <ul class="list-unstyled">
-                        <li class="mb-2"><a href="#home" class="text-light text-decoration-none">Home</a></li>
-                        <li class="mb-2"><a href="#section1" class="text-light text-decoration-none">Services</a></li>
-                        <li class="mb-2"><a href="#section2" class="text-light text-decoration-none">Features</a></li>
-                        <li class="mb-2"><a href="#" class="text-light text-decoration-none">About Us</a></li>
-                    </ul>
-                </div>
-                <div class="col-lg-3 mb-4">
-                    <h5 class="mb-4">Services</h5>
-                    <ul class="list-unstyled">
-                        <li class="mb-2"><a href="#" class="text-light text-decoration-none">Web Development</a></li>
-                        <li class="mb-2"><a href="#" class="text-light text-decoration-none">UI/UX Design</a></li>
-                        <li class="mb-2"><a href="#" class="text-light text-decoration-none">Digital Marketing</a></li>
-                        <li class="mb-2"><a href="#" class="text-light text-decoration-none">E-commerce Solutions</a></li>
-                    </ul>
-                </div>
-                <div class="col-lg-3 mb-4">
-                    <h5 class="mb-4">Contact Us</h5>
-                    <p><i class="fas fa-map-marker-alt me-2"></i> 123 Business Ave, Suite 100</p>
-                    <p><i class="fas fa-phone me-2"></i> +1 (555) 123-4567</p>
-                    <p><i class="fas fa-envelope me-2"></i> info@websolutions.com</p>
-                </div>
-            </div>
-            <hr class="bg-light">
-            <div class="row pt-3">
-                <div class="col-md-6 text-center text-md-start">
-                    <p>&copy; 2023 WebSolutions. All rights reserved.</p>
-                </div>
-                <div class="col-md-6 text-center text-md-end">
-                    <p>Designed with <i class="fas fa-heart text-danger"></i> by WebSolutions</p>
-                </div>
-            </div>
-        </div>
+    <footer>
+        <p>&copy; 2025 NovaTech Solutions. All rights reserved. | Powered by our team.</p>
     </footer>
 
-    <!-- Bootstrap JS -->
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="script.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..d054c9c
--- /dev/null
+++ b/script.js
@@ -0,0 +1,13 @@
+// This file is currently empty, but it's linked to all your HTML pages.
+// You can add simple JavaScript functionality here.
+
+// Example: A simple console log to confirm the script is linked correctly
+console.log("NovaTech Website script loaded successfully!");
+
+// Example of a function you might add later:
+/*
+function toggleMobileMenu() {
+    const nav = document.querySelector('nav ul');
+    nav.classList.toggle('show');
+}
+*/
\ No newline at end of file
diff --git a/services.html b/services.html
new file mode 100644
index 0000000..2028399
--- /dev/null
+++ b/services.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NovaTech Solutions | Services</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+        <div class="logo">NovaTech</div>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html">About Us</a></li>
+                <li><a href="services.html" class="active">Services</a></li>
+                <li><a href="team.html">Team</a></li>
+                <li><a href="#contact">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <main>
+        <section class="page-header">
+            <h1>Solutions That Drive Growth</h1>
+        </section>
+
+        <section class="services-list">
+            <div class="service-item">
+                <h3>1. Custom Web Design & Development</h3>
+                <p>We build beautiful, fast, and fully responsive websites tailored to your specific business needs.</p>
+            </div>
+            <div class="service-item">
+                <h3>2. E-commerce Integration</h3>
+                <p>Secure and scalable online store solutions using platforms like Shopify, WooCommerce, and custom frameworks.</p>
+            </div>
+            <div class="service-item">
+                <h3>3. Digital Strategy & Consulting</h3>
+                <p>Helping you plan your online presence, from SEO strategy to user experience optimization.</p>
+            </div>
+        </section>
+
+        <section class="video-showcase">
+            <h2>Our Process in Action</h2>
+            <p>See how we collaborate and execute our web development projects.</p>
+            
+            <div class="video-container">
+                <iframe 
+                    width="560" 
+                    height="315" 
+                    src="YOUR_YOUTUBE_EMBED_LINK" 
+                    title="YouTube video player" 
+                    frameborder="0" 
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+                    allowfullscreen>
+                </iframe>
+            </div>
+        </section>
+        
+    </main>
+
+    <footer>
+        <p>&copy; 2025 NovaTech Solutions. All rights reserved.</p>
+    </footer>
+
+    <script src="script.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2021bea
--- /dev/null
+++ b/style.css
@@ -0,0 +1,192 @@
+/* BASIC RESET & SETUP */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    color: #333;
+    background-color: #f4f4f4;
+}
+
+/* HEADER & NAVIGATION */
+header {
+    background: #2c3e50; /* Dark Blue */
+    color: white;
+    padding: 15px 5%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+}
+
+.logo {
+    font-size: 1.5em;
+    font-weight: bold;
+    color: #1abc9c; /* Accent Color */
+}
+
+nav ul {
+    list-style: none;
+    display: flex;
+}
+
+nav ul li a {
+    color: white;
+    text-decoration: none;
+    padding: 8px 15px;
+    display: block;
+    transition: background 0.3s;
+}
+
+nav ul li a:hover,
+nav ul li a.active {
+    background: #1abc9c;
+    border-radius: 4px;
+}
+
+/* MAIN CONTENT LAYOUT */
+main {
+    padding: 20px 5%;
+    min-height: 70vh;
+}
+
+/* HERO SECTION (HOME PAGE) */
+.hero {
+    background: url('images/hero-bg.jpg') no-repeat center center/cover; /* Replace with your image */
+    color: white;
+    padding: 80px 20px;
+    text-align: center;
+    margin-bottom: 30px;
+    border-radius: 8px;
+}
+
+.hero h1 {
+    font-size: 3em;
+    margin-bottom: 10px;
+}
+
+.hero p {
+    font-size: 1.2em;
+    margin-bottom: 20px;
+}
+
+.hero button {
+    background: #1abc9c;
+    color: white;
+    border: none;
+    padding: 12px 25px;
+    font-size: 1em;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: background 0.3s;
+}
+
+.hero button:hover {
+    background: #16a085;
+}
+
+/* GENERAL SECTIONS */
+.page-header, .content-block, .group-photo-section, .services-list, .video-showcase {
+    background: white;
+    padding: 20px;
+    margin-bottom: 20px;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.group-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 10px auto;
+    border-radius: 8px;
+}
+
+/* SERVICES PAGE VIDEO EMBED */
+.video-container {
+    position: relative;
+    width: 100%;
+    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
+    height: 0;
+    margin-top: 20px;
+}
+
+.video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+}
+
+/* TEAM PAGE GRID */
+.team-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Responsive grid */
+    gap: 20px;
+    padding: 20px 0;
+}
+
+.team-member {
+    text-align: center;
+    background: white;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+
+.team-member img {
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+    border-radius: 50%; /* Makes photos circular */
+    margin-bottom: 10px;
+    border: 4px solid #1abc9c;
+}
+
+.team-member h3 {
+    margin-bottom: 5px;
+    color: #2c3e50;
+}
+
+.team-member .position {
+    font-style: italic;
+    color: #7f8c8d;
+}
+
+/* FOOTER */
+footer {
+    background: #34495e; /* Darker Blue */
+    color: white;
+    text-align: center;
+    padding: 15px 0;
+    margin-top: 20px;
+}
+
+/* MOBILE RESPONSIVENESS - Essential for the task! */
+@media (max-width: 768px) {
+    header {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    nav ul {
+        width: 100%;
+        flex-direction: column;
+    }
+
+    nav ul li {
+        width: 100%;
+        text-align: center;
+    }
+
+    nav ul li a {
+        padding: 10px 0;
+        border-top: 1px solid rgba(255, 255, 255, 0.1);
+    }
+}
\ No newline at end of file
diff --git a/team.html b/team.html
new file mode 100644
index 0000000..9e00d9c
--- /dev/null
+++ b/team.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NovaTech Solutions | Our Team</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+        <div class="logo">NovaTech</div>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html">About Us</a></li>
+                <li><a href="services.html">Services</a></li>
+                <li><a href="team.html" class="active">Team</a></li>
+                <li><a href="#contact">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <main>
+        <section class="page-header">
+            <h1>Meet Our Dedicated Team</h1>
+        </section>
+
+        <section class="team-grid">
+            <div class="team-member">
+                <img src="images/member1.jpg" alt="Photo of Member 1"> 
+                <h3>Jane Doe</h3>
+                <p class="position">CEO & Project Manager</p>
+            </div>
+
+            <div class="team-member">
+                <img src="images/member2.jpg" alt="Photo of Member 2">
+                <h3>John Smith</h3>
+                <p class="position">Lead Front-End Developer</p>
+            </div>
+            
+            <div class="team-member">
+                <img src="images/member3.jpg" alt="Photo of Member 3">
+                <h3>Alex Johnson</h3>
+                <p class="position">UX/UI Designer</p>
+            </div>
+
+            <div class="team-member">
+                <img src="images/member4.jpg" alt="Photo of Member 4">
+                <h3>Maria Chen</h3>
+                <p class="position">Git/Deployment Specialist</p>
+            </div>
+            
+            </section>
+
+    </main>
+
+    <footer>
+        <p>&copy; 2025 NovaTech Solutions. All rights reserved.</p>
+    </footer>
+
+    <script src="script.js"></script>
+</body>
+</html>
\ No newline at end of file
