Setting up hero button

dagban · Feb 11, 2024 · 6806c0d · 6806c0d
1 parent b4e9626
commit 6806c0d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -100,14 +100,28 @@ main {
 }
 #cover-text {
     background-color: #007BFF;
-    border-radius: 0% 5% 5% 0%;
     position: absolute;
-    bottom: 75px;
+    bottom: 85px;
     width: 80%;
     min-height: 150px;
     padding: 5%;
     text-align: center;
     color: white;
+}
+#cover-btn {
+    background-color: #ffde59;
+    color: #000000;
+    width: 50%;
+    position: absolute;
+    bottom: 10px;
+    left: 15%;
+    text-decoration: none;
+    text-align: center;
+    text-transform: uppercase;
+    margin-top: 5%;
+    padding: 2%;
+
+
 }
   /*Media query for tablets and screens larger than 768px*/
 

diff --git a/index.html b/index.html
@@ -44,6 +44,7 @@
                 <h1>Finally Mindset Monday!</h1>
                 <h2>Start your week the best possible way</h2>
             </div>
+            <a href="newsletter.html" id="cover-btn" ><h3><strong>Grab free blueprint!</strong></h3></a>
         </section>
 
     </main>