menucard section updated and header menu updated and secondary colour updated
This commit is contained in:
parent
56743cf68e
commit
c579669f82
@ -13,7 +13,7 @@ export default function Menu() {
|
|||||||
|
|
||||||
|
|
||||||
<ul className="navigation left-nav clearfix">
|
<ul className="navigation left-nav clearfix">
|
||||||
<li className="dropdown">
|
{/* <li className="dropdown">
|
||||||
<Link href="/">Home </Link>
|
<Link href="/">Home </Link>
|
||||||
<ul>
|
<ul>
|
||||||
<li className="/"><Link href="/">Home One</Link></li>
|
<li className="/"><Link href="/">Home One</Link></li>
|
||||||
@ -21,16 +21,19 @@ export default function Menu() {
|
|||||||
<li><Link href="index-3">Home Three</Link></li>
|
<li><Link href="index-3">Home Three</Link></li>
|
||||||
<li><Link href="index-4">Home Four</Link></li>
|
<li><Link href="index-4">Home Four</Link></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</li> */}
|
||||||
|
<li className="dropdown">
|
||||||
|
<Link href="#about">About</Link>
|
||||||
</li>
|
</li>
|
||||||
<li className="dropdown">
|
<li className="dropdown">
|
||||||
<Link href="#specials">Specials</Link>
|
<Link href="#popular-dishes">Popular Dishes</Link>
|
||||||
</li>
|
</li>
|
||||||
<li className="dropdown">
|
{/* <li className="dropdown">
|
||||||
<Link href="#location">Locations</Link>
|
<Link href="#location">Locations</Link>
|
||||||
</li>
|
</li>
|
||||||
<li className="dropdown">
|
<li className="dropdown">
|
||||||
<Link href="#menu">Menu</Link>
|
<Link href="#menu">Menu</Link>
|
||||||
</li>
|
</li> */}
|
||||||
</ul>
|
</ul>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|||||||
@ -11,16 +11,16 @@ export default function Menu() {
|
|||||||
|
|
||||||
<ul className="navigation right-nav clearfix">
|
<ul className="navigation right-nav clearfix">
|
||||||
<li className="dropdown">
|
<li className="dropdown">
|
||||||
<Link href="#about">About</Link>
|
<Link href="#sixty5-street-specials">Sixty5 Street Specials</Link>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
<li className="dropdown">
|
<li className="dropdown">
|
||||||
<Link href="#gallery">Gallery</Link>
|
<Link href="#menu">Menu</Link>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
<li>
|
{/* <li>
|
||||||
<Link href="#contact">Contact</Link>
|
<Link href="#contact">Contact</Link>
|
||||||
</li>
|
</li> */}
|
||||||
</ul>
|
</ul>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|||||||
@ -7,7 +7,7 @@ export default function Juice() {
|
|||||||
|
|
||||||
|
|
||||||
{/* Juice Section */}
|
{/* Juice Section */}
|
||||||
<section className="juice-section">
|
<section className="juice-section" id="about">
|
||||||
<div className="section-text">yummy</div>
|
<div className="section-text">yummy</div>
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div>
|
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div>
|
||||||
<div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
|
<div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
|
||||||
@ -33,7 +33,7 @@ export default function Juice() {
|
|||||||
<div className="separate"></div>
|
<div className="separate"></div>
|
||||||
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. Nam sint atqui voluptatibus an, pro ne malis semper perpetua.</div>
|
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. Nam sint atqui voluptatibus an, pro ne malis semper perpetua.</div>
|
||||||
</div>
|
</div>
|
||||||
{/* <Link href="menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>Buy Now</Link> */}
|
<Link href="#menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -4,7 +4,7 @@ import Link from 'next/link';
|
|||||||
import { menuData } from '@/utils/constant.utils';
|
import { menuData } from '@/utils/constant.utils';
|
||||||
|
|
||||||
export default function Menus() {
|
export default function Menus() {
|
||||||
const [activeTab, setActiveTab] = useState('Snacks');
|
const [activeTab, setActiveTab] = useState('Wings');
|
||||||
const tabs = Object.keys(menuData);
|
const tabs = Object.keys(menuData);
|
||||||
const menuItems = menuData[activeTab] || [];
|
const menuItems = menuData[activeTab] || [];
|
||||||
|
|
||||||
|
|||||||
@ -5,7 +5,7 @@ export default function Specials() {
|
|||||||
<>
|
<>
|
||||||
|
|
||||||
{/* Specials Section */}
|
{/* Specials Section */}
|
||||||
<section className="specials-section" id="specials">
|
<section className="specials-section" id="sixty5-street-specials">
|
||||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/resource/special-icon-1.png)' }} ></div>
|
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/resource/special-icon-1.png)' }} ></div>
|
||||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/resource/special-icon-2.png)' }} ></div>
|
<div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/resource/special-icon-2.png)' }} ></div>
|
||||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/resource/special-icon-3.png)' }} ></div>
|
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/resource/special-icon-3.png)' }} ></div>
|
||||||
|
|||||||
@ -1,6 +1,17 @@
|
|||||||
'use client'
|
'use client'
|
||||||
import Link from "next/link"
|
import { useState } from "react";
|
||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
export default function Fluid() {
|
export default function Fluid() {
|
||||||
|
const images = [
|
||||||
|
"/assets/images/menu-card/menu-1.webp",
|
||||||
|
"/assets/images/menu-card/menu-2.webp",
|
||||||
|
"/assets/images/menu-card/menu-3.webp",
|
||||||
|
"/assets/images/menu-card/menu-4.webp"
|
||||||
|
];
|
||||||
|
|
||||||
|
const [selectedImage, setSelectedImage] = useState(images[0]); // Set first image as default
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* Fluid Section Two */}
|
{/* Fluid Section Two */}
|
||||||
@ -14,28 +25,37 @@ export default function Fluid() {
|
|||||||
{/* Title Box */}
|
{/* Title Box */}
|
||||||
<div className="title-box">
|
<div className="title-box">
|
||||||
<h2>Free recipe book!</h2>
|
<h2>Free recipe book!</h2>
|
||||||
<div className="text">Get your copy of spicy kitchen feauturing 10 of our most loved, <br/> highly-rated recipes!</div>
|
<div className="text">
|
||||||
|
Get your copy of spicy kitchen featuring 10 of our most loved, <br /> highly-rated recipes!
|
||||||
</div>
|
</div>
|
||||||
<ul className="book-list">
|
</div>
|
||||||
<li><img src="assets/images/resource/book-list-1.png" alt="" /></li>
|
|
||||||
<li><img src="assets/images/resource/book-list-2.png" alt="" /></li>
|
{/* Image List */}
|
||||||
<li><img src="assets/images/resource/book-list-3.png" alt="" /></li>
|
<ul className="book-list d-flex justify-content-start align-items-center">
|
||||||
|
{images.map((img, idx) => (
|
||||||
|
<li key={idx} style={{ cursor: "pointer" }} onClick={() => setSelectedImage(img)}>
|
||||||
|
<img src={img} alt={`Book ${idx + 1}`} style={{width:"150px", height:"150px"}}/>
|
||||||
|
</li>
|
||||||
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
{/* Button Box */}
|
{/* Button Box */}
|
||||||
<div className="button-box">
|
<div className="button-box">
|
||||||
<Link href="menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
|
<Link href="#menu" className="theme-btn btn-style-one clearfix">
|
||||||
|
<span className="icon"></span>View Menu
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Image Column */}
|
{/* Image Column */}
|
||||||
<div className="image-column" style={{ backgroundImage: 'url(assets/images/resource/image-2.jpg)' }} >
|
<div className="image-column" style={{ backgroundImage: `url(${selectedImage})` }}>
|
||||||
<figure className="image-box"><img src="assets/images/resource/image-2.jpg" alt=""/></figure>
|
<figure className="image-box">
|
||||||
|
<img src={selectedImage} alt="Selected Book" />
|
||||||
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{/* End Fluid Section Two */}
|
|
||||||
</>
|
</>
|
||||||
)
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,7 +6,7 @@ export default function Recipe() {
|
|||||||
|
|
||||||
|
|
||||||
{/* Recipe Section */}
|
{/* Recipe Section */}
|
||||||
<section className="recipe-section-two">
|
<section className="recipe-section-two" id="popular-dishes">
|
||||||
<div className="auto-container">
|
<div className="auto-container">
|
||||||
{/* Sec Title */}
|
{/* Sec Title */}
|
||||||
<div className="sec-title centered">
|
<div className="sec-title centered">
|
||||||
|
|||||||
@ -352,7 +352,7 @@ img{
|
|||||||
|
|
||||||
.btn-style-one:hover{
|
.btn-style-one:hover{
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color:#91ad41;
|
background-color:#ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Btn Style Two */
|
/* Btn Style Two */
|
||||||
@ -390,7 +390,7 @@ img{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-style-two:hover .icon{
|
.btn-style-two:hover .icon{
|
||||||
background-color:#111111;
|
background-color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-style-two:hover{
|
.btn-style-two:hover{
|
||||||
@ -434,7 +434,7 @@ img{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-style-three:hover .icon{
|
.btn-style-three:hover .icon{
|
||||||
background-color:#111111;
|
background-color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-style-three:hover{
|
.btn-style-three:hover{
|
||||||
@ -479,7 +479,7 @@ img{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-style-four:hover .icon{
|
.btn-style-four:hover .icon{
|
||||||
background-color:#111111;
|
background-color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-style-four:hover{
|
.btn-style-four:hover{
|
||||||
|
|||||||
@ -293,7 +293,7 @@
|
|||||||
.main-menu .navigation > li:hover > a,
|
.main-menu .navigation > li:hover > a,
|
||||||
.main-menu .navigation > li.current > a{
|
.main-menu .navigation > li.current > a{
|
||||||
opacity:1;
|
opacity:1;
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-style-two .main-menu .navigation > li:hover > a,
|
.header-style-two .main-menu .navigation > li:hover > a,
|
||||||
@ -633,7 +633,7 @@
|
|||||||
|
|
||||||
.header-style-two.fixed-header{
|
.header-style-two.fixed-header{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
background-color:#111111;
|
background-color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header Style Three */
|
/* Header Style Three */
|
||||||
@ -892,7 +892,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header-style-five .header-upper .outer-box .nav-btn{
|
.header-style-five .header-upper .outer-box .nav-btn{
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
/***
|
/***
|
||||||
@ -1081,7 +1081,7 @@
|
|||||||
|
|
||||||
.mobile-menu .navigation li:hover > a,
|
.mobile-menu .navigation li:hover > a,
|
||||||
.mobile-menu .navigation li.current > a{
|
.mobile-menu .navigation li.current > a{
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-menu .navigation li.dropdown .dropdown-btn{
|
.mobile-menu .navigation li.dropdown .dropdown-btn{
|
||||||
|
|||||||
@ -537,7 +537,7 @@
|
|||||||
|
|
||||||
.header-style-five .main-menu .navigation > li:hover > a,
|
.header-style-five .main-menu .navigation > li:hover > a,
|
||||||
.header-style-five .main-menu .navigation > li.current > a{
|
.header-style-five .main-menu .navigation > li.current > a{
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -940,18 +940,18 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.banner-section .owl-dots .owl-dot span{
|
.banner-section .owl-dots .owl-dot span{
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
opacity:1;
|
opacity:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner-section .owl-dots .owl-dot::after{
|
.banner-section .owl-dots .owl-dot::after{
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
opacity:1;
|
opacity:1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner-section .owl-dots .owl-dot:hover span,
|
.banner-section .owl-dots .owl-dot:hover span,
|
||||||
.banner-section .owl-dots .owl-dot.active span{
|
.banner-section .owl-dots .owl-dot.active span{
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-style-two .header-upper .logo-box{
|
.header-style-two .header-upper .logo-box{
|
||||||
@ -974,7 +974,7 @@
|
|||||||
|
|
||||||
.header-style-three .nav-outer .mobile-nav-toggler,
|
.header-style-three .nav-outer .mobile-nav-toggler,
|
||||||
.header-style-four .nav-outer .mobile-nav-toggler{
|
.header-style-four .nav-outer .mobile-nav-toggler{
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.newsletter-section .inner-container{
|
.newsletter-section .inner-container{
|
||||||
@ -1032,7 +1032,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header-style-five .nav-outer .mobile-nav-toggler{
|
.header-style-five .nav-outer .mobile-nav-toggler{
|
||||||
color:#111111;
|
color:#1d1d1b ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-style-five .header-upper .outer-box .nav-btn{
|
.header-style-five .header-upper .outer-box .nav-btn{
|
||||||
|
|||||||
@ -120,7 +120,7 @@
|
|||||||
margin: -35px auto 0;
|
margin: -35px auto 0;
|
||||||
transform: scaleX(0);
|
transform: scaleX(0);
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
background-color: #111111;
|
background-color: #1d1d1b;
|
||||||
-webkit-transition: all 300ms ease;
|
-webkit-transition: all 300ms ease;
|
||||||
-moz-transition: all 300ms ease;
|
-moz-transition: all 300ms ease;
|
||||||
-ms-transition: all 300ms ease;
|
-ms-transition: all 300ms ease;
|
||||||
@ -1033,7 +1033,7 @@
|
|||||||
padding: 1px 22px;
|
padding: 1px 22px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1054,7 +1054,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.banner-section-three .content-box h3 a:hover {
|
.banner-section-three .content-box h3 a:hover {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner-section-three .content-box .post-info {
|
.banner-section-three .content-box .post-info {
|
||||||
@ -1889,7 +1889,7 @@
|
|||||||
padding: 2px 18px;
|
padding: 2px 18px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1949,7 +1949,7 @@
|
|||||||
|
|
||||||
.news-block .inner-box:hover .lower-content .post-info li a,
|
.news-block .inner-box:hover .lower-content .post-info li a,
|
||||||
.news-block .inner-box:hover .lower-content h6 a {
|
.news-block .inner-box:hover .lower-content h6 a {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
/***
|
/***
|
||||||
@ -2100,7 +2100,7 @@
|
|||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
-webkit-transition: all 300ms ease;
|
-webkit-transition: all 300ms ease;
|
||||||
-ms-transition: all 300ms ease;
|
-ms-transition: all 300ms ease;
|
||||||
-o-transition: all 300ms ease;
|
-o-transition: all 300ms ease;
|
||||||
@ -2110,7 +2110,7 @@
|
|||||||
|
|
||||||
.gallery-block .inner-box .image-box .overlay-box .icon:hover {
|
.gallery-block .inner-box .image-box .overlay-box .icon:hover {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
/***
|
/***
|
||||||
@ -2450,7 +2450,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 25px 0px;
|
padding: 25px 0px;
|
||||||
background-color:#111111;
|
background-color: #1d1d1b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-style-two .footer-bottom .copyright {
|
.footer-style-two .footer-bottom .copyright {
|
||||||
@ -2670,7 +2670,7 @@
|
|||||||
|
|
||||||
.location-block .inner-box .post-date {
|
.location-block .inner-box .post-date {
|
||||||
position: relative;
|
position: relative;
|
||||||
color:#111111;
|
color: #1d1d1b;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
@ -2693,7 +2693,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.location-block .inner-box h3 a:hover {
|
.location-block .inner-box h3 a:hover {
|
||||||
color:#111111;
|
color: #1d1d1b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.location-block .inner-box .post-info {
|
.location-block .inner-box .post-info {
|
||||||
@ -3085,7 +3085,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
padding: 10px 28px;
|
padding: 10px 28px;
|
||||||
color:#111111;
|
color: #1d1d1b;
|
||||||
border: 1px solid #d1d1d1;
|
border: 1px solid #d1d1d1;
|
||||||
height: 55px;
|
height: 55px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
@ -3113,7 +3113,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
padding: 15px 20px 25px;
|
padding: 15px 20px 25px;
|
||||||
color:#111111;
|
color: #1d1d1b;
|
||||||
border: 1px solid #d1d1d1;
|
border: 1px solid #d1d1d1;
|
||||||
height: 250px;
|
height: 250px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
@ -3227,7 +3227,7 @@
|
|||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
padding: 10px 30px;
|
padding: 10px 30px;
|
||||||
height: 72px;
|
height: 72px;
|
||||||
color:#111111;
|
color: #1d1d1b;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
@ -3383,7 +3383,7 @@
|
|||||||
padding: 2px 18px;
|
padding: 2px 18px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3443,7 +3443,7 @@
|
|||||||
|
|
||||||
.recipe-block-two .inner-box:hover .lower-content .post-info li a,
|
.recipe-block-two .inner-box:hover .lower-content .post-info li a,
|
||||||
.recipe-block-two .inner-box:hover .lower-content h6 a {
|
.recipe-block-two .inner-box:hover .lower-content h6 a {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
/***
|
/***
|
||||||
@ -3475,7 +3475,7 @@
|
|||||||
.fluid-section-two .outer-container {
|
.fluid-section-two .outer-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 250px;
|
min-height: 250px;
|
||||||
background-color:#f1f2f6;
|
background-color: #e0766d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fluid-section-two .image-column {
|
.fluid-section-two .image-column {
|
||||||
@ -3511,7 +3511,7 @@
|
|||||||
|
|
||||||
.fluid-section-two .content-column .inner-column {
|
.fluid-section-two .content-column .inner-column {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-width:700px;
|
max-width: 780px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: right;
|
float: right;
|
||||||
padding: 110px 60px 110px 15px;
|
padding: 110px 60px 110px 15px;
|
||||||
@ -3523,14 +3523,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fluid-section-two .content-column .title-box h2 {
|
.fluid-section-two .content-column .title-box h2 {
|
||||||
color:#27272f;
|
color: #ffffff;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
font-family: 'LillyBelle';
|
font-family: 'LillyBelle';
|
||||||
}
|
}
|
||||||
|
|
||||||
.fluid-section-two .content-column .title-box .text {
|
.fluid-section-two .content-column .title-box .text {
|
||||||
position: relative;
|
position: relative;
|
||||||
color:#5e5e5e;
|
color: #ffffff;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3673,7 +3673,7 @@
|
|||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3733,7 +3733,7 @@
|
|||||||
|
|
||||||
.recipe-block-three .inner-box:hover .lower-content .post-info li a,
|
.recipe-block-three .inner-box:hover .lower-content .post-info li a,
|
||||||
.recipe-block-three .inner-box:hover .lower-content h6 a {
|
.recipe-block-three .inner-box:hover .lower-content h6 a {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
.recipe-block-three .inner-box .lower-content .text {
|
.recipe-block-three .inner-box .lower-content .text {
|
||||||
@ -3859,7 +3859,7 @@
|
|||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3919,7 +3919,7 @@
|
|||||||
|
|
||||||
.recipe-block-four .inner-box:hover .content .post-info li a,
|
.recipe-block-four .inner-box:hover .content .post-info li a,
|
||||||
.recipe-block-four .inner-box:hover .content h6 a {
|
.recipe-block-four .inner-box:hover .content h6 a {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
/***
|
/***
|
||||||
@ -4028,7 +4028,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.instagram-block .inner-box .image-box .overlay-box .icon:hover {
|
.instagram-block .inner-box .image-box .overlay-box .icon:hover {
|
||||||
background-color:#111111;
|
background-color: #1d1d1b;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4145,7 +4145,7 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
color: #111111;
|
color: #1d1d1b;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -4214,13 +4214,23 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes ripple {
|
@-webkit-keyframes ripple {
|
||||||
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
|
70% {
|
||||||
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
|
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes ripple {
|
@keyframes ripple {
|
||||||
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
|
70% {
|
||||||
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
|
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/***
|
/***
|
||||||
@ -4358,7 +4368,7 @@
|
|||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4418,7 +4428,7 @@
|
|||||||
|
|
||||||
.news-block-two .inner-box:hover .content .post-info li a,
|
.news-block-two .inner-box:hover .content .post-info li a,
|
||||||
.news-block-two .inner-box:hover .content h6 a {
|
.news-block-two .inner-box:hover .content h6 a {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
.news-block-two .inner-box .text {
|
.news-block-two .inner-box .text {
|
||||||
@ -4503,7 +4513,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.about-news-section .about-column .social-box li a:hover {
|
.about-news-section .about-column .social-box li a:hover {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Recipe Block Five */
|
/* Recipe Block Five */
|
||||||
@ -4646,7 +4656,7 @@
|
|||||||
.recipe-block-five .inner-box .image {
|
.recipe-block-five .inner-box .image {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color:#111111;
|
background-color: #1d1d1b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.recipe-block-five .inner-box .image img {
|
.recipe-block-five .inner-box .image img {
|
||||||
@ -4875,7 +4885,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.page-breadcrumb li a:hover {
|
.page-breadcrumb li a:hover {
|
||||||
color:#111111;
|
color: #1d1d1b;
|
||||||
}
|
}
|
||||||
|
|
||||||
/***
|
/***
|
||||||
@ -4963,7 +4973,7 @@
|
|||||||
|
|
||||||
.staff-block .inner-box .image {
|
.staff-block .inner-box .image {
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color:#111111;
|
background-color: #1d1d1b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.staff-block .inner-box .image img {
|
.staff-block .inner-box .image img {
|
||||||
@ -5340,6 +5350,7 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.accrodion.block.active-block .content {
|
.accrodion.block.active-block .content {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
@ -5588,7 +5599,7 @@
|
|||||||
.frape-block .inner-box .image {
|
.frape-block .inner-box .image {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color:#111111;
|
background-color: #1d1d1b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.frape-block .inner-box .image img {
|
.frape-block .inner-box .image img {
|
||||||
@ -6002,7 +6013,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tag-list li a:hover {
|
.tag-list li a:hover {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar .social-widget .social-list {
|
.sidebar .social-widget .social-list {
|
||||||
@ -6027,7 +6038,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sidebar .social-widget .social-list li a:hover {
|
.sidebar .social-widget .social-list li a:hover {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* News Block Three */
|
/* News Block Three */
|
||||||
@ -6189,7 +6200,7 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
color: #111111;
|
color: #1d1d1b;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -6270,7 +6281,7 @@
|
|||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -6331,7 +6342,7 @@
|
|||||||
|
|
||||||
.news-block-three .inner-box:hover .lower-content .post-info li a,
|
.news-block-three .inner-box:hover .lower-content .post-info li a,
|
||||||
.news-block-three .inner-box:hover .lower-content h3 a {
|
.news-block-three .inner-box:hover .lower-content h3 a {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
.news-block-three .inner-box .lower-content .text {
|
.news-block-three .inner-box .lower-content .text {
|
||||||
@ -6417,7 +6428,7 @@
|
|||||||
.styled-pagination li a:hover,
|
.styled-pagination li a:hover,
|
||||||
.styled-pagination li a.active {
|
.styled-pagination li a.active {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
.styled-pagination li.next a {
|
.styled-pagination li.next a {
|
||||||
@ -6524,7 +6535,7 @@
|
|||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-color:#91ad41;
|
background-color: #ed7129;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -7090,7 +7101,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.banner-section-four .content-box h1 a:hover {
|
.banner-section-four .content-box h1 a:hover {
|
||||||
color:#91ad41;
|
color: #ed7129;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner-section-four .owl-nav,
|
.banner-section-four .owl-nav,
|
||||||
@ -7320,7 +7331,7 @@
|
|||||||
|
|
||||||
.menu-block-three .menu-item .price-box .price {
|
.menu-block-three .menu-item .price-box .price {
|
||||||
position: relative;
|
position: relative;
|
||||||
color:#111111;
|
color: #1d1d1b;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
padding: 2px 0px 2px 30px;
|
padding: 2px 0px 2px 30px;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
|||||||
BIN
public/assets/images/menu-card/menu-1.webp
Normal file
BIN
public/assets/images/menu-card/menu-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
BIN
public/assets/images/menu-card/menu-2.webp
Normal file
BIN
public/assets/images/menu-card/menu-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
BIN
public/assets/images/menu-card/menu-3.webp
Normal file
BIN
public/assets/images/menu-card/menu-3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 304 KiB |
BIN
public/assets/images/menu-card/menu-4.webp
Normal file
BIN
public/assets/images/menu-card/menu-4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 373 KiB |
Loading…
x
Reference in New Issue
Block a user