diff --git a/src/django_project/web/templates/web/full/index.html b/src/django_project/web/templates/web/full/index.html
index 365a741..c878d85 100644
--- a/src/django_project/web/templates/web/full/index.html
+++ b/src/django_project/web/templates/web/full/index.html
@@ -147,8 +147,7 @@
             </button>
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-auto">
-                    <!-- <li class="nav-item"><a class="nav-link" href="#hero">Home</a></li> -->
-                    <!-- <li class="nav-item"><a class="nav-link" href="#mission">Mission</a></li> -->
+                    <li class="nav-item"><a class="nav-link" href="#mission">About</a></li>
                     <li class="nav-item"><a class="nav-link" href="#upcoming-events">Upcoming Events</a></li>
                     <li class="nav-item"><a class="nav-link" href="#past-events">Past Events</a></li>
                     <li class="nav-item"><a class="nav-link" href="#resources">Resources</a></li>
@@ -158,318 +157,407 @@
         </div>
     </nav>
 
-    <!-- Hero Section -->
-    <section id="hero" class="hero" style="background: linear-gradient(135deg, #3776AB 0%, #103069 100%);">
-        <div class="container">
-            <h1 class="display-3 text-white fw-bold"><span class="text-warning"><i
-                        class="fa-brands fa-python me-2"></i></span></h1>
-            <h1 class="display-3 text-white fw-bold">Welcome to <span class="text-warning">Spokane Python User
-                    Group</span></h1>
-            <p class="lead text-white py-3">A vibrant community of Python enthusiasts, learners, and professionals. Join
-                us for engaging talks, workshops, and networking opportunities.</p>
-            <a href="https://www.meetup.com/python-spokane/" target="_blank" class="btn btn-primary btn-lg shadow">Join
-                Us</a>
-        </div>
-    </section>
-
-    <!-- Mission Section -->
-    <section id="mission" class="py-5 bg-light">
-        <div class="container py-3">
-            <h1 class="section-title fw-bold text-center text-primary">Our Mission</h1>
-            <!-- <p class="text-center pb-2">To foster a vibrant community of technology professionals and enthusiasts in Spokane by providing opportunities for collaboration, education, and innovation.</p> -->
-
-            <p class="text-center text-secondary pb-3">As a local chapter of the Python Software Foundation, we're
-                dedicated to
-                promoting, protecting, and advancing the Python programming language and supporting the growth of a
-                diverse community of Python programmers.</p>
-            <div class="row text-center mt-4">
-                <div class="col-md-4 mb-4">
-                    <div class="d-flex flex-column align-items-center">
-                        <div class="rounded-circle d-flex justify-content-center align-items-center mb-3 alert alert-primary p-0 border-0"
-                            style="width:64px; height:64px; background-color: var(--bs-primary-bg-subtle);">
-                            <i class="fa-solid fa-users" style="color: var(--bs-primary-text); font-size: 2rem;"></i>
+    <div id="main">
+
+        <!-- Hero Section -->
+        <section id="hero" class="hero" style="background: linear-gradient(135deg, #3776AB 0%, #103069 100%);">
+            <div class="container">
+                <h1 class="display-3 text-white fw-bold"><span class="text-warning"><i
+                            class="fa-brands fa-python me-2"></i></span></h1>
+                <h1 class="display-3 text-white fw-bold">Welcome to <span class="text-warning">Spokane Python User
+                        Group</span></h1>
+                <p class="lead text-white fs-5 py-3">A vibrant community of Python enthusiasts, learners, and professionals. Join
+                    us for engaging talks, workshops, and networking opportunities.</p>
+                <a href="https://www.meetup.com/python-spokane/" target="_blank" class="btn btn-primary btn-lg shadow">Join
+                    Us</a>
+            </div>
+        </section>
+
+        <!-- About Section -->
+        <section id="about" class="py-5 bg-light">
+            <div class="container py-3">
+                <h1 class="section-title fw-bold text-center text-primary">Our Mission and Values</h1>
+                <p class="text-center text-secondary fs-5 pb-3">As a local chapter of the Python Software Foundation, we're
+                    dedicated to promoting, protecting, and advancing the Python programming language and supporting the growth of a
+                    diverse community of Python programmers.</p>
+                <div class="row text-center mt-4">
+                    <div class="col-md-4 mb-4">
+                        <div class="d-flex flex-column align-items-center">
+                            <div class="rounded-circle d-flex justify-content-center align-items-center mb-3 alert alert-primary p-0 border-0"
+                                style="width:64px; height:64px; background-color: var(--bs-primary-bg-subtle);">
+                                <i class="fa-solid fa-users" style="color: var(--bs-primary-text); font-size: 2rem;"></i>
+                            </div>
+                            <h5 class="fw-bold mb-3">Community First</h5>
+                            <p class="text-secondary">We believe in building lasting connections and fostering an inclusive environment where everyone feels welcome, regardless of their experience level or background.</p>
                         </div>
