Merge pull request #27 from pulkitgarg04/main

Add Google Play Store and App Store image instead of button
khushi-joshi-05 · May 13, 2024 · d7da2cb · d7da2cb
2 parents 1904865 + 23a7bc0
commit d7da2cb
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 46 deletions.
diff --git a/Css-files/content.css b/Css-files/content.css
@@ -7,9 +7,6 @@ body {
   background-color:black;
 }
 
-
-
-
 .head_container:before {
   background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300);
   content: "";
@@ -91,6 +88,7 @@ body {
   font-family: "Bree Serif", serif;
   margin: 15px 10px;
 } */
+
 .but {
   border: 1.3px solid brown;
   font-size: 1.1rem;
@@ -184,14 +182,10 @@ body {
   margin-bottom: 20px;
 }
 
-
-
 /* service */
-
 .service_container {
   /* padding: 55px 70px 30px 70px; */
   background-color:  rgb(224, 224, 252);
-
 }
 
 .second_cont{
@@ -299,22 +293,16 @@ body {
     justify-content: center;
 } */
 
-
-
 .foot_panel4{
     background-color: rgb(66, 16, 16);
     color: white;
     height: 160px;
     font-size: 0.9rem;
     text-align: center;
-
 }
 
-
-
 .pages{
     padding-top: 25px;
-
 }
 
 .copyright{

diff --git a/Html-files/menu.html b/Html-files/menu.html
@@ -15,7 +15,7 @@
         integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
 
-    <link rel="stylesheet" href="../Css-files/content.css">
+    <link rel="stylesheet" href="content.css">
 </head>
 
 <body>
@@ -74,8 +74,8 @@ <h3>Juices</h3>
                 <!-- <button class="but">Add to Cart</button> -->
                 <button class="butt">Order Now</button>
             </div>
-        </div>
 
+        </div>
         <div class="menu_items">
             <div class="items">
                 <img
@@ -108,9 +108,10 @@ <h3>Juices</h3>
                 <!-- <button class="but">Add to Cart</button> -->
                 <button class="butt">Order Now</button>
             </div>
+
         </div>
-    </section>
 
+    </section>
     <section class="menu_container">
         <h2>Juices</h2>
         <div class="menu_items">
@@ -145,7 +146,6 @@ <h3>Juices</h3>
                 <!-- <button class="but">Add to Cart</button> -->
                 <button class="butt">Order Now</button>
             </div>
-        </div>
     </section>
 
     <section class="menu_container">
@@ -182,7 +182,6 @@ <h3>Juices</h3>
                 <!-- <button class="but">Add to Cart</button> -->
                 <button class="butt">Order Now</button>
             </div>
-        </div>
     </section>
 
     <!-- footer -->
@@ -243,20 +242,20 @@ <h3>Contact Us!</h3>
                 <h4>Follow Us</h4>
 
                 <div class="social-icons">
-                    <i class="fa-brands fa-facebook"></i>
-                    <i class="fa-brands fa-instagram"></i>
-                    <i class="fa-brands fa-twitter"></i>
+                    <i class="fa-brands fa-facebook fb"></i>
+                    <i class="fa-brands fa-instagram instagram"></i>
+                    <i class="fa-brands fa-twitter twitter"></i>
                 </div>
                 <p>Stay connected with us on social media for the latest updates, recipes, and foodie adventures.
                 </p>
                 <div class="copyright">
-                    &copy; 2023 Foodies . All Rights Reserved. | Developed by Khushi Joshi</p>
+                    &copy; 2023 Foodies . All Rights Reserved. | Developed by <span id="author"> Khushi Joshi </span></p>
 
                 </div>
             </div>
     </footer>
 
-    <script src="../menu.js"></script>
+
 </body>
 
-</html>
+</html>
diff --git a/Images/download-on-the-app-store.png b/Images/download-on-the-app-store.png
diff --git a/Images/get_it_on_google_play_store.png b/Images/get_it_on_google_play_store.png
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <title>FoodOrderingWebsite</title>
+    <title>Food Ordering Website</title>
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
         integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
@@ -220,14 +220,13 @@ <h3>Juices</h3>
     <div class="app_download">
         <h4>Free Delivery!</h4>
         <h2>Download the App now!</h2>
+        <br>
         <p>For best discounts and free delivery download the app now from your Google Play Store or App Store.</p>
-        <button class="btn"><a href="https://play.google.com/store/games?device=windows" target="_blank">Google Play Store</a></button>
-        <button class="btn" ><a href="https://www.apple.com/app-store/" target="_blank">App Store</a></button>
+        <a href="#"><img src="./Images/get_it_on_google_play_store.png" class="app-download-img" alt="Get it on Google Play Store"></a>
+        <a href="#"><img src="./Images/download-on-the-app-store.png" class="app-download-img" alt="Download on the Apple App Store"></a>
 
     </div>
 
-
-
     <div class="footer">
         <!-- <h1>Sign-in</h1>
         <div class="container">
@@ -335,4 +334,4 @@ <h4>Follow Us</h4>
 
 </body>
 
-</html>
+</html>
diff --git a/style.css b/style.css
@@ -354,22 +354,6 @@ body {
     font-size: 1.3rem;
 }
 
-.app_download button {
-    border: 2px solid white;
-    padding: 10px;
-    font-size: 1.5rem;
-    margin: 40px 30px;
-    border-radius: 10px;
-    color: rgb(143, 36, 36);
-    font-family: 'Bree Serif', serif;
-}
-
-.app_download button:hover {
-    background-color: rgb(196, 89, 89);
-    color: white;
-    border: 2px solid white;
-    cursor: pointer;
-}
 .btn a{
     text-decoration: none;
     color: brown;
@@ -378,6 +362,12 @@ body {
     color: white;
 }
 
+.app-download-img {
+    max-height: 70px;
+    margin-top: 2rem;
+    margin-left: 2rem;
+}
+
 .move {
     background-color: rgb(147, 22, 33);;
     height: 60px;