Merge pull request #145 from himanshu07gupta/update

Double Download Button
marshadkhn · Oct 23, 2023 · f4c2fdc · f4c2fdc
2 parents 9f18b89 + 7dea823
commit f4c2fdc
Show file tree

Hide file tree

Showing 2 changed files with 93 additions and 12 deletions.
diff --git a/css/style2.css b/css/style2.css
@@ -9,6 +9,7 @@ body {
     padding: 0;
     box-sizing: border-box;
     font-family: "Montserrat";
+
 }
 
 body::-webkit-scrollbar {
@@ -364,7 +365,7 @@ p {
     margin: 10% 0;
 }
 
-#cta {
+/* #cta {
     text-align: center;
     background-color: #ff4c68;
     padding: 10%;
@@ -384,8 +385,61 @@ p {
 
 #cta btn-outline-light {
     margin-right: 4px;
+} */
+/* ///////////////////////////////// */
+ #section-b {
+    padding: 2em 1em 1em 1em;
+    text-align: center;
+
+    margin: 0 20px;
+    background-color: #f97286;
+    border: #fff;
+    margin-top: 1em;
+}
+/*
+#section-b ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+#section-b li {
+    margin-bottom: 1em;
+    background: #fff;
+    color: #333;
+}
+
+#section-b .newup-content {
+    padding: 1.5em;
+} */
+/* ////////////////// */
+
+#section-b ul {
+    list-style: none;
+    padding: 0;
+    white-space: nowrap; 
+    overflow-x: auto;    
+    margin: 2px;
+}
+
+#section-b li {
+    display: inline-block;
+    margin-right: 1px; 
+    vertical-align: top; 
+}
+.newup a {
+    color: rgb(0, 100, 0);
+}
+/* .newup {
+    text-align: center;
+} */
+
+#section-b img {
+    max-width: 450px; /* Adjust this value to your preference */
+    height: auto;
 }
 
+/* /////////////////////// */
 button.btn-dark:hover {
     background-color: #3e3c3c;
 }

diff --git a/index.html b/index.html
@@ -203,20 +203,47 @@ <h2>Free</h2>
     </section>
 
     <!-- Call to Action -->
-    <section id="cta">
-        <div class="container">
-            <div class="row">
-                <div class="col">
-                    <h3>Find the True Love of Your Dog's Life Today.</h3>
-                    <button type="button" class="btn btn-dark btn-lg download-button"><i class="fa-brands fa-apple"
-                            id="btn-id"></i>Download</button>
-                    <button type="button" class="btn btn-outline-light btn-lg download-button"><i
-                            class="fab fa-google-play" id="btn-id"></i>Download</button>
+
+
+    <section id="section-b" class="grid">
+        <ul>
+            <li>
+                <div class="newup">
+
+                    <img src="https://cdn.pixabay.com/photo/2018/10/01/09/21/pets-3715733_960_720.jpg" alt="error">
+                    <div class="newup-content">
+                        <a href="Pet_Page.html">Buy Pets</a>
+
+                    </div>
                 </div>
-            </div>
-        </div>
+            </li>
+            <li>
+                <div class="newup">
+                    <!-- put images here 10.53 -->
+                    <img src="https://ifc-solutions.com/wp-content/uploads/pet-food.jpg" alt="">
+                    <div class="newup-content">
+                        <a href="Food_Page.html">Nutrition and Foods</a>
+
+                    </div>
+                </div>
+            </li>
+            <li>
+                <div class="newup">
+                    <!-- put images here 10.53 -->
+                    <img src="https://www.ovrs.com/blog/wp-content/uploads/2020/11/OVRS-clutter-shutterstock_1144432958.jpg" alt="">
+                    <div class="newup-content">
+                        <a href="Product_Page.html">Pets Toys And Product</a>
+
+                    </div>
+                </div>
+            </li>
+        </ul>
     </section>
 
+
+
+
+
     <!-- contact us -->
     <section class="contact" id="contact">
         <div class="container">