diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
index 9561815..41e89eb 100644
--- a/src/components/HomepageFeatures/index.js
+++ b/src/components/HomepageFeatures/index.js
@@ -1,26 +1,24 @@
 import React from "react";
-import clsx from 'clsx';
+import clsx from "clsx";
 import styles from "./styles.module.css";
-import { Carousel } from 'react-responsive-carousel';
-import 'react-responsive-carousel/lib/styles/carousel.min.css';
+import { Carousel } from "react-responsive-carousel";
+import "react-responsive-carousel/lib/styles/carousel.min.css";
 
 // import { library } from "@fortawesome/fontawesome-svg-core";
 // import { fab } from "@fortawesome/free-brands-svg-icons";
 
 // Initialize Font Awesome library
 // library.add(fab);
-const ImpactItem = ({ title, count, imageSrc,users }) => (
+const ImpactItem = ({ title, count, imageSrc, users }) => (
   <div className={styles.impactItem}>
     <img src={imageSrc} alt={`${title} icon`} className={styles.impactIcon} />
     <h2 className={styles.impactTitle}>{title}</h2>
     <p className={styles.impactCount}>{count}</p>
     <p className={styles.impactCount}>{users} active users</p>
-
   </div>
 );
 
-const FeatureList = [
-];
+const FeatureList = [];
 const SponserList = [
   {
     name: "NOAA",
@@ -50,10 +48,8 @@ const SponserList = [
     width: "150",
     height: "50",
   },
-  
 ];
 const MemberList = [
-   
   {
     name: "Utah State University",
     logo: "https://i.pinimg.com/originals/96/65/d4/9665d4322a25b6a2ff8cc4f31a178749.png",
@@ -75,7 +71,7 @@ const MemberList = [
     width: "210",
     height: "70",
   },
-  
+
   {
     name: "The University of Alabama in Huntsville",
     logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/UAH_primary-300x159.png",
@@ -105,7 +101,7 @@ const MemberList = [
     width: "190",
     height: "100",
   },
-  
+
   {
     name: "University of Iowa",
     logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/Block-IOWA-GOLD-ffcd00-1024x512.png",
@@ -113,9 +109,7 @@ const MemberList = [
     width: "160",
     height: "80",
   },
-  
 
-  
   {
     name: "University of Saskatchewan",
     logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/usask_usask_colour-300x67.png",
@@ -145,7 +139,7 @@ const MemberList = [
     width: "100",
     height: "100",
   },
- 
+
   {
     name: "Bringham Young University",
     logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/byu-wordmark-blue-300x191.png",
@@ -162,132 +156,115 @@ const MemberList = [
   },
 ];
 
-const PartnerList=[
+const PartnerList = [
   {
-    name:"Baron Weather",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/Baron-Logo_BlackVertical_2022-269x300.png",
+    name: "Baron Weather",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/Baron-Logo_BlackVertical_2022-269x300.png",
     link: "https://baronweather.com/",
     width: "80",
     height: "105",
-
   },
   {
-    name:"Oak Ridge National Laboratory",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/ORNL-Two-line_green-300x72.png",
+    name: "Oak Ridge National Laboratory",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/ORNL-Two-line_green-300x72.png",
     link: "https://www.ornl.gov/",
     width: "190",
     height: "50",
-
   },
-  
-  
+
   {
-    name:"Dauphin Island Sea Lab",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/DISL-centered-logo-Tag-300x183.png",
+    name: "Dauphin Island Sea Lab",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/DISL-centered-logo-Tag-300x183.png",
     link: "https://www.disl.edu/",
     width: "200",
     height: "120",
-
   },
   {
-    name:"Jupiter Intelligence",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/Jupiter_Logo_Color-300x86.png",
+    name: "Jupiter Intelligence",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/Jupiter_Logo_Color-300x86.png",
     link: "https://www.jupiterintel.com/",
     width: "190",
     height: "50",
-
   },
-  
+
   {
-    name:"RTI International",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/RTI_logo_rgb_1in-300x188.png",
+    name: "RTI International",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/RTI_logo_rgb_1in-300x188.png",
     link: "https://www.rti.org/centers/rti-center-water-resources",
     width: "190",
     height: "100",
-
   },
   {
-    name:"CUAHSI",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/new-logo-with-black-text-300x79.png",
+    name: "CUAHSI",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/new-logo-with-black-text-300x79.png",
     link: "https://www.cuahsi.org/",
     width: "190",
     height: "60",
-
   },
   {
-    name:"Stevens Institute Of Technology",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/Stevens-Primary-logo_4C-RGB-262x300.png",
+    name: "Stevens Institute Of Technology",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/Stevens-Primary-logo_4C-RGB-262x300.png",
     link: "https://www.stevens.edu/",
     width: "126",
     height: "140",
-
   },
   {
-    name:"Gulf Of Mexico Costal Ocean Observing System",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/GCOOS-logo-01-landscape-colors-300x188.png",
+    name: "Gulf Of Mexico Costal Ocean Observing System",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/GCOOS-logo-01-landscape-colors-300x188.png",
     link: "https://gcoos.org/",
     width: "150",
     height: "100",
-
   },
   {
-    name:"New Mexico State University",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/NMSU_NoU-Crimson-266x300.png",
+    name: "New Mexico State University",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/NMSU_NoU-Crimson-266x300.png",
     link: "https://nmsu.edu/",
     width: "80",
     height: "100",
-
   },
   {
-    name:"Penn State University",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/PS_HOR_PMS_287_284-300x99.png",
+    name: "Penn State University",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/PS_HOR_PMS_287_284-300x99.png",
     link: "https://www.psu.edu/",
     width: "190",
     height: "70",
-
   },
-  
+
   {
-    name:"University of Southern California",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/usc_logo_centered_RGB_G-300x147.png",
+    name: "University of Southern California",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/usc_logo_centered_RGB_G-300x147.png",
     link: "https://sc.edu/",
     width: "170",
     height: "80",
-
   },
   {
-    name:"UC Davis",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/ucdavis_logo_blue-300x52.png",
+    name: "UC Davis",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/ucdavis_logo_blue-300x52.png",
     link: "https://www.ucdavis.edu/",
     width: "190",
     height: "35",
-
   },
   {
-    name:"Coastal Carolina University",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/ccu_stck_cmyk_2clr-300x257.png",
+    name: "Coastal Carolina University",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/ccu_stck_cmyk_2clr-300x257.png",
     link: "https://www.coastal.edu/index.php",
     width: "100",
     height: "90",
   },
   {
-    name:"University of Illinois Urbana-Champaign",
-    logo:"https://ciroh.ua.edu/wp-content/uploads/2023/03/University-Wordmark-Full-Color-RGB-300x78.png",
+    name: "University of Illinois Urbana-Champaign",
+    logo: "https://ciroh.ua.edu/wp-content/uploads/2023/03/University-Wordmark-Full-Color-RGB-300x78.png",
     link: "https://illinois.edu/",
     width: "180",
     height: "50",
-
   },
 ];
 
-const Member = ({ idx, name,logo,link,width,height }) => (
+const Member = ({ idx, name, logo, link, width, height }) => (
   <div className="col col--6">
     <div className="avatar">
       <div className="avatar__intro">
-        <div
-          key={idx}
-          className={styles.imagecontainer}>
-          
+        <div key={idx} className={styles.imagecontainer}>
           <a href={link} target="_blank" rel="noreferrer">
             <img
               src={logo}
@@ -297,7 +274,6 @@ const Member = ({ idx, name,logo,link,width,height }) => (
               className="img-fluid align-center"
             />
           </a>
-          
         </div>
       </div>
     </div>
@@ -305,17 +281,17 @@ const Member = ({ idx, name,logo,link,width,height }) => (
 );
 
 const Card = ({ title, image, description, link }) => (
-  <div className="col col--4" style={{ display: 'flex', marginBottom: "20px"}}>
-    <div className="card" style={{ flex: '1' }}>
-      <div className="card__image" style={{ textAlign: 'center' }}>
+  <div className="col col--4" style={{ display: "flex", marginBottom: "20px" }}>
+    <div className="card" style={{ flex: "1" }}>
+      <div className="card__image" style={{ textAlign: "center" }}>
         <img
           src={image}
           alt="Image alt text"
           title="Logo Title Text 1"
-          style={{width:'65%'}}
+          style={{ width: "65%" }}
         />
       </div>
-      <div className="card__header"  style={{ textAlign: 'center' }}>
+      <div className="card__header" style={{ textAlign: "center" }}>
         <h3>{title}</h3>
       </div>
       <div className="card__body">
@@ -335,34 +311,32 @@ const impactData = [
     title: "CIROH AWS Projects",
     count: 24,
     imageSrc: "/img/aws-logo.svg",
-    users:60
+    users: 60,
   },
   {
     title: "CIROH Google Cloud and CIROH JupyterHub Projects",
     count: 50,
     imageSrc: "/img/google-cloud.jpg",
-    users: 171
+    users: 171,
   },
   {
     title: "CIROH On-premise HPC Projects",
     count: 20,
     imageSrc: "/img/pantarhei-logo.jpg",
-    users: 50
+    users: 50,
   },
   {
     title: "CIROH NSF ACCESS Allocations Projects",
     count: 8,
     imageSrc: "/img/nsf-logo.png",
-    users:27
-  }
+    users: 27,
+  },
 ];
 
-
 export default function HomepageFeatures() {
-  
   return (
     <section className={styles.homepageContainer}>
-      <div className="container" >
+      <div className="container">
         <Carousel
           showThumbs={false}
           autoPlay={true}
@@ -375,357 +349,583 @@ export default function HomepageFeatures() {
           showIndicators={true}
         >
           <div className="row">
-          <Card
-            title="Documentation"
-            image="img/documentation.png"
-            description="Dive into our comprehensive documentation to access in-depth information about various CIROH products, including but not limited to NextGen, Snow model, Tethys, and more."
-            link="/docs/products/intro"
-          />
-          <Card
-            title="Cloud Services"
-            image="img/cloud.png"
-            description="Explore our array of cloud services and offerings, where you can delve into the specifics of CIROH-AWS cloud. Learn how to gain access to this cloud infrastructure and uncover insights into working seamlessly with the 2i2c cloud services."
-            link="/docs/services/intro"
-          />
-          <Card
-            title="Training"
-            image="img/tutorial.png"
-            description="Elevate your expertise through our training programs. Delve into our tutorials and educational resources, covering topics such as the NextGen framework, Data Science model, and more."
-            link="/docs/education/"
-          />      
+            <Card
+              title="Documentation"
+              image="img/documentation.png"
+              description="Dive into our comprehensive documentation to access in-depth information about various CIROH products, including but not limited to NextGen, Snow model, Tethys, and more."
+              link="/docs/products/intro"
+            />
+            <Card
+              title="Cloud Services"
+              image="img/cloud.png"
+              description="Explore our array of cloud services and offerings, where you can delve into the specifics of CIROH-AWS cloud. Learn how to gain access to this cloud infrastructure and uncover insights into working seamlessly with the 2i2c cloud services."
+              link="/docs/services/intro"
+            />
+            <Card
+              title="Training"
+              image="img/tutorial.png"
+              description="Elevate your expertise through our training programs. Delve into our tutorials and educational resources, covering topics such as the NextGen framework, Data Science model, and more."
+              link="/docs/education/"
+            />
           </div>
-          <div className="row"> 
-          <Card
-            title="NextGen In A Box"
-            image="img/NGIAB-logo.jpg"
-            description="Utilize NextGen In A Box (NGIAB) to locally run NextGen framework. Choose specific regions or basins for analysis, control input data, and modify confiurations, all within a containerized environment."
-            link="/docs/products/Hydrologic%20Modeling%20Framework/nextgeninaboxDocker"
-          />
-          <Card
-            title="AWS"
-            image="img/aws-logo.jpg"
-            description="Leverage the power of CIROH AWS Account to elevate your hydrological research. Get access to enterprise-level AWS cloud platform, and utilize AWS computing resources and scalable storage for your research."
-            link="/docs/services/cloudservices/aws"
-          />
-          <Card
-            title="Google Cloud"
-            image="img/google-cloud.jpg"
-            description="Explore different services and tools offered by CIROH Google Cloud. Learn how to access Google Cloud Platform (GCP) and leverage its resources for your research and projects."
-            link="/docs/services/cloudservices/google cloud"
-          />
+          <div className="row">
+            <Card
+              title="NextGen In A Box"
+              image="img/NGIAB-logo.jpg"
+              description="Utilize NextGen In A Box (NGIAB) to locally run NextGen framework. Choose specific regions or basins for analysis, control input data, and modify confiurations, all within a containerized environment."
+              link="/docs/products/Hydrologic%20Modeling%20Framework/nextgeninaboxDocker"
+            />
+            <Card
+              title="AWS"
+              image="img/aws-logo.jpg"
+              description="Leverage the power of CIROH AWS Account to elevate your hydrological research. Get access to enterprise-level AWS cloud platform, and utilize AWS computing resources and scalable storage for your research."
+              link="/docs/services/cloudservices/aws"
+            />
+            <Card
+              title="Google Cloud"
+              image="img/google-cloud.jpg"
+              description="Explore different services and tools offered by CIROH Google Cloud. Learn how to access Google Cloud Platform (GCP) and leverage its resources for your research and projects."
+              link="/docs/services/cloudservices/google cloud"
+            />
           </div>
           <div className="row">
-          
-          <Card
-            title="CIROH JupyterHub"
-            image="img/jupyterhub.jpg"
-            description="Access cloud-based JupyterHub environment on Google Cloud tailored for hydrological research. Leverage computing power with both CPU and GPU capabilities for advanced computational needs."
-            link="/docs/services/cloudservices/CIROH JupyterHub"
-          />
-          <Card
-            title="Pantarhei"
-            image="img/pantarhei-logo.jpg"
-            description="Access Pantarhei, a high-performance computing (HPC) cluster, to run computationally intensive hydrological models. Utilize Pantarhei to perform large-scale simulations and data processing tasks."
-            link="/docs/services/on-prem/Pantarhei"
-          />
-          <Card
-            title="CIROH Portal"
-            image="img/ciroh-logo.jpg"
-            description="This portal enhances collaboration and innovation by providing access to interactive web apps, datasets, and learning modules, supporting CIROH and NOAA NWM researchers in advancing hydrological science."
-            link="https://portal.ciroh.org/"
-          />
+            <Card
+              title="CIROH JupyterHub"
+              image="img/jupyterhub.jpg"
+              description="Access cloud-based JupyterHub environment on Google Cloud tailored for hydrological research. Leverage computing power with both CPU and GPU capabilities for advanced computational needs."
+              link="/docs/services/cloudservices/CIROH JupyterHub"
+            />
+            <Card
+              title="Pantarhei"
+              image="img/pantarhei-logo.jpg"
+              description="Access Pantarhei, a high-performance computing (HPC) cluster, to run computationally intensive hydrological models. Utilize Pantarhei to perform large-scale simulations and data processing tasks."
+              link="/docs/services/on-prem/Pantarhei"
+            />
+            <Card
+              title="CIROH Portal"
+              image="img/ciroh-logo.jpg"
+              description="This portal enhances collaboration and innovation by providing access to interactive web apps, datasets, and learning modules, supporting CIROH and NOAA NWM researchers in advancing hydrological science."
+              link="https://portal.ciroh.org/"
+            />
           </div>
-          </Carousel>
+        </Carousel>
       </div>
       <div className={styles.container}>
-      <h2 className={styles.mainTitle}>Community Impact</h2>
-      <p className={styles.description}>
-        We are committed to providing infrastructure support to CIROH consortium partners and members to advance 
-        their research. Our impact spans across various cloud platforms and resources. Here's an overview of our contributions:
-      </p>
-      <div className={styles.impactGrid}>
-        {impactData.map((item, index) => (
-          <ImpactItem 
-            key={index}
-            title={item.title}
-            count={item.count}
-            imageSrc={item.imageSrc}
-            users={item.users}
-          />
-        ))}
+        <h2 className={styles.mainTitle}>Community Impact</h2>
+        <p className={styles.description}>
+          We are committed to providing infrastructure support to CIROH
+          consortium partners and members to advance their research. Our impact
+          spans across various cloud platforms and resources. Here's an overview
+          of our contributions:
+        </p>
+        <div className={styles.impactGrid}>
+          {impactData.map((item, index) => (
+            <ImpactItem
+              key={index}
+              title={item.title}
+              count={item.count}
+              imageSrc={item.imageSrc}
+              users={item.users}
+            />
+          ))}
+        </div>
       </div>
-    </div>
-      <div className={clsx('hero hero--primary', styles.heroBanner)}>
-          <div className="container">
-            <div className={styles.flexStart}>
-              
-              <div className="hero-text" >
-                <h1 className={styles.h1}>CONTRIBUTE</h1>
-                <br />
-                <p className={styles.heroText}>
-                We would like CIROH Consortium members to contribute to CIROH DocuHub. Please contribute by adding product/project documentation, tutorials, training data, or conference presentations. The CIROH DocuHub repository provides a collaborative platform for sharing project's technical documentation. <strong>Learn more about how you can contribute and access the CIROH DocuHub repository here:</strong></p>
-                <br />
-                <div className={styles.flexStart}>
-                <a className={`button button--secondary ${styles.col4}`} href="/Contribute" style={{ textDecoration: 'none',marginRight: '10px'}}>
+      <div className={clsx("hero hero--primary", styles.heroBanner)}>
+        <div className="container">
+          <div className={styles.flexStart}>
+            <div className="hero-text">
+              <h1 className={styles.h1}>CONTRIBUTE</h1>
+              <br />
+              <p className={styles.heroText}>
+                We would like CIROH Consortium members to contribute to CIROH
+                DocuHub. Please contribute by adding product/project
+                documentation, tutorials, training data, or conference
+                presentations. The CIROH DocuHub repository provides a
+                collaborative platform for sharing project's technical
+                documentation.{" "}
+                <strong>
+                  Learn more about how you can contribute and access the CIROH
+                  DocuHub repository here:
+                </strong>
+              </p>
+              <br />
+              <div className={styles.flexStart}>
+                <a
+                  className={`button button--info ${styles.col4}`}
+                  href="/Contribute"
+                  style={{ textDecoration: "none", marginRight: "10px" }}
+                >
                   How to Contribute?
                 </a>
-                <a className={`button button--info ${styles.col4}`} href="https://github.com/CIROH-UA/ciroh-ua_website" style={{ textDecoration: 'none'}}>
-                  GitHub Repo 
+                <a
+                  className={`button button--secondary ${styles.col4}`}
+                  href="https://forms.office.com/r/5ww7qRWwwf"
+                  target="_blank"
+                  style={{ textDecoration: "none" }}
+                >
+                  Your Feedback Matters
                 </a>
-                </div>
               </div>
-              <img src="./img/contribute.png" alt="Contribute to CIROH DocuHub" class={styles.heroimage} />
             </div>
+            <img
+              src="./img/contribute.png"
+              alt="Contribute to CIROH DocuHub"
+              class={styles.heroimage}
+            />
           </div>
         </div>
-      <div className="container" style={{width:"100%"}}>
+      </div>
+      <div className="container" style={{ width: "100%" }}>
         <div className={styles.logoBackground}>
-        <div className="container-fluid">
-          <div className="row">
-            <div className="col col--12">
-              <div className="row">
-                <div className="col col--12">
-                  <div className={styles.heading}>Consortium Sponsers</div>
-                </div>
-              </div>
-              <div className={styles.row1}>
-                <div className={styles.col1} align="center">
-                  <a href={SponserList[0].link}>
-                    <img className={styles.sponserimage} src={SponserList[0].logo} alt={SponserList[0].name} width={SponserList[0].width} height={SponserList[0].height} />
-                  </a>
-                </div>
-                <div className={`${styles.flex} ${styles.col1}`} align="center">
-                  <a href={SponserList[1].link}>
-                    <img className={styles.sponserimage} src={SponserList[1].logo} alt={SponserList[1].name} width={SponserList[1].width} height={SponserList[1].height} />
-                  </a> 
+          <div className="container-fluid">
+            <div className="row">
+              <div className="col col--12">
+                <div className="row">
+                  <div className="col col--12">
+                    <div className={styles.heading}>Consortium Sponsers</div>
+                  </div>
                 </div>
-               
-                   <div className={`${styles.flex} ${styles.col1}`} align="center" >
+                <div className={styles.row1}>
+                  <div className={styles.col1} align="center">
+                    <a href={SponserList[0].link}>
+                      <img
+                        className={styles.sponserimage}
+                        src={SponserList[0].logo}
+                        alt={SponserList[0].name}
+                        width={SponserList[0].width}
+                        height={SponserList[0].height}
+                      />
+                    </a>
+                  </div>
+                  <div
+                    className={`${styles.flex} ${styles.col1}`}
+                    align="center"
+                  >
+                    <a href={SponserList[1].link}>
+                      <img
+                        className={styles.sponserimage}
+                        src={SponserList[1].logo}
+                        alt={SponserList[1].name}
+                        width={SponserList[1].width}
+                        height={SponserList[1].height}
+                      />
+                    </a>
+                  </div>
+
+                  <div
+                    className={`${styles.flex} ${styles.col1}`}
+                    align="center"
+                  >
                     <a href={SponserList[2].link}>
-                      <img className={styles.sponserimage} src={SponserList[2].logo} alt={SponserList[2].name} width={SponserList[2].width} height={SponserList[2].height} />
-                  </a>
-                </div>
-                <div className={styles.col1} align="center">
-                  <a href={SponserList[3].link}>
-                    <img className={styles.sponserimage} src={SponserList[3].logo} alt={SponserList[3].name} width={SponserList[3].width} height={SponserList[3].height} />
-                  </a>
+                      <img
+                        className={styles.sponserimage}
+                        src={SponserList[2].logo}
+                        alt={SponserList[2].name}
+                        width={SponserList[2].width}
+                        height={SponserList[2].height}
+                      />
+                    </a>
+                  </div>
+                  <div className={styles.col1} align="center">
+                    <a href={SponserList[3].link}>
+                      <img
+                        className={styles.sponserimage}
+                        src={SponserList[3].logo}
+                        alt={SponserList[3].name}
+                        width={SponserList[3].width}
+                        height={SponserList[3].height}
+                      />
+                    </a>
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div className="row">
-            <div className="col">
-              <div className="row">
-                <div className="col">
-                  <div className={styles.heading}>Consortium Members</div>
-                </div>
-              </div>
-              <div className="row">
-                <div className="col">
-                  <div className={styles.row1}>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={MemberList[0].link}>
-                        <img className={styles.imagecontainer}src={MemberList[0].logo} alt={MemberList[0].name} width={MemberList[0].width} height={MemberList[0].height} />
-                      </a>
-                    </div>
-                    <div className={styles.col2}>
-                      <a href={MemberList[1].link}>
-                        <img className={styles.imagecontainer} src={MemberList[1].logo} alt={MemberList[1].name} width={MemberList[1].width} height={MemberList[1].height} />
-                      </a>
-                    </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={MemberList[2].link}>
-                        <img className={styles.imagecontainer} src={MemberList[2].logo} alt={MemberList[2].name} width={MemberList[2].width} height={MemberList[2].height} />
-                      </a>
-                    </div>
-                    <div className={styles.col2}>
-                      <a href={MemberList[3].link}>
-                        <img className={styles.imagecontainer} src={MemberList[3].logo} alt={MemberList[3].name} width={MemberList[3].width} height={MemberList[3].height} />
-                      </a>
-                    </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={MemberList[4].link}>
-                        <img className={styles.imagecontainer} src={MemberList[4].logo} alt={MemberList[4].name} width={MemberList[4].width} height={MemberList[4].height} />
-                      </a>
-                    </div>
-                    <div className={styles.col2}>
-                      <a href={MemberList[5].link}>
-                        <img className={styles.imagecontainer} src={MemberList[5].logo} alt={MemberList[5].name} width={MemberList[5].width} height={MemberList[5].height} />
-                      </a>
-                    </div>
+            <div className="row">
+              <div className="col">
+                <div className="row">
+                  <div className="col">
+                    <div className={styles.heading}>Consortium Members</div>
                   </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={MemberList[6].link}>
-                        <img className={styles.imagecontainer} src={MemberList[6].logo} alt={MemberList[6].name} width={MemberList[6].width} height={MemberList[6].height} />
-                      </a>
-                    </div>
-                    <div className={styles.col2}>
-                      <a href={MemberList[7].link}>
-                        <img className={styles.imagecontainer} src={MemberList[7].logo} alt={MemberList[7].name} width={MemberList[7].width} height={MemberList[7].height} />
-                      </a>
+                </div>
+                <div className="row">
+                  <div className="col">
+                    <div className={styles.row1}>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={MemberList[0].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[0].logo}
+                            alt={MemberList[0].name}
+                            width={MemberList[0].width}
+                            height={MemberList[0].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={styles.col2}>
+                        <a href={MemberList[1].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[1].logo}
+                            alt={MemberList[1].name}
+                            width={MemberList[1].width}
+                            height={MemberList[1].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={MemberList[8].link}>
-                        <img className={styles.imagecontainer} src={MemberList[8].logo} alt={MemberList[8].name} width={MemberList[8].width} height={MemberList[8].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={MemberList[2].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[2].logo}
+                            alt={MemberList[2].name}
+                            width={MemberList[2].width}
+                            height={MemberList[2].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={styles.col2}>
+                        <a href={MemberList[3].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[3].logo}
+                            alt={MemberList[3].name}
+                            width={MemberList[3].width}
+                            height={MemberList[3].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={MemberList[9].link}>
-                        <img className={styles.imagecontainer} src={MemberList[9].logo} alt={MemberList[9].name} width={MemberList[9].width} height={MemberList[9].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={MemberList[4].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[4].logo}
+                            alt={MemberList[4].name}
+                            width={MemberList[4].width}
+                            height={MemberList[4].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={styles.col2}>
+                        <a href={MemberList[5].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[5].logo}
+                            alt={MemberList[5].name}
+                            width={MemberList[5].width}
+                            height={MemberList[5].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2} >
-                      <a href={MemberList[10].link}>
-                        <img className={styles.imagecontainer} src={MemberList[10].logo} alt={MemberList[10].name} width={MemberList[10].width} height={MemberList[10].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={MemberList[6].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[6].logo}
+                            alt={MemberList[6].name}
+                            width={MemberList[6].width}
+                            height={MemberList[6].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={styles.col2}>
+                        <a href={MemberList[7].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[7].logo}
+                            alt={MemberList[7].name}
+                            width={MemberList[7].width}
+                            height={MemberList[7].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={MemberList[11].link}>
-                        <img className={styles.imagecontainer} src={MemberList[11].logo} alt={MemberList[11].name} width={MemberList[11].width} height={MemberList[11].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={MemberList[8].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[8].logo}
+                            alt={MemberList[8].name}
+                            width={MemberList[8].width}
+                            height={MemberList[8].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={MemberList[9].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[9].logo}
+                            alt={MemberList[9].name}
+                            width={MemberList[9].width}
+                            height={MemberList[9].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2} >
-                      <a href={MemberList[12].link}>
-                        <img className={styles.imagecontainer} src={MemberList[12].logo} alt={MemberList[12].name} width={MemberList[12].width} height={MemberList[12].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={MemberList[10].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[10].logo}
+                            alt={MemberList[10].name}
+                            width={MemberList[10].width}
+                            height={MemberList[10].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={MemberList[11].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[11].logo}
+                            alt={MemberList[11].name}
+                            width={MemberList[11].width}
+                            height={MemberList[11].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={MemberList[13].link}>
-                        <img className={styles.imagecontainer} src={MemberList[13].logo} alt={MemberList[13].name} width={MemberList[13].width} height={MemberList[13].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={MemberList[12].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[12].logo}
+                            alt={MemberList[12].name}
+                            width={MemberList[12].width}
+                            height={MemberList[12].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={MemberList[13].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={MemberList[13].logo}
+                            alt={MemberList[13].name}
+                            width={MemberList[13].width}
+                            height={MemberList[13].height}
+                          />
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
-            </div>
-            <div className="col">
-            <div className="row">
               <div className="col">
-                <div className={styles.heading}>Consortium Partners</div>
-              </div>
-            </div>
-              <div className="row">
-                <div className="col">
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={PartnerList[0].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[0].logo} alt={PartnerList[0].name} width={PartnerList[0].width} height={PartnerList[0].height} />
-                      </a>
-                    </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={PartnerList[1].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[1].logo} alt={PartnerList[1].name} width={PartnerList[1].width} height={PartnerList[1].height} />
-                      </a>
-                    </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={PartnerList[2].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[2].logo} alt={PartnerList[2].name} width={PartnerList[2].width} height={PartnerList[2].height} />
-                      </a>
-                    </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={PartnerList[3].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[3].logo} alt={PartnerList[3].name} width={PartnerList[3].width} height={PartnerList[3].height} />
-                      </a>
-                    </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={PartnerList[4].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[4].logo} alt={PartnerList[4].name} width={PartnerList[4].width} height={PartnerList[4].height} />
-                      </a>
-                    </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={PartnerList[5].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[5].logo} alt={PartnerList[5].name} width={PartnerList[5].width} height={PartnerList[5].height} />
-                      </a>
-                    </div>
+                <div className="row">
+                  <div className="col">
+                    <div className={styles.heading}>Consortium Partners</div>
                   </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={PartnerList[6].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[6].logo} alt={PartnerList[6].name} width={PartnerList[6].width} height={PartnerList[6].height} />
-                      </a>
-                    </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={PartnerList[7].link} >
-                        <img className={styles.imagecontainer} src={PartnerList[7].logo} alt={PartnerList[7].name} width={PartnerList[7].width} height={PartnerList[7].height} />
-                      </a>
+                </div>
+                <div className="row">
+                  <div className="col">
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={PartnerList[0].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[0].logo}
+                            alt={PartnerList[0].name}
+                            width={PartnerList[0].width}
+                            height={PartnerList[0].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={PartnerList[1].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[1].logo}
+                            alt={PartnerList[1].name}
+                            width={PartnerList[1].width}
+                            height={PartnerList[1].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={PartnerList[8].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[8].logo} alt={PartnerList[8].name} width={PartnerList[8].width} height={PartnerList[8].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={PartnerList[2].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[2].logo}
+                            alt={PartnerList[2].name}
+                            width={PartnerList[2].width}
+                            height={PartnerList[2].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={PartnerList[3].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[3].logo}
+                            alt={PartnerList[3].name}
+                            width={PartnerList[3].width}
+                            height={PartnerList[3].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                    <div className={styles.col2}>
-                      <a href={PartnerList[9].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[9].logo} alt={PartnerList[9].name} width={PartnerList[9].width} height={PartnerList[9].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={PartnerList[4].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[4].logo}
+                            alt={PartnerList[4].name}
+                            width={PartnerList[4].width}
+                            height={PartnerList[4].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={PartnerList[5].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[5].logo}
+                            alt={PartnerList[5].name}
+                            width={PartnerList[5].width}
+                            height={PartnerList[5].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={PartnerList[10].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[10].logo} alt={PartnerList[10].name} width={PartnerList[10].width} height={PartnerList[10].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={PartnerList[6].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[6].logo}
+                            alt={PartnerList[6].name}
+                            width={PartnerList[6].width}
+                            height={PartnerList[6].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={PartnerList[7].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[7].logo}
+                            alt={PartnerList[7].name}
+                            width={PartnerList[7].width}
+                            height={PartnerList[7].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={PartnerList[11].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[11].logo} alt={PartnerList[11].name} width={PartnerList[11].width} height={PartnerList[11].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={PartnerList[8].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[8].logo}
+                            alt={PartnerList[8].name}
+                            width={PartnerList[8].width}
+                            height={PartnerList[8].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={styles.col2}>
+                        <a href={PartnerList[9].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[9].logo}
+                            alt={PartnerList[9].name}
+                            width={PartnerList[9].width}
+                            height={PartnerList[9].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                  </div>
-                  <div className={styles.row1}>
-                    <div className={styles.col2}>
-                      <a href={PartnerList[12].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[12].logo} alt={PartnerList[12].name} width={PartnerList[12].width} height={PartnerList[12].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={PartnerList[10].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[10].logo}
+                            alt={PartnerList[10].name}
+                            width={PartnerList[10].width}
+                            height={PartnerList[10].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={PartnerList[11].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[11].logo}
+                            alt={PartnerList[11].name}
+                            width={PartnerList[11].width}
+                            height={PartnerList[11].height}
+                          />
+                        </a>
+                      </div>
                     </div>
-                    <div className={`${styles.flex} ${styles.col2}`}>
-                      <a href={PartnerList[13].link}>
-                        <img className={styles.imagecontainer} src={PartnerList[13].logo} alt={PartnerList[13].name} width={PartnerList[13].width} height={PartnerList[13].height} />
-                      </a>
+                    <div className={styles.row1}>
+                      <div className={styles.col2}>
+                        <a href={PartnerList[12].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[12].logo}
+                            alt={PartnerList[12].name}
+                            width={PartnerList[12].width}
+                            height={PartnerList[12].height}
+                          />
+                        </a>
+                      </div>
+                      <div className={`${styles.flex} ${styles.col2}`}>
+                        <a href={PartnerList[13].link}>
+                          <img
+                            className={styles.imagecontainer}
+                            src={PartnerList[13].logo}
+                            alt={PartnerList[13].name}
+                            width={PartnerList[13].width}
+                            height={PartnerList[13].height}
+                          />
+                        </a>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-        
 
-        <div className={"row"} style={{ paddingTop: 70 }}>
-          <div className="col col--4" style={{ textAlign: "center" }}>
-            <img alt="noaaImage" src="img/noaalogo.png"  style={{ height: 145, width: 145, marginTop: 15 }} />
-          </div>
-          <div className="col col--4" style={{ textAlign: "center" }}>
-            <img alt="awiImage" src="img/awi.png" style={{ marginTop: 45, marginBottom:45 }} />
-          </div>
-          <div className="col col--4" style={{ textAlign: "center" }}>
-            <img
-              alt="cirohImage"
-              src="img/cirohlogo-trans.png"
-              style={{ height: 145, width: 145, marginTop: 15 }}
-            />
+          <div className={"row"} style={{ paddingTop: 70 }}>
+            <div className="col col--4" style={{ textAlign: "center" }}>
+              <img
+                alt="noaaImage"
+                src="img/noaalogo.png"
+                style={{ height: 145, width: 145, marginTop: 15 }}
+              />
+            </div>
+            <div className="col col--4" style={{ textAlign: "center" }}>
+              <img
+                alt="awiImage"
+                src="img/awi.png"
+                style={{ marginTop: 45, marginBottom: 45 }}
+              />
+            </div>
+            <div className="col col--4" style={{ textAlign: "center" }}>
+              <img
+                alt="cirohImage"
+                src="img/cirohlogo-trans.png"
+                style={{ height: 145, width: 145, marginTop: 15 }}
+              />
+            </div>
           </div>
         </div>
-
-        </div> 
-        
       </div>
     </section>
   );