-
Notifications
You must be signed in to change notification settings - Fork 51
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #110 from rajgharat07/bug/footer-added-Blog/Servic…
…es-page Bug Fixed : Added missing Footer to Our Services and Blog Pages.
- Loading branch information
Showing
2 changed files
with
298 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,10 @@ | ||
| import React, {useState, useEffect} from "react"; | ||
| import {useNavigate} from "react-router-dom"; | ||
| import facebookIcon from "../../images/facebook.svg" | ||
| import instagramIcon from "../../images/instagram.svg" | ||
| import twitterIcon from "../../images/twitter.svg" | ||
| import youtubeIcon from "../../images/youtube.svg" | ||
| import mapsIcon from "../../images/maps.svg" | ||
| import Navbar from "../../Navbar"; | ||
| import '../Services/Services.css'; | ||
|
|
||
|
|
@@ -166,6 +171,150 @@ const Blogs = () => { | |
| ></script> | ||
| </div> | ||
| </section> | ||
| <footer | ||
| className="footer section has-bg-image text-center" | ||
| style={{ position: "relative", overflow: "hidden" }} | ||
| > | ||
| <div | ||
| className="background-blur" | ||
| style={{ | ||
| backgroundImage: | ||
| "url('./images/fae955e3-de29-4d6b-a41a-85563f86a931.avif')", | ||
| position: "absolute", | ||
| top: 0, | ||
| left: 0, | ||
| width: "100%", | ||
| height: "100%", | ||
| backgroundSize: "cover", | ||
| backgroundPosition: "center", | ||
| }} | ||
| ></div> | ||
| <div className="container"> | ||
| <div className="footer-content"> | ||
| <div className="footer-top grid-list"> | ||
| <div className="footer-brand has-before has-after"> | ||
| <ul className="footer-list"> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| Home | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| Menus | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| About Us | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| Our Chefs | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| Contact | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| <a href="#" className="logo"> | ||
| <img | ||
| src="./images/603logo (1).avif" | ||
| width="160" | ||
| height="50" | ||
| loading="lazy" | ||
| alt="grilli home" | ||
| /> | ||
| </a> | ||
| <address className="body-4"> | ||
| Makhija Arcade, 35th Rd, Khar, Khar West, Mumbai, Maharashtra | ||
| 400052 | ||
| </address> | ||
| <a | ||
| href="mailto:[email protected]" | ||
| className="body-4 contact-link mail1" | ||
| > | ||
| [email protected] | ||
| </a> | ||
| <a href="tel:+88123123456" className="body-4 contact-link"> | ||
| Booking Request : +88-123-123456 | ||
| </a> | ||
| <p className="body-4">Open : 09:00 am - 01:00 pm</p> | ||
| <div className="wrapper"> | ||
| <div className="separator"></div> | ||
| <div className="separator"></div> | ||
| <div className="separator"></div> | ||
| </div> | ||
| <p className="title-1">Get News & Offers</p> | ||
| <p className="label-1"> | ||
| Subscribe us & Get <span className="span">25% Off.</span> | ||
| </p> | ||
| <form action="" className="input-wrapper"> | ||
| <div className="icon-wrapper"> | ||
| <ion-icon name="mail-outline" aria-hidden="true"></ion-icon> | ||
| <input | ||
| type="email" | ||
| name="email_address" | ||
| placeholder="Your email" | ||
| autoComplete="off" | ||
| className="input-field" | ||
| /> | ||
| </div> | ||
| <button type="submit" className="btn btn-secondary"> | ||
| <span className="text text-1">Subscribe</span> | ||
| <span className="text text-2" aria-hidden="true"> | ||
| Subscribe | ||
| </span> | ||
| </button> | ||
| </form> | ||
| <ul className="footer-list"> | ||
| <p className="title-1">Follow us on: </p> | ||
| <li> | ||
| <a href="https://www.facebook.com/" className="label-2 footer-link"> | ||
| <img className="img-height" src={facebookIcon} /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://www.instagram.com/603thecoworkingspace/" className="label-2 footer-link"> | ||
| <img className="img-height" src={instagramIcon} /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://x.com/603coworking" className="label-2 footer-link"> | ||
| <img className="img-height" src={twitterIcon} /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://www.youtube.com/" className="label-2 footer-link"> | ||
| <img className="img-height" src={youtubeIcon} /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://www.google.com/maps" className="label-2 footer-link"> | ||
| <img className="img-height map" src={mapsIcon} /> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div className="footer-bottom"> | ||
| <p className="copyright"> | ||
| © 2024 . All Rights Reserved | Crafted by{" "} | ||
| <a | ||
| href="603thecoworkingspace.com" | ||
| target="_blank" | ||
| className="link" | ||
| > | ||
| 603 The Coworking Space | ||
| </a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,9 @@ | ||
| import React, {useState, useEffect} from "react"; | ||
| import facebookIcon from "../../images/facebook.svg" | ||
| import instagramIcon from "../../images/instagram.svg" | ||
| import twitterIcon from "../../images/twitter.svg" | ||
| import youtubeIcon from "../../images/youtube.svg" | ||
| import mapsIcon from "../../images/maps.svg" | ||
| import Navbar from "../../Navbar"; | ||
| import './Services.css'; | ||
|
|
||
|
|
@@ -460,7 +465,150 @@ const Services = () => { | |
|
|
||
| </div> | ||
| </section> | ||
|
|
||
| <footer | ||
| className="footer section has-bg-image text-center" | ||
| style={{ position: "relative", overflow: "hidden" }} | ||
| > | ||
| <div | ||
| className="background-blur" | ||
| style={{ | ||
| backgroundImage: | ||
| "url('./images/fae955e3-de29-4d6b-a41a-85563f86a931.avif')", | ||
| position: "absolute", | ||
| top: 0, | ||
| left: 0, | ||
| width: "100%", | ||
| height: "100%", | ||
| backgroundSize: "cover", | ||
| backgroundPosition: "center", | ||
| }} | ||
| ></div> | ||
| <div className="container"> | ||
| <div className="footer-content"> | ||
| <div className="footer-top grid-list"> | ||
| <div className="footer-brand has-before has-after"> | ||
| <ul className="footer-list"> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| Home | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| Menus | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| About Us | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| Our Chefs | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="#" className="label-2 footer-link hover-underline"> | ||
| Contact | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| <a href="#" className="logo"> | ||
| <img | ||
| src="./images/603logo (1).avif" | ||
| width="160" | ||
| height="50" | ||
| loading="lazy" | ||
| alt="grilli home" | ||
| /> | ||
| </a> | ||
| <address className="body-4"> | ||
| Makhija Arcade, 35th Rd, Khar, Khar West, Mumbai, Maharashtra | ||
| 400052 | ||
| </address> | ||
| <a | ||
| href="mailto:[email protected]" | ||
| className="body-4 contact-link mail1" | ||
| > | ||
| [email protected] | ||
| </a> | ||
| <a href="tel:+88123123456" className="body-4 contact-link"> | ||
| Booking Request : +88-123-123456 | ||
| </a> | ||
| <p className="body-4">Open : 09:00 am - 01:00 pm</p> | ||
| <div className="wrapper"> | ||
| <div className="separator"></div> | ||
| <div className="separator"></div> | ||
| <div className="separator"></div> | ||
| </div> | ||
| <p className="title-1">Get News & Offers</p> | ||
| <p className="label-1"> | ||
| Subscribe us & Get <span className="span">25% Off.</span> | ||
| </p> | ||
| <form action="" className="input-wrapper"> | ||
| <div className="icon-wrapper"> | ||
| <ion-icon name="mail-outline" aria-hidden="true"></ion-icon> | ||
| <input | ||
| type="email" | ||
| name="email_address" | ||
| placeholder="Your email" | ||
| autoComplete="off" | ||
| className="input-field" | ||
| /> | ||
| </div> | ||
| <button type="submit" className="btn btn-secondary"> | ||
| <span className="text text-1">Subscribe</span> | ||
| <span className="text text-2" aria-hidden="true"> | ||
| Subscribe | ||
| </span> | ||
| </button> | ||
| </form> | ||
| <ul className="footer-list"> | ||
| <p className="title-1">Follow us on: </p> | ||
| <li> | ||
| <a href="https://www.facebook.com/" className="label-2 footer-link"> | ||
| <img className="img-height" src={facebookIcon} /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://www.instagram.com/603thecoworkingspace/" className="label-2 footer-link"> | ||
| <img className="img-height" src={instagramIcon} /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://x.com/603coworking" className="label-2 footer-link"> | ||
| <img className="img-height" src={twitterIcon} /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://www.youtube.com/" className="label-2 footer-link"> | ||
| <img className="img-height" src={youtubeIcon} /> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://www.google.com/maps" className="label-2 footer-link"> | ||
| <img className="img-height map" src={mapsIcon} /> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div className="footer-bottom"> | ||
| <p className="copyright"> | ||
| © 2024 . All Rights Reserved | Crafted by{" "} | ||
| <a | ||
| href="603thecoworkingspace.com" | ||
| target="_blank" | ||
| className="link" | ||
| > | ||
| 603 The Coworking Space | ||
| </a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| </> | ||
| ); | ||
|
|
||