Adding here image

jarlon13 · Jun 17, 2024 · 3e6fdc1 · 3e6fdc1
1 parent 5ebcd17
commit 3e6fdc1
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 8 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -87,11 +87,16 @@ h1{
 }
 /* Main content */
 main{
-    background-color: lightblue;
     /* Make main element take up any surplus space to push footer down*/
     flex: 1 0 auto;
     margin-top: 47px;
 }
+/* hero section */
+#hero {
+    height: 600px;
+    width: 100%;
+    background: url("../images/hero-image.webp") no-repeat center center/cover;
+}
 
 /* footer */
 #social-networks{

diff --git a/assets/images/hero-image.webp b/assets/images/hero-image.webp
diff --git a/gallery.html b/gallery.html
@@ -35,7 +35,7 @@ <h1 id="logo">Love Running</h1>
     </header>
 
     <!-- main content section-->
-    <main>Main Content</main>
+    <main></main>
     <h1>
         TESTING THE GOOGLE FONT.
     </h1>

diff --git a/index.html b/index.html
@@ -35,11 +35,8 @@ <h1 id="logo">Love Running</h1>
     </header>
 
     <!-- main content section-->
-    <main>Main Content</main>
-    <h1>
-        TESTING THE GOOGLE FONT.
-    </h1>
-
+    <main></main>
+        <section id="hero"></section>
     <!-- footer content.-->
     <footer>
         <ul id ="social-networks">

diff --git a/signup.html b/signup.html
@@ -35,7 +35,7 @@ <h1 id="logo">Love Running</h1>
     </header>
 
     <!-- main content section-->
-    <main>Main Content</main>
+    <main> </main>
     <h1>
         TESTING THE GOOGLE FONT.
     </h1>