-                        <h5 class="fw-bold mb-2">Community</h5>
-                        <p class="text-secondary">Building connections between Python developers of all skill levels</p>
-                    </div>
 
-                </div>
-                <div class="col-md-4 mb-4">
-                    <div class="d-flex flex-column align-items-center">
-                        <div class="rounded-circle d-flex justify-content-center align-items-center mb-3 alert alert-warning p-0 border-0"
-                            style="width:64px; height:64px; background-color: var(--bs-warning-bg-subtle);">
-                            <i class="fa-solid fa-graduation-cap"
-                                style="color: var(--bs-warning-text); font-size: 2rem;"></i>
+                    </div>
+                    <div class="col-md-4 mb-4">
+                        <div class="d-flex flex-column align-items-center">
+                            <div class="rounded-circle d-flex justify-content-center align-items-center mb-3 alert alert-warning p-0 border-0"
+                                style="width:64px; height:64px; background-color: var(--bs-warning-bg-subtle);">
+                                <i class="fa-solid fa-graduation-cap"
+                                    style="color: var(--bs-warning-text); font-size: 2rem;"></i>
+                            </div>
+                            <h5 class="fw-bold mb-3">Continuous Learning</h5>
+                            <p class="text-secondary">We're committed to sharing knowledge through talks, workshops, code reviews, and mentorship opportunities that help everyone level up their Python skills.</p>
+                        </div>
+                    </div>
+                    <div class="col-md-4 mb-4">
+                        <div class="d-flex flex-column align-items-center">
+                            <div class="rounded-circle d-flex justify-content-center align-items-center mb-3 alert alert-success p-0 border-0"
+                                style="width:64px; height:64px; background-color: var(--bs-success-bg-subtle);">
+                                <i class="fa-solid fa-lightbulb"
+                                    style="color: var(--bs-success-text); font-size: 2rem;"></i>
+                            </div>
+                            <h5 class="fw-bold mb-3">Collaboration & Innovation</h5>
+                            <p class="text-secondary">We encourage collaboration on open source projects, community initiatives, and real-world problems that benefit both our local community and the broader Python ecosystem.</p>
                         </div>
-                        <h5 class="fw-bold mb-2">Education</h5>
-                        <p class="text-secondary">Sharing knowledge through talks, workshops, and mentorship</p>
                     </div>
                 </div>
-                <div class="col-md-4 mb-4">
-                    <div class="d-flex flex-column align-items-center">
-                        <div class="rounded-circle d-flex justify-content-center align-items-center mb-3 alert alert-success p-0 border-0"
-                            style="width:64px; height:64px; background-color: var(--bs-success-bg-subtle);">
-                            <i class="fa-solid fa-lightbulb"
-                                style="color: var(--bs-success-text); font-size: 2rem;"></i>
+            </div>
+        </section>
+
+        <!-- What We Do Section -->
+        <section id="whatwedo" class="py-5">
+            <div class="container py-3">
+                <h1 class="section-title fw-bold text-center text-primary">What We Do</h1>
+                <p class="text-secondary fs-5 text-center mb-5">
+                    We organize monthly meetups, hands-on workshops, and collaborative projects to help Python developers of all levels connect, learn, and grow together in the Spokane area.
+                </p>
+                <div class="row">
+                    <div class="col-md-6 mb-4">
+                        <div class="card h-100 border-0 shadow-sm">
+                            <div class="card-body">
+                                <div class="d-flex align-items-center mb-3">
+                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
+                                        style="width:50px; height:50px; background-color: var(--bs-info-bg-subtle);">
+                                        <i class="fa-solid fa-microphone" style="color: var(--bs-info-text); font-size: 1.5rem;"></i>
+                                    </div>
+                                    <h5 class="fw-bold mb-0">Monthly Meetups</h5>
+                                </div>
+                                <p class="text-secondary">Regular presentations on Python topics, from beginner-friendly introductions to advanced techniques and emerging technologies.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-4">
+                        <div class="card h-100 border-0 shadow-sm">
+                            <div class="card-body">
+                                <div class="d-flex align-items-center mb-3">
+                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
+                                        style="width:50px; height:50px; background-color: var(--bs-success-bg-subtle);">
+                                        <i class="fa-solid fa-laptop-code" style="color: var(--bs-success-text); font-size: 1.5rem;"></i>
+                                    </div>
+                                    <h5 class="fw-bold mb-0">Hands-on Workshops</h5>
+                                </div>
+                                <p class="text-secondary">Interactive coding sessions where participants can learn by doing, with guidance from experienced developers.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-4">
+                        <div class="card h-100 border-0 shadow-sm">
+                            <div class="card-body">
+                                <div class="d-flex align-items-center mb-3">
+                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
+                                        style="width:50px; height:50px; background-color: var(--bs-warning-bg-subtle);">
+                                        <i class="fa-solid fa-network-wired" style="color: var(--bs-warning-text); font-size: 1.5rem;"></i>
+                                    </div>
+                                    <h5 class="fw-bold mb-0">Networking</h5>
+                                </div>
+                                <p class="text-secondary">Opportunities to connect with local developers, share experiences, and build professional relationships in the tech community.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-4">
+                        <div class="card h-100 border-0 shadow-sm">
+                            <div class="card-body">
+                                <div class="d-flex align-items-center mb-3">
+                                    <div class="rounded-circle d-flex justify-content-center align-items-center me-3"
+                                        style="width:50px; height:50px; background-color: var(--bs-danger-bg-subtle);">
+                                        <i class="fa-solid fa-project-diagram" style="color: var(--bs-danger-text); font-size: 1.5rem;"></i>
+                                    </div>
+                                    <h5 class="fw-bold mb-0">Project Collaboration</h5>
+                                </div>
+                                <p class="text-secondary">Support for open source projects and community initiatives that benefit both our local area and the broader Python ecosystem.</p>
+                            </div>
                         </div>
