Categories Page
Uploaded by
dineshkdinesh25Categories Page
Uploaded by
dineshkdinesh25<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./CategoriesNeww.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Philosopher&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?
family=Inter:wght@500&family=Philosopher&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?
family=Inter:wght@300;400;500&family=Philosopher&display=swap"
rel="stylesheet"
/>
<title>Categories</title>
</head>
<body>
<!-----------------------------
Navbar----------------------------------------------------------->
<div class="navbar">
<a href="#" class="left-icon">
<img src="./images/512 (1) 1.png" alt="Left Icon" />
<div class="h-name">Felish Flowers</div>
</a>
<!-- nav
responsive------------------------------------------------------------------- -->
<div class="search-box1">
<button class="btn-search">
<img class="search-icon5" src="./images/search2icon.png" alt="" />
</button>
<input type="text" class="input-search" />
</div>
<div class="search-box">
<input type="text" placeholder="Search here" />
<img src="./images/search.png" alt="" />
</div>
<div class="right-icons">
<a href="#">
<img src="./images/uil_cart (3).png" alt="Cart" />
<div class="name">Cart</div>
</a>
<a href="#">
<img src="./images/account.png" alt="Menu" />
<div class="name">My Account</div>
</a>
</div>
</div>
<!---------------------------------Hidden hamburger mobile
Navbar----------------------------------->
<div class="hiddenNavbar">
<img id="toggleBtn" src="./images/ci_hamburger-md.png" alt="" />
</div>
<!-- -----------------------------------shown desk-top
navbar-------------------------------- -->
<header class="header">
<nav>
<ul class="menu-items">
<img src="./images/feBirthdayCake0.png" alt="Icon 1" />
<li><a href="#" class="menu-item">Birthday</a></li>
<img src="./images/mingcute_anniversary-line.png" alt="Icon 2" />
<li>
<a href="#" class="menu-item">Anniversary</a>
</li>
<img src="./images/majesticons_flower-2-line.png" alt="Icon 3" />
<li>
<a href="#" class="menu-item">Flowers</a>
<div class="mega-menu">
<div class="content">
<div class="col">
<section>
<h2 class="line">By Collection</h2>
<ul class="mega-links">
<li><a href="#">All Flowers</a></li>
<li><a href="#">Hand Bouquet</a></li>
<li><a href="#">Best Sellers</a></li>
<li><a href="#">Flower in a Vase</a></li>
<li><a href="#">Flower Boxes</a></li>
<li><a href="#">Flower in a Basket</a></li>
<li><a href="#">Luxury Collection</a></li>
</ul>
</section>
</div>
<div class="col">
<section>
<h2 class="line">By Type</h2>
<ul class="mega-links">
<li><a href="#">Roses</a></li>
<li><a href="#">Spray Roses</a></li>
<li><a href="#">Lilies</a></li>
<li><a href="#">Tulips</a></li>
<li><a href="#">Orchids</a></li>
<li><a href="#">Sunflowers</a></li>
<li><a href="#">Hydrangea</a></li>
<li><a href="#">Mix Flowers</a></li>
</ul>
</section>
</div>
<div class="col">
<section>
<h2 class="line">By Colour</h2>
<ul class="mega-links">
<li>
<a href="#"
><img
class="image-color"
src="./images/Rectangle 36 (1).png"
alt="Icon 2"
/><span class="color-name">Red Flower</span>
</a>
</li>
<li>
<a href="#"
><img
class="image-color"
src="./images/Rectangle 37.png"
alt="Icon 2"
/><span class="color-name">Pink Flower</span></a
>
</li>
<li>
<a href="#"
><img
class="image-color"
src="./images/Rectangle 38 (1).png"
alt="Icon 2"
/><span class="color-name">White Flower</span></a
>
</li>
<li>
<a href="#"
><img
class="image-color"
src="./images/Rectangle 39.png"
alt="Icon 2"
/><span class="color-name">Blue Flower</span></a
>
</li>
<li>
<a href="#"
><img
class="image-color"
src="./images/Rectangle 41.png"
alt="Icon 2"
/><span class="color-name">Purple Flower</span></a
>
</li>
<li>
<a href="#"
><img
class="image-color"
src="./images/Rectangle 42.png"
alt="Icon 2"
/><span class="color-name">Orange Flower</span></a
>
</li>
</ul>
</section>
</div>
<div class="col">
<section>
<h2 class="line">By Price</h2>
<ul class="mega-links">
<li><a href="#">AED 100 - AED 150</a></li>
<li><a href="#">AED 150 - AED 250</a></li>
<li><a href="#">AED 250 - AED 500</a></li>
<li><a href="#">AED 750 - AED 1000</a></li>
<li><a href="#">AED 1000 - AED1500</a></li>
</ul>
</section>
</div>
</div>
</div>
</li>
<img src="./images/tabler_calendar.png" alt="Icon 4" />
<li>
<a href="#" class="menu-item">Occasion</a>
<div class="mega-menu blog">
<div class="content">
<div class="col">
<section>
<h2 class="line1">Every Day Occasions</h2>
<ul class="mega-links">
<li><a href="#">Birthday</a></li>
<li><a href="#">Anniversary</a></li>
<li><a href="#">Wedding</a></li>
<li><a href="#">New Baby</a></li>
<li><a href="#">Love & Romance</a></li>
<li><a href="#">Thank You</a></li>
<li><a href="#">Get Well Soon</a></li>
<li><a href="#">Sympathy</a></li>
<li><a href="#">I Am Sorry</a></li>
</ul>
</section>
</div>
<div class="col">
<section>
<h2 class="line1">Valentine Special Day</h2>
<ul class="mega-links">
<li><a href="#">Rose Day - 7th Feb</a></li>
<li><a href="#">Proposal Day - 8th Feb</a></li>
<li><a href="#">Chocolate Day - 9th Feb</a></li>
<li><a href="#">Teddy Day - 10th Feb</a></li>
<li><a href="#">Promise Day - 11th Feb</a></li>
<li><a href="#">Hug Day - 12th Feb</a></li>
<li><a href="#">Kiss Day - 13th Feb</a></li>
<li><a href="#">Valentine’s Day - 14th Feb</a></li>
</ul>
</section>
</div>
<div class="col">
<section>
<h2 class="line1">Special Day Occasions</h2>
<ul class="mega-links">
<li><a href="#">New Year - 1st Jan</a></li>
<li><a href="#">Valentine’s Day - 14th Feb</a></li>
<li><a href="#">Women’s Day - 8th Mar</a></li>
<li><a href="#">Emirati Mother’s Day - 21st Mar</a></li>
<li><a href="#">Mother’s Day - 14th May</a></li>
<li><a href="#">Father’s Day - 18th June</a></li>
<li><a href="#">Emirati Mother’s Day - 28st Aug</a></li>
<li><a href="#">UAE National Day - 2nd Dec</a></li>
</ul>
</section>
</div>
</div>
</div>
</li>
<img src="./images/bxs_offer.png" alt="Icon 5" />
<li><a href="#" class="menu-item">Deals</a></li>
<img src="./images/ic_outline-local-offer.png" alt="Icon 6" />
<li>
<a href="#" class="menu-item">Combo’s</a>
</li>
<img src="./images/la_gifts.png" alt="Icon 7" />
<li>
<a href="#" class="menu-item">Cakes & Gifts</a>
<div class="mega-menu1-blog">
<div class="content">
<div class="col">
<section>
<h2 class="line1">Every Day Occasions</h2>
<ul class="mega-links">
<li><a href="#">Birthday</a></li>
<li><a href="#">Anniversary</a></li>
<li><a href="#">Wedding</a></li>
<li><a href="#">New Baby</a></li>
<li><a href="#">Love & Romance</a></li>
<li><a href="#">Thank You</a></li>
<li><a href="#">Get Well Soon</a></li>
<li><a href="#">Sympathy</a></li>
<li><a href="#">I Am Sorry</a></li>
</ul>
</section>
</div>
</div>
</div>
</li>
</ul>
</nav>
</header>
<!---------------------------------Hidden
Navbar----------------------------------->
<div class="navbar2" id="secondDiv">
<a href="#" class="icon1">
<div>
<img src="./images/fe_birthday-cake.png" alt="Icon 1" />
<span class="name1">Birthday</span>
</div>
</a>
<a href="#" class="icon1">
<div>
<img src="./images/mingcute_anniversary-line.png" alt="Icon 2" />
<span class="name1">Anniversary</span>
</div>
</a>
<!-------------------Flower Section---------------------------------------->
<a href="#" class="icon1">
<div>
<img src="./images/majesticons_flower-2-line.png" alt="Icon 3" />
<span class="name1">Flowers</span>
</div>
<div class="plusButtonhides" class="flowersectiondivhide">
<span class="flowersectiondivhide"
><img
id="flowersbutton"
src="./images/pepicons-pop_plus.png"
alt=""
/></span>
</div>
</a>
<div id="flowersdiv" class="flowersectiondivhide">
<div class="plusButtonhide">
<span class="firstsubtopic">
<span>
<a href="">By Collection</a>
<img
id="collectionbutton"
src="./images/pepicons-pop_plus.png"
alt=""
/></span>
</span>
<div class="subheadingsss" id="collectiondiv">
<div class="lastsubtopics"><a href="">All Flowers</a></div>
<div class="lastsubtopics"><a href="">Hand Bouquet</a></div>
<div class="lastsubtopics"><a href="">Best Sellers</a></div>
<div class="lastsubtopics"><a href="">Flower in a Vase</a></div>
<div class="lastsubtopics"><a href="">Flower Boxes</a></div>
<div class="lastsubtopics"><a href="">Flower in a Basket</a></div>
<div class="lastsubtopics"><a href="">Luxury Collection</a></div>
</div>
</div>
<div class="plusButtonhide">
<span class="firstsubtopic">
<span>
<a href="">By Type</a>
<img id="typebutton" src="./images/pepicons-pop_plus.png" alt=""
/></span>
</span>
<div class="subheadingsss" id="typediv">
<div class="lastsubtopics"><a href="">Roses</a></div>
<div class="lastsubtopics"><a href="">Spray Roses</a></div>
<div class="lastsubtopics"><a href="">Lilies</a></div>
<div class="lastsubtopics"><a href="">Tulips</a></div>
<div class="lastsubtopics"><a href="">Sunflowers</a></div>
<div class="lastsubtopics"><a href="">Orchids</a></div>
<div class="lastsubtopics"><a href="">Hydrangea</a></div>
<div class="lastsubtopics"><a href="">Mix Flowers</a></div>
</div>
</div>
<div class="plusButtonhide">
<span class="firstsubtopic">
<span>
<a href="">By Colour</a>
<img
id="colourbutton"
src="./images/pepicons-pop_plus.png"
alt=""
/></span>
</span>
<div class="subheadingsss" id="colourdiv">
<div class="lastsubtopics"><a href="">Red Flower</a></div>
<div class="lastsubtopics"><a href="">Pink Flower</a></div>
<div class="lastsubtopics"><a href="">White Flower</a></div>
<div class="lastsubtopics"><a href="">Blue Flower</a></div>
<div class="lastsubtopics"><a href="">Purple Flower</a></div>
<div class="lastsubtopics"><a href="">Orange Flower</a></div>
</div>
</div>
<div class="plusButtonhide">
<span class="firstsubtopic">
<span>
<a href="">By Price</a>
<img
id="pricebutton"
src="./LandingPage Images/pepicons-pop_plus.png"
alt=""
/></span>
</span>
<div class="subheadingsss" id="pricediv">
<div class="lastsubtopics"><a href="">AED 100 - AED 150</a></div>
<div class="lastsubtopics"><a href="">AED 150 - AED 250</a></div>
<div class="lastsubtopics"><a href="">AED 250 - AED 500</a></div>
<div class="lastsubtopics"><a href="">AED 750 - AED 1000</a></div>
<div class="lastsubtopics"><a href="">AED 1000 - AED1500</a></div>
</div>
</div>
</div>
<!-- <div class="plusButtonhide">
<span>By Collection</span>
</div>
<div class="plusButtonhide">
<span>By Collection</span>
</div> -->
<!-------------------Flower Section---------------------------------------->
<!-------------------Occasion Section----------------------------------------
>
<a href="#" class="icon1">
<div>
<img src="./images/tabler_calendar.png" alt="Icon 3" />
<span class="name1">Occasion</span>
</div>
<div class="plusButtonhides" class="ocassionsectiondivhide">
<span class="ocassionsectiondivhide"
><img
id="Occasionbutton"
src="./LandingPage Images/pepicons-pop_plus.png"
alt=""
/></span>
</div>
</a>
<div id="Occasiondiv" class="ocassionsectiondivhide">
<div class="plusButtonhide">
<span class="firstsubtopic">
<span>
<a href="">Every Day Occasions</a>
<img
id="ocassioneverydaybutton"
src="./LandingPage Images/pepicons-pop_plus.png"
alt=""
/></span>
</span>
<div class="subheadingsss" id="ocassioneverydaydiv">
<div class="lastsubtopics"><a href="">Birthday</a></div>
<div class="lastsubtopics"><a href="">Anniversary</a></div>
<div class="lastsubtopics"><a href="">Wedding</a></div>
<div class="lastsubtopics"><a href="">New Baby</a></div>
<div class="lastsubtopics"><a href="">Love & Romance</a></div>
<div class="lastsubtopics"><a href="">Thank You</a></div>
<div class="lastsubtopics"><a href="">Get Well Soon</a></div>
<div class="lastsubtopics"><a href="">Sympathy</a></div>
<div class="lastsubtopics"><a href="">I Am Sorry</a></div>
</div>
</div>
<div class="plusButtonhide">
<span class="firstsubtopic">
<span>
<a href="">Valentine Special Day</a>
<img
id="ocassiondaybutton"
src="./LandingPage Images/pepicons-pop_plus.png"
alt=""
/></span>
</span>
<div class="subheadingsss" id="ocassiondaydiv">
<div class="lastsubtopics"><a href="">Rose Day - 7th Feb</a></div>
<div class="lastsubtopics">
<a href="">Proposal Day - 8th Feb</a>
</div>
<div class="lastsubtopics">
<a href="">Chocolate Day - 9th Feb</a>
</div>
<div class="lastsubtopics"><a href="">Teddy Day - 10th Feb</a></div>
<div class="lastsubtopics">
<a href="">Promise Day - 11th Feb</a>
</div>
<div class="lastsubtopics"><a href="">Hug Day - 12th Feb</a></div>
<div class="lastsubtopics"><a href="">Kiss Day - 13th Feb</a></div>
<div class="lastsubtopics">
<a href="">Valentine’s Day - 14th Feb</a>
</div>
</div>
</div>
<div class="plusButtonhide">
<span class="firstsubtopic">
<span>
<a href="">Special Day Occasions</a>
<img
id="dayoccasionbutton"
src="./LandingPage Images/pepicons-pop_plus.png"
alt=""
/></span>
</span>
<div class="subheadingsss" id="dayoccasiondiv">
<div class="lastsubtopics"><a href="">New Year - 1st Jan</a></div>
<div class="lastsubtopics">
<a href="">Valentine’s Day - 14th Feb</a>
</div>
<div class="lastsubtopics">
<a href="">Women’s Day - 8th Mar</a>
</div>
<div class="lastsubtopics">
<a href="">Emirati Mother’s Day - 21st Mar</a>
</div>
<div class="lastsubtopics">
<a href="">Mother’s Day - 14th May</a>
</div>
<div class="lastsubtopics">
<a href="">Father’s Day - 18th June</a>
</div>
<div class="lastsubtopics">
<a href="">Emirati Mother’s Day - 28st Aug</a>
</div>
<div class="lastsubtopics">
<a href="">UAE National Day - 2nd Dec</a>
</div>
</div>
</div>
</div>
<!-- <div class="plusButtonhide">
<span>By Collection</span>
</div>
<div class="plusButtonhide">
<span>By Collection</span>
</div> -->
<!-------------------Occasion Section----------------------------------------
>
<a href="#" class="icon1">
<div>
<img src="./images/bxs_offer.png" alt="Icon 5" />
<span class="name1">Deals</span>
</div>
</a>
<a href="#" class="icon1">
<div>
<img src="./images/ic_outline-local-offer.png" alt="Icon 6" />
<span class="name1">Combo’s</span>
</div>
</a>
<!-------------------Cakes and Gifts---------------------------------------->
<a href="#" class="icon1">
<div>
<img src="./images/la_gifts.png" alt="Icon 3" />
<span class="name1">Cakes & Gifts</span>
</div>
<div class="plusButtonhides" class="cakesectiondivhide">
<span class="cakesectiondivhide"
><img
class="cakesectiondivhide"
id="cakesandgiftsectionbutton"
src="./images/pepicons-pop_plus.png"
alt=""
/></span>
</div>
</a>
<div id="cakesandgiftsectiondiv" class="cakesectiondivhide">
<div class="plusButtonhide">
<span class="firstsubtopic">
<span>
<a href="">Every Day Occasions</a>
<img
id="cakesgiftdaybutton"
src="./LandingPage Images/pepicons-pop_plus.png"
alt=""
/></span>
</span>
<div class="subheadingsss" id="cakesgiftdaydiv">
<div class="lastsubtopics"><a href="">Cakes</a></div>
<div class="lastsubtopics"><a href="">Chocolates</a></div>
<div class="lastsubtopics"><a href="">Balloons</a></div>
<div class="lastsubtopics"><a href="">Teddy Bears</a></div>
<div class="lastsubtopics"><a href="">Plants</a></div>
<div class="lastsubtopics"><a href="">Gift Hampers</a></div>
</div>
</div>
</div>
<!-- <div class="plusButtonhide">
<span>By Collection</span>
</div>
<div class="plusButtonhide">
<span>By Collection</span>
</div> -->
<!-------------------Occasion Section----------------------------------------
>
</div>
<!-----------------------------
Navbar----------------------------------------------------------->
<!---------------------------Navbar Section----------------------------------->
<!------------------------------
Aniversary----------------------------------------->
<div class="aniversarysection">
<div class="anniversarytext">Anniversary</div>
<div class="buttonsection">
<a style="text-decoration: none" href="">
<button class="buttonflex">
Sort <img src="./images/gg_sort-az.png" alt="" /></button
></a>
</div>
</div>
<!----------------------------------Aniversary
-------------------------------------------->
<!-----------------------------------Card
Sectionn------------------------------------------------------>
<div class="section1">
<!--------------------Card
Section------------------------------------------------->
<div class="Ribbonimagepostion">
<div class="cardsection">
<div>
<!-- <img class="rectangeleimages" src="./images/Rectangle 15.png"
alt="" /> -->
<div class="flowerimage">
<a href="#" class="banner_img">
<img src="./images/Rectangle 15.png" alt="" />
<button id="buybutton" class="hover_text">BUY NOW</button>
</a>
</div>
<div class="aboutflowers">
<div class="flowername">Bouquets of Pink Tulip</div>
<div class="price">AED : 265.00</div>
<div class="rating">
<span class="ratingscore">4.5</span> <img
src="./images/ic_baseline-star.png"
alt=""
/> (10 Reviews)
</div>
</div>
</div>
</div>
<div class="Ribbonabsolute">
<img
src="./images/Group 149.png"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
<!--------------------Card
Section------------------------------------------------->
<!--------------------Card
Section------------------------------------------------->
<div class="Ribbonimagepostion">
<div class="cardsection">
<div>
<!-- <img class="rectangeleimages" src="./images/Rectangle 15.png"
alt="" /> -->
<div class="flowerimage">
<a href="#" class="banner_img">
<img src="./images/Rectangle 15.png" alt="" />
<button id="buybutton" class="hover_text">BUY NOW</button>
</a>
</div>
<div class="aboutflowers">
<div class="flowername">Bouquets of Pink Tulip</div>
<div class="price">AED : 265.00</div>
<div class="rating">
<span class="ratingscore">4.5</span> <img
src="./images/ic_baseline-star.png"
alt=""
/> (10 Reviews)
</div>
</div>
</div>
</div>
<div class="Ribbonabsolute">
<img
src="./images/Group 149.png"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
<!--------------------Card
Section------------------------------------------------->
<!--------------------Card
Section------------------------------------------------->
<div class="Ribbonimagepostion">
<div class="cardsection">
<div>
<!-- <img class="rectangeleimages" src="./images/Rectangle 15.png"
alt="" /> -->
<div class="flowerimage">
<a href="#" class="banner_img">
<img src="./images/Rectangle 15.png" alt="" />
<button id="buybutton" class="hover_text">BUY NOW</button>
</a>
</div>
<div class="aboutflowers">
<div class="flowername">Bouquets of Pink Tulip</div>
<div class="price">AED : 265.00</div>
<div class="rating">
<span class="ratingscore">4.5</span> <img
src="./images/ic_baseline-star.png"
alt=""
/> (10 Reviews)
</div>
</div>
</div>
</div>
<div class="Ribbonabsolute">
<img
src="./images/Group 149.png"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
<!--------------------Card
Section------------------------------------------------->
<!--------------------Card
Section------------------------------------------------->
<div class="Ribbonimagepostion">
<div class="cardsection">
<div>
<!-- <img class="rectangeleimages" src="./images/Rectangle 15.png"
alt="" /> -->
<div class="flowerimage">
<a href="#" class="banner_img">
<img src="./images/Rectangle 15.png" alt="" />
<button id="buybutton" class="hover_text">BUY NOW</button>
</a>
</div>
<div class="aboutflowers">
<div class="flowername">Bouquets of Pink Tulip</div>
<div class="price">AED : 265.00</div>
<div class="rating">
<span class="ratingscore">4.5</span> <img
src="./images/ic_baseline-star.png"
alt=""
/> (10 Reviews)
</div>
</div>
</div>
</div>
<div class="Ribbonabsolute">
<img
src="./images/Group 149.png"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
<!--------------------Card
Section------------------------------------------------->
<!--------------------Card
Section------------------------------------------------->
<div class="Ribbonimagepostion">
<div class="cardsection">
<div>
<!-- <img class="rectangeleimages" src="./images/Rectangle 15.png"
alt="" /> -->
<div class="flowerimage">
<a href="#" class="banner_img">
<img src="./images/Rectangle 15.png" alt="" />
<button id="buybutton" class="hover_text">BUY NOW</button>
</a>
</div>
<div class="aboutflowers">
<div class="flowername">Bouquets of Pink Tulip</div>
<div class="price">AED : 265.00</div>
<div class="rating">
<span class="ratingscore">4.5</span> <img
src="./images/ic_baseline-star.png"
alt=""
/> (10 Reviews)
</div>
</div>
</div>
</div>
<div class="Ribbonabsolute">
<img
src="./images/Group 149.png"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
<!--------------------Card
Section------------------------------------------------->
<!--------------------Card
Section------------------------------------------------->
<div class="Ribbonimagepostion">
<div class="cardsection">
<div>
<!-- <img class="rectangeleimages" src="./images/Rectangle 15.png"
alt="" /> -->
<div class="flowerimage">
<a href="#" class="banner_img">
<img src="./images/Rectangle 15.png" alt="" />
<button id="buybutton" class="hover_text">BUY NOW</button>
</a>
</div>
<div class="aboutflowers">
<div class="flowername">Bouquets of Pink Tulip</div>
<div class="price">AED : 265.00</div>
<div class="rating">
<span class="ratingscore">4.5</span> <img
src="./images/ic_baseline-star.png"
alt=""
/> (10 Reviews)
</div>
</div>
</div>
</div>
<div class="Ribbonabsolute">
<img
src="./images/Group 149.png"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
<!--------------------Card
Section------------------------------------------------->
<!--------------------Card
Section------------------------------------------------->
<div class="Ribbonimagepostion">
<div class="cardsection">
<div>
<!-- <img class="rectangeleimages" src="./images/Rectangle 15.png"
alt="" /> -->
<div class="flowerimage">
<a href="#" class="banner_img">
<img src="./images/Rectangle 15.png" alt="" />
<button id="buybutton" class="hover_text">BUY NOW</button>
</a>
</div>
<div class="aboutflowers">
<div class="flowername">Bouquets of Pink Tulip</div>
<div class="price">AED : 265.00</div>
<div class="rating">
<span class="ratingscore">4.5</span> <img
src="./images/ic_baseline-star.png"
alt=""
/> (10 Reviews)
</div>
</div>
</div>
</div>
<div class="Ribbonabsolute">
<img
src="./images/Group 149.png"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
<!--------------------Card
Section------------------------------------------------->
<!--------------------Card
Section------------------------------------------------->
<div class="Ribbonimagepostion">
<div class="cardsection">
<div>
<!-- <img class="rectangeleimages" src="./images/Rectangle 15.png"
alt="" /> -->
<div class="flowerimage">
<a href="#" class="banner_img">
<img src="./images/Rectangle 15.png" alt="" />
<button id="buybutton" class="hover_text">BUY NOW</button>
</a>
</div>
<div class="aboutflowers">
<div class="flowername">Bouquets of Pink Tulip</div>
<div class="price">AED : 265.00</div>
<div class="rating">
<span class="ratingscore">4.5</span> <img
src="./images/ic_baseline-star.png"
alt=""
/> (10 Reviews)
</div>
</div>
</div>
</div>
<div class="Ribbonabsolute">
<img
src="./images/Group 149.png"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
<!--------------------Card
Section------------------------------------------------->
</div>
<!-----------------------------------Card
Sectionn------------------------------------------------------>
<script>
document.getElementById("toggleBtn").onclick = function () {
var secondDiv = document.getElementById("secondDiv");
if (secondDiv.style.display === "block") {
secondDiv.style.display = "none";
} else {
secondDiv.style.display = "block";
}
};
</script>
<!---------------------------Navbar Section----------------------------------->
<script>
document.getElementById("collectionbutton").onclick = function () {
var collectiondiv = document.getElementById("collectiondiv");
if (collectiondiv.style.display === "block") {
collectiondiv.style.display = "none";
} else {
collectiondiv.style.display = "block";
}
};
</script>
<script>
document.getElementById("typebutton").onclick = function () {
var typediv = document.getElementById("typediv");
if (typediv.style.display === "block") {
typediv.style.display = "none";
} else {
typediv.style.display = "block";
}
};
</script>
<script>
document.getElementById("pricebutton").onclick = function () {
var pricediv = document.getElementById("pricediv");
if (pricediv.style.display === "block") {
pricediv.style.display = "none";
} else {
pricediv.style.display = "block";
}
};
</script>
<script>
document.getElementById("flowersbutton").onclick = function () {
var flowersdiv = document.getElementById("flowersdiv");
if (flowersdiv.style.display === "block") {
flowersdiv.style.display = "none";
} else {
flowersdiv.style.display = "block";
}
};
</script>
<script>
document.getElementById("colourbutton").onclick = function () {
var colourdiv = document.getElementById("colourdiv");
if (colourdiv.style.display === "block") {
colourdiv.style.display = "none";
} else {
colourdiv.style.display = "block";
}
};
</script>
<!-------------------------------------------
Occasion-------------------------------------------------------->
<script>
document.getElementById("Occasionbutton").onclick = function () {
var Occasion = document.getElementById("Occasiondiv");
if (Occasion.style.display === "block") {
Occasiondiv.style.display = "none";
} else {
Occasiondiv.style.display = "block";
}
};
</script>
<script>
document.getElementById("dayoccasionbutton").onclick = function () {
var dayoccasiondiv = document.getElementById("dayoccasiondiv");
if (dayoccasiondiv.style.display === "block") {
dayoccasiondiv.style.display = "none";
} else {
dayoccasiondiv.style.display = "block";
}
};
</script>
<script>
document.getElementById("ocassiondaybutton").onclick = function () {
var ocassiondaydiv = document.getElementById("ocassiondaydiv");
if (ocassiondaydiv.style.display === "block") {
ocassiondaydiv.style.display = "none";
} else {
ocassiondaydiv.style.display = "block";
}
};
</script>
<script>
document.getElementById("ocassioneverydaybutton").onclick = function () {
var ocassioneverydaydiv = document.getElementById(
"ocassioneverydaydiv"
);
if (ocassioneverydaydiv.style.display === "block") {
ocassioneverydaydiv.style.display = "none";
} else {
ocassioneverydaydiv.style.display = "block";
}
};
</script>
<!-----------------------------------------------
Occasion------------------------------------------>
<!---------------------------------
cakesgiftdaydiv---------------------------------------->
<script>
document.getElementById("cakesgiftdaybutton").onclick = function () {
var cakesgiftdaydiv = document.getElementById("cakesgiftdaydiv");
if (cakesgiftdaydiv.style.display === "block") {
cakesgiftdaydiv.style.display = "none";
} else {
cakesgiftdaydiv.style.display = "block";
}
};
</script>
<script>
document.getElementById("cakesandgiftsectionbutton").onclick =
function () {
var cakesandgiftsectiondiv = document.getElementById(
"cakesandgiftsectiondiv"
);
if (cakesandgiftsectiondiv.style.display === "block") {
cakesandgiftsectiondiv.style.display = "none";
} else {
cakesandgiftsectiondiv.style.display = "block";
}
};
</script>
</body>
</html>
You might also like
- Produtos Informática - Product Description Schedule V32 - FINAL 02012019 PDFNo ratings yetProdutos Informática - Product Description Schedule V32 - FINAL 02012019 PDF114 pages
- #Brand-Name (Padding:0px Margin:0 Font-Family:sen-Serif Float:left Margin-Left:20 ) Nav (Width:100 Height:100No ratings yet#Brand-Name (Padding:0px Margin:0 Font-Family:sen-Serif Float:left Margin-Left:20 ) Nav (Width:100 Height:10032 pages
- Web Development Internship: Learnovate EcommerceNo ratings yetWeb Development Internship: Learnovate Ecommerce22 pages
- Dark Nights Death Metal (Reading Order) Series by Scott SnyderNo ratings yetDark Nights Death Metal (Reading Order) Series by Scott Snyder1 page
- Spirituality and Sexuality Within Marriage: A Bond Designed and Created by God!From EverandSpirituality and Sexuality Within Marriage: A Bond Designed and Created by God!No ratings yet
- Schneider Electric Modicon M221 Nano PLC TM221C16RNo ratings yetSchneider Electric Modicon M221 Nano PLC TM221C16R18 pages
- Four Best Uncensored AI Art Generators - Nazmul Rumi PDFNo ratings yetFour Best Uncensored AI Art Generators - Nazmul Rumi PDF16 pages
- Greek Myths - Daedalus and Icarus (King Midas) (Younger - Mccaughrean, Gerladine, Tony Ross - Orchard Myths, London, 1997 - The Watts Publishing - 9781860394393 - Anna's ANo ratings yetGreek Myths - Daedalus and Icarus (King Midas) (Younger - Mccaughrean, Gerladine, Tony Ross - Orchard Myths, London, 1997 - The Watts Publishing - 9781860394393 - Anna's A56 pages
- Singidunum - Viminacium - Felix Romuliana - Naissus - SingidNo ratings yetSingidunum - Viminacium - Felix Romuliana - Naissus - Singid7 pages
- Deconstructing Conflict: Understanding Family Business, Shared Wealth and PowerFrom EverandDeconstructing Conflict: Understanding Family Business, Shared Wealth and Power1/5 (3)
- Dairy Free Diet: The Dairy Free Cookbook Reference for Dairy Free RecipesFrom EverandDairy Free Diet: The Dairy Free Cookbook Reference for Dairy Free RecipesNo ratings yet
- Electronic Cigarettes: All you need to know about E-Cigarettes and if you should switchFrom EverandElectronic Cigarettes: All you need to know about E-Cigarettes and if you should switchNo ratings yet
- Masters Among Us: An Exploration of Supernal Encounters and Miraculous PhenomenaFrom EverandMasters Among Us: An Exploration of Supernal Encounters and Miraculous PhenomenaNo ratings yet
- Staubs and Ditchwater: A Friendly and Useful Introduction to Hillfolks' HoodooFrom EverandStaubs and Ditchwater: A Friendly and Useful Introduction to Hillfolks' Hoodoo3/5 (5)
- The Unwritten Chapters-A Story of Friendship and Unexpected LoveNo ratings yetThe Unwritten Chapters-A Story of Friendship and Unexpected Love17 pages
- Summary of Pinterest: Electronic CommerceNo ratings yetSummary of Pinterest: Electronic Commerce3 pages
- (Ebook) The Philosophy of Spike Lee by Mark T. Conard ISBN 9780813133805, 0813133807 PDF Download100% (9)(Ebook) The Philosophy of Spike Lee by Mark T. Conard ISBN 9780813133805, 0813133807 PDF Download57 pages
- Why You Should Use TTM PCB For Your PCB ProjectsNo ratings yetWhy You Should Use TTM PCB For Your PCB Projects5 pages
- Lesson 2 Types of Network Cable and Network ArchitectureNo ratings yetLesson 2 Types of Network Cable and Network Architecture16 pages
- Build - Team - 3 Hero Spiritway - PvXwiki, The Guild Wars Wiki For Character BuildsNo ratings yetBuild - Team - 3 Hero Spiritway - PvXwiki, The Guild Wars Wiki For Character Builds6 pages
