Skip to content

Commit

Permalink
Bug Fixed : Added missing Footer to Our Services and Blog Pages
Browse files Browse the repository at this point in the history
  • Loading branch information
rajgharat07 committed Oct 12, 2024
1 parent 3fda4d8 commit 1575f40
Show file tree
Hide file tree
Showing 2 changed files with 298 additions and 1 deletion.
149 changes: 149 additions & 0 deletions src/Pages/Blogs/Blogs.js
View file
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';

Expand Down Expand Up @@ -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:booking@grilli.com"
className="body-4 contact-link mail1"
>
booking@grilli.com
</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">
&copy; 2024 . All Rights Reserved | Crafted by{" "}
<a
href="603thecoworkingspace.com"
target="_blank"
className="link"
>
603 The Coworking Space
</a>
</p>
</div>
</div>
</div>
</footer>
</>
);
};
Expand Down
150 changes: 149 additions & 1 deletion src/Pages/Services/Services.js
View file
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';

Expand Down Expand Up @@ -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:booking@grilli.com"
className="body-4 contact-link mail1"
>
booking@grilli.com
</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">
&copy; 2024 . All Rights Reserved | Crafted by{" "}
<a
href="603thecoworkingspace.com"
target="_blank"
className="link"
>
603 The Coworking Space
</a>
</p>
</div>
</div>
</div>
</footer>

</>
);
Expand Down

0 comments on commit 1575f40

Please sign in to comment.