-                        <h5 class="fw-bold mb-2">Innovation</h5>
-                        <p class="text-secondary">Exploring new technologies and advancing Python's ecosystem</p>
                     </div>
                 </div>
             </div>
-        </div>
-    </section>
+        </section>
 
-    <!-- Upcoming Events Section -->
-    <section id="upcoming-events" class="py-5">
-        <div class="container my-3">
+        <!-- Upcoming Events Section -->
+        <section id="upcoming-events" class="py-5 bg-light">
+            <div class="container my-3">
 
-            <h1 class="section-title fw-bold text-center text-primary">Upcoming Events</h1>
-            <p class="text-center text-secondary mb-5">Join us for our next meetups and workshops</p>
+                <h1 class="section-title fw-bold text-center text-primary">Upcoming Events</h1>
+                <p class="text-center text-secondary fs-5 mb-5">Join us for our next meetups and workshops</p>
 
-            <div class="scroll-wrapper">
+                <div class="scroll-wrapper">
 
-                <!-- Scroll Buttons -->
-                <button class="scroll-btn left" id="scrollLeft" aria-label="Scroll left">
-                    <i class="fas fa-chevron-left"></i>
-                </button>
-                <button class="scroll-btn right" id="scrollRight" aria-label="Scroll right">
-                    <i class="fas fa-chevron-right"></i>
-                </button>
+                    <!-- Scroll Buttons -->
+                    <button class="scroll-btn left" id="scrollLeft" aria-label="Scroll left">
+                        <i class="fas fa-chevron-left"></i>
+                    </button>
+                    <button class="scroll-btn right" id="scrollRight" aria-label="Scroll right">
+                        <i class="fas fa-chevron-right"></i>
+                    </button>
 
-                <!-- Scrollable Cards -->
-                <div class="scroll-container" id="cardScrollContainer">
-                    <div class="scroll-row" id="futureEventsList" hx-get="{% url 'web:htmx_future_events' %}"
-                        hx-trigger="load" hx-target="#futureEventsList" hx-swap="innerHTML"></div>
+                    <!-- Scrollable Cards -->
+                    <div class="scroll-container" id="cardScrollContainer">
+                        <div class="scroll-row" id="futureEventsList" hx-get="{% url 'web:htmx_future_events' %}"
+                            hx-trigger="load" hx-target="#futureEventsList" hx-swap="innerHTML"></div>
+                    </div>
                 </div>
             </div>
-        </div>
 
-    </section>
-
-    <!-- Past Events Section -->
-    <section id="past-events" class="py-5 bg-light">
-        <div class="container py-3">
-            <h1 class="section-title fw-bold text-center text-primary">Past Events</h1>
-            <p class="text-center text-secondary mb-5">Check out what we've been up to</p>
-            <ul class="list-group list-group-flush spaced-bordered-items"
-                style="max-height: 400px; overflow-y: auto; scrollbar-color: rgba(108, 117, 125, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
-                <div id="pastEventsList" hx-get="{% url 'web:htmx_past_events' %}" hx-trigger="load"
-                hx-target="#pastEventsList" hx-swap="innerHTML">
-        </div>
-        </ul>
-        </div>
-    </section>
-
-    <!-- Learning Resources Section -->
-    <section id="resources" class="py-5">
-        <div class="container py-3">
-            <h1 class="section-title fw-bold text-center text-primary">Learning Resources</h1>
-            <p class="text-center text-secondary mb-5">Curated materials to help you on your Python journey</p>
-            <div class="row g-4">
-                <div class="col-md-4">
-                    <div class="card shadow" style="background: var(--gradient-primary); height: 300px;">
-                        <div class="card-body">
-                            <h5 class="card-title fw-bold mb-3" style="color: var(--bs-primary-text-emphasis);"><span
-                                    class="me-3"><i class="fa-solid fa-seedling"></i></span>Beginner Resources</h5>
-                            <div class="card-text"
-                                style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(55, 118, 171, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;" >
-                                <div id="beginnerResources" hx-get="{% url 'web:htmx_resource_list' 1 %}"
-                                    hx-trigger="load" hx-target="#beginnerResources" hx-swap="innerHTML"></div>
+        </section>
+
+        <!-- Past Events Section -->
+        <section id="past-events" class="py-5">
+            <div class="container py-3">
+                <h1 class="section-title fw-bold text-center text-primary">Past Events</h1>
+                <p class="text-center text-secondary fs-5 mb-5">Check out what we've been up to</p>
+                <ul class="list-group list-group-flush spaced-bordered-items"
+                    style="max-height: 400px; overflow-y: auto; scrollbar-color: rgba(108, 117, 125, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
+                    <div id="pastEventsList" hx-get="{% url 'web:htmx_past_events' %}" hx-trigger="load"
+                    hx-target="#pastEventsList" hx-swap="innerHTML">
+            </div>
+            </ul>
+            </div>
+        </section>
+
+        <!-- Learning Resources Section -->
+        <section id="resources" class="py-5 bg-light">
+            <div class="container py-3">
+                <h1 class="section-title fw-bold text-center text-primary">Learning Resources</h1>
+                <p class="text-center text-secondary fs-5 mb-5">Curated materials to help you on your Python journey</p>
+                <div class="row g-4">
+                    <div class="col-md-4">
+                        <div class="card shadow" style="background: var(--gradient-primary); height: 300px;">
+                            <div class="card-body">
+                                <h5 class="card-title fw-bold mb-3" style="color: var(--bs-primary-text-emphasis);"><span
+                                        class="me-3"><i class="fa-solid fa-seedling"></i></span>Beginner Resources</h5>
+                                <div class="card-text"
+                                    style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(55, 118, 171, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;" >
+                                    <div id="beginnerResources" hx-get="{% url 'web:htmx_resource_list' 1 %}"
+                                        hx-trigger="load" hx-target="#beginnerResources" hx-swap="innerHTML"></div>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="card shadow" style="background: var(--gradient-secondary); height: 300px;">
-                        <div class="card-body">
-                            <h5 class="card-title fw-bold mb-3" style="color: var(--bs-secondary-text-emphasis);"><span
-                                    class="me-3"><i class="fa-solid fa-code"></i></span>Web Development</h5>
-                            <div class="card-text"
-                                style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(108, 117, 125, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
-                                <div id="webDevelopmentResources" hx-get="{% url 'web:htmx_resource_list' 2 %}"
-                                    hx-trigger="load" hx-target="#webDevelopmentResources" hx-swap="innerHTML"></div>
+                    <div class="col-md-4">
+                        <div class="card shadow" style="background: var(--gradient-secondary); height: 300px;">
+                            <div class="card-body">
+                                <h5 class="card-title fw-bold mb-3" style="color: var(--bs-secondary-text-emphasis);"><span
+                                        class="me-3"><i class="fa-solid fa-code"></i></span>Web Development</h5>
+                                <div class="card-text"
+                                    style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(108, 117, 125, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
+                                    <div id="webDevelopmentResources" hx-get="{% url 'web:htmx_resource_list' 2 %}"
+                                        hx-trigger="load" hx-target="#webDevelopmentResources" hx-swap="innerHTML"></div>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="card shadow" style="background: var(--gradient-info); height: 300px;">
-                        <div class="card-body">
-                            <h5 class="card-title fw-bold mb-3" style="color: var(--bs-info-text-emphasis);"><span
-                                    class="me-3"><i class="fa-solid fa-chart-column"></i></span>Data Science</h5>
-                            <div class="card-text"
-                                style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(139, 92, 246, 0.5) rgba(240, 234, 255, 0.5); scrollbar-width: thin;">
-                                <div id="dataScienceResources" hx-get="{% url 'web:htmx_resource_list' 3 %}"
-                                    hx-trigger="load" hx-target="#dataScienceResources" hx-swap="innerHTML"></div>
+                    <div class="col-md-4">
+                        <div class="card shadow" style="background: var(--gradient-info); height: 300px;">
+                            <div class="card-body">
+                                <h5 class="card-title fw-bold mb-3" style="color: var(--bs-info-text-emphasis);"><span
+                                        class="me-3"><i class="fa-solid fa-chart-column"></i></span>Data Science</h5>
+                                <div class="card-text"
+                                    style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(139, 92, 246, 0.5) rgba(240, 234, 255, 0.5); scrollbar-width: thin;">
+                                    <div id="dataScienceResources" hx-get="{% url 'web:htmx_resource_list' 3 %}"
+                                        hx-trigger="load" hx-target="#dataScienceResources" hx-swap="innerHTML"></div>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="card shadow" style="background: var(--gradient-success); height: 300px;">
-                        <div class="card-body">
-                            <h5 class="card-title fw-bold mb-3" style="color: var(--bs-success-text-emphasis);"><span
-                                    class="me-3"><i class="fa-solid fa-robot"></i></span>AI and Machine Learning</h5>
-                            <div class="card-text"
-                                style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(25, 135, 84, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
-                                <div id="aiMachineLearningResources" hx-get="{% url 'web:htmx_resource_list' 4 %}"
-                                    hx-trigger="load" hx-target="#aiMachineLearningResources" hx-swap="innerHTML"></div>
+                    <div class="col-md-4">
+                        <div class="card shadow" style="background: var(--gradient-success); height: 300px;">
+                            <div class="card-body">
+                                <h5 class="card-title fw-bold mb-3" style="color: var(--bs-success-text-emphasis);"><span
+                                        class="me-3"><i class="fa-solid fa-robot"></i></span>AI and Machine Learning</h5>
+                                <div class="card-text"
+                                    style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(25, 135, 84, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
+                                    <div id="aiMachineLearningResources" hx-get="{% url 'web:htmx_resource_list' 4 %}"
+                                        hx-trigger="load" hx-target="#aiMachineLearningResources" hx-swap="innerHTML"></div>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="card shadow" style="background: var(--gradient-warning); height: 300px;">
-                        <div class="card-body">
-                            <h5 class="card-title fw-bold mb-3" style="color: var(--bs-warning-text-emphasis);"><span
-                                    class="me-3"><i class="fa-solid fa-gear"></i></span>DevOps and Automation</h5>
-                            <div class="card-text"
-                                style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(255, 193, 7, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
-                                <div id="devOpsResources" hx-get="{% url 'web:htmx_resource_list' 5 %}"
-                                    hx-trigger="load" hx-target="#devOpsResources" hx-swap="innerHTML"></div>
+                    <div class="col-md-4">
+                        <div class="card shadow" style="background: var(--gradient-warning); height: 300px;">
+                            <div class="card-body">
+                                <h5 class="card-title fw-bold mb-3" style="color: var(--bs-warning-text-emphasis);"><span
+                                        class="me-3"><i class="fa-solid fa-gear"></i></span>DevOps and Automation</h5>
+                                <div class="card-text"
+                                    style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(255, 193, 7, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
+                                    <div id="devOpsResources" hx-get="{% url 'web:htmx_resource_list' 5 %}"
+                                        hx-trigger="load" hx-target="#devOpsResources" hx-swap="innerHTML"></div>
+                                </div>
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="col-md-4">
-                    <div class="card shadow" style="background: var(--gradient-danger); height: 300px;">
-                        <div class="card-body">
-                            <h5 class="card-title fw-bold mb-3" style="color: var(--bs-danger-text-emphasis);"><span
-                                    class="me-3"><i class="fa-solid fa-flask-vial"></i></span>Science Computing</h5>
-                            <div class="card-text"
-                                style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(220, 53, 69, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
-                                <div id="scientificComputingResources" hx-get="{% url 'web:htmx_resource_list' 6 %}"
-                                    hx-trigger="load" hx-target="#scientificComputingResources" hx-swap="innerHTML">
+                    <div class="col-md-4">
+                        <div class="card shadow" style="background: var(--gradient-danger); height: 300px;">
+                            <div class="card-body">
+                                <h5 class="card-title fw-bold mb-3" style="color: var(--bs-danger-text-emphasis);"><span
+                                        class="me-3"><i class="fa-solid fa-flask-vial"></i></span>Science Computing</h5>
+                                <div class="card-text"
+                                    style="max-height: 220px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(220, 53, 69, 0.5) rgba(0,0,0,0.05); scrollbar-width: thin;">
+                                    <div id="scientificComputingResources" hx-get="{% url 'web:htmx_resource_list' 6 %}"
+                                        hx-trigger="load" hx-target="#scientificComputingResources" hx-swap="innerHTML">
+                                    </div>
                                 </div>
                             </div>
                         </div>
                     </div>
-                </div>
 
+                </div>
             </div>
-        </div>
-    </section>
-
-    <!-- Get Involved Section -->
-    <section id="get-involved" class="py-5 bg-light">
-        <div class="container py-3">
-            <h1 class="section-title fw-bold text-center text-primary">Get Involved</h1>
-            <p class="text-center text-secondary mb-5">Help shape our community by suggesting topics or volunteering to
-                present</p>
-            <div class="row">
-                <div id="topic-suggestion" class="col-md-6 mb-3 d-flex"
-                hx-get="{% url 'web:partial_topic_suggestion' %}" hx-trigger="load"
-                hx-target="#topic-suggestion" hx-swap="innerHTML"></div>
-                <div id="presentation-request" class="col-md-6 mb-3 d-flex"
-                hx-get="{% url 'web:partial_presentation_request' %}" hx-trigger="load"
-                hx-target="#presentation-request" hx-swap="innerHTML"></div>
+        </section>
+
+        <!-- Code of Conduct Section -->
+        <section id="code-of-conduct" class="py-5">
+            <div class="container py-3">
+                <h1 class="section-title fw-bold text-center text-primary">Code of Conduct</h1>
+                <p class="text-center text-secondary fs-5 mb-5">We are committed to providing a welcoming and inclusive environment for all participants.</p>
+                <p class="text-center text-secondary mb-4">
+                    Our Code of Conduct follows the <span class="fw-bold">Python Software Foundation's Code of Conduct</span>, 
+                    which ensures our community remains welcoming, inclusive, and harassment-free for everyone, 
+                    regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, 
+                    gender identity and expression, level of experience, education, socio-economic status, 
+                    nationality, personal appearance, race, religion, or sexual identity and orientation.
+                </p>
+                <div class="d-flex justify-content-center gap-3 flex-wrap">
+                    <a href="https://www.python.org/psf/conduct/" target="_blank" class="btn btn-outline-primary">
+                        View PSF Code of Conduct
+                    </a>
+                </div>
             </div>
-        </div>
-    </section>
-
-    <!-- Connect Section -->
-    <section id="resources" class="py-5">
-        <div class="container py-3">
-            <h1 class="section-title fw-bold text-center text-primary">Connect with Us</h1>
-            <p class="text-center text-secondary mb-5">Find us, follow us, and join our community</p>
-            <div class="row mt-4">
-                <div class="col-md-6 my-3">
-                    <div class="d-flex flex-column align-items-center align-items-md-start mb-3">
-                        <h5 class="fw-bold mb-2">Looking for more local tech?</h5>
-                        <div class="d-flex flex-column mb-4">
-                            <p class="">
-                                Visit
-                                <a href="https://www.spokanetech.org" target="_blank" rel="noopener">www.spokanetech.org</a> for more local groups and events.
-                            </p>
-                        </div>
+        </section>
+
+        <!-- Get Involved Section -->
+        <section id="get-involved" class="py-5 bg-light">
+            <div class="container py-3">
+                <h1 class="section-title fw-bold text-center text-primary">Get Involved</h1>
+                <p class="text-center text-secondary fs-5 mb-5">Help shape our community by suggesting topics or volunteering to
+                    present</p>
+                <div class="row">
+                    <div id="topic-suggestion" class="col-md-6 mb-3 d-flex"
+                    hx-get="{% url 'web:partial_topic_suggestion' %}" hx-trigger="load"
+                    hx-target="#topic-suggestion" hx-swap="innerHTML"></div>
+                    <div id="presentation-request" class="col-md-6 mb-3 d-flex"
+                    hx-get="{% url 'web:partial_presentation_request' %}" hx-trigger="load"
+                    hx-target="#presentation-request" hx-swap="innerHTML"></div>
+                </div>
+            </div>
+        </section>
+
+        <!-- Connect Section -->
+        <section id="connect" class="py-5">
+            <div class="container py-3">
+                <h1 class="section-title fw-bold text-center text-primary">Connect with Us</h1>
+                <p class="text-center text-secondary fs-5 mb-5">Find us, follow us, and join our community</p>
+                <div class="row mt-4">
+                    <div class="col-md-6 my-3">
+                        <div class="d-flex flex-column align-items-center align-items-md-start mb-3">
+                            <h5 class="fw-bold mb-2">Looking for more local tech?</h5>
+                            <div class="d-flex flex-column mb-4">
+                                <p class="">
+                                    Visit
+                                    <a href="https://www.spokanetech.org" target="_blank" rel="noopener">www.spokanetech.org</a> for more local groups and events.
+                                </p>
+                            </div>
 
-                        <h5 class="fw-bold my-3">Follow Us</h5>
-                        <div class="d-flex gap-3">
-                            <a href="https://www.meetup.com/python-spokane" target="_blank" rel="noopener"
-                                class="social-icon-link text-decoration-none">
-                                <span class="social-icon">
-                                    <i class="fab fa-meetup text-white fs-5"></i>
-                                </span>
-                            </a>
-                            <a href="https://discord.gg/wHrSJNgpnP" target="_blank" rel="noopener"
-                                class="social-icon-link text-decoration-none">
-                                <span class="social-icon">
-                                    <i class="fab fa-discord text-white fs-6"></i>
-                                </span>
-                            </a>
-                            <a href="https://github.com/SpokaneTech" target="_blank" rel="noopener"
-                                class="social-icon-link text-decoration-none">
-                                <span class="social-icon">
-                                    <i class="fab fa-github text-white fs-6"></i>
-                                </span>
-                            </a>
-                            <a href="https://www.linkedin.com/company/spokanetech/" target="_blank" rel="noopener"
-                                class="social-icon-link text-decoration-none">
-                                <span class="social-icon">
-                                    <i class="fab fa-linkedin-in text-white fs-6"></i>
-                                </span>
-                            </a>
-                            <a href="https://www.facebook.com/spokanetech.org/" target="_blank" rel="noopener"
-                                class="social-icon-link text-decoration-none">
-                                <span class="social-icon">
-                                    <i class="fab fa-facebook-f text-white fs-6"></i>
-                                </span>
-                            </a>
-                        </div>
+                            <h5 class="fw-bold my-3">Follow Us</h5>
+                            <div class="d-flex gap-3">
+                                <a href="https://www.meetup.com/python-spokane" target="_blank" rel="noopener"
+                                    class="social-icon-link text-decoration-none">
+                                    <span class="social-icon">
+                                        <i class="fab fa-meetup text-white fs-5"></i>
+                                    </span>
+                                </a>
+                                <a href="https://discord.gg/wHrSJNgpnP" target="_blank" rel="noopener"
+                                    class="social-icon-link text-decoration-none">
+                                    <span class="social-icon">
+                                        <i class="fab fa-discord text-white fs-6"></i>
+                                    </span>
+                                </a>
+                                <a href="https://github.com/SpokaneTech" target="_blank" rel="noopener"
+                                    class="social-icon-link text-decoration-none">
+                                    <span class="social-icon">
+                                        <i class="fab fa-github text-white fs-6"></i>
+                                    </span>
+                                </a>
+                                <a href="https://www.linkedin.com/company/spokanetech/" target="_blank" rel="noopener"
+                                    class="social-icon-link text-decoration-none">
+                                    <span class="social-icon">
+                                        <i class="fab fa-linkedin-in text-white fs-6"></i>
+                                    </span>
+                                </a>
+                                <a href="https://www.facebook.com/spokanetech.org/" target="_blank" rel="noopener"
+                                    class="social-icon-link text-decoration-none">
+                                    <span class="social-icon">
+                                        <i class="fab fa-facebook-f text-white fs-6"></i>
+                                    </span>
+                                </a>
+                            </div>
 
+                        </div>
                     </div>
-                </div>
-                <div class="col-md-6 my-3">
-                    <div class="d-flex flex-column align-items-center align-items-md-start">
-                        <h5 class="fw-bold mb-2">Community Guidelines</h5>
-                        <ul class="list-unstyled text-start p-2 rounded">
-                            <li class="mb-2">
-                                <i class="fa-solid fa-people-group text-secondary me-2 "></i>
-                                Be respectful and inclusive to all community members
-                            </li>
-                            <li class="mb-2">
-                                <i class="fa-regular fa-handshake text-secondary me-2"></i>
-                                Help newcomers feel welcome and encourage participation
-                            </li>
-                            <li class="mb-2">
-                                <i class="fa-regular fa-share-from-square text-secondary me-2"></i>
-                                Share knowledge freely and acknowledge others' contributions
-                            </li>
-                            <li class="mb-2">
-                                <i class="fa-solid fa-shield-halved text-secondary me-2"></i>
-                                Maintain a professional and harassment-free environment
-                            </li>
-                            <li class="mb-2">
-                                <i class="fa-regular fa-comment text-secondary me-2"></i>
-                                Contribute constructively to discussions
-                            </li>
-                        </ul>
+                    <div class="col-md-6 my-3">
+                        <div class="d-flex flex-column align-items-center align-items-md-start">
+                            <h5 class="fw-bold mb-2">Community Guidelines</h5>
+                            <ul class="list-unstyled text-start p-2 rounded">
+                                <li class="mb-2">
+                                    <i class="fa-solid fa-people-group text-secondary me-2 "></i>
+                                    Be respectful and inclusive to all community members
+                                </li>
+                                <li class="mb-2">
+                                    <i class="fa-regular fa-handshake text-secondary me-2"></i>
+                                    Help newcomers feel welcome and encourage participation
+                                </li>
+                                <li class="mb-2">
+                                    <i class="fa-regular fa-share-from-square text-secondary me-2"></i>
+                                    Share knowledge freely and acknowledge others' contributions
+                                </li>
+                                <li class="mb-2">
+                                    <i class="fa-solid fa-shield-halved text-secondary me-2"></i>
+                                    Maintain a professional and harassment-free environment
+                                </li>
+                                <li class="mb-2">
+                                    <i class="fa-regular fa-comment text-secondary me-2"></i>
+                                    Contribute constructively to discussions
+                                </li>
+                            </ul>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
-        <div class="container">
-            <div class="row mt-4">
-                <div class="col-md-6"></div>
-                <div class="col-md-6">
-                    <div class="alert alert-primary text-center text-md-start" role="alert">
-                        <div class="h5 fw-bold mb-2">
-                            <i class="fa-brands fa-python me-2"></i>
-                            Python Software Foundation
-                        </div>
-                        <div>This meetup group is a proud local chapter of the Python Software Foundation, supporting
-                            the mission to promote, protect, and advance the Python programming language.</div>
-                        <div class="mt-3">
-                            <a href="https://www.python.org/psf/" target="_blank" rel="noopener">Learn more about
-                                PSF</a>
+            <div class="container">
+                <div class="row mt-4">
+                    <div class="col-md-6"></div>
+                    <div class="col-md-6">
+                        <div class="alert alert-primary text-center text-md-start" role="alert">
+                            <div class="h5 fw-bold mb-2">
+                                <i class="fa-brands fa-python me-2"></i>
+                                Python Software Foundation
+                            </div>
+                            <div>This meetup group is a proud local chapter of the Python Software Foundation, supporting
+                                the mission to promote, protect, and advance the Python programming language.</div>
+                            <div class="mt-3">
+                                <a href="https://www.python.org/psf/" target="_blank" rel="noopener">Learn more about
+                                    PSF</a>
+                            </div>
                         </div>
                     </div>
                 </div>
+
             </div>
+        </section>
 
-        </div>
-    </section>
+    </div> <!-- End of main content -->
 
     <!-- Footer -->
     <footer class="bg-primary text-white py-2">
@@ -488,6 +576,7 @@ <h5 class="fw-bold mb-2">Community Guidelines</h5>
         </div>
     </footer>
 
+
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 
     <script>
diff --git a/src/django_project/web/urls/gui.py b/src/django_project/web/urls/gui.py
index 1419009..7679be7 100644
--- a/src/django_project/web/urls/gui.py
+++ b/src/django_project/web/urls/gui.py
@@ -7,6 +7,7 @@
     path("index/", gui.IndexView.as_view(), name="index"),
     path("default/", gui.IndexView.as_view(), name="default"),
     path("home/", gui.IndexView.as_view(), name="home"),
+    path("about/", gui.IndexView.as_view(), name="about"),
     path("host/", gui.HostView.as_view(), name="host_info"),
     # HTMX views
     path("htmx/resource-list/<int:pk>/", gui.ResourceListPartialView.as_view(), name="htmx_resource_list"),