It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://winewhiskyworld.com

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <!-- <title>winewhiskyworld</title> -->
  9. <title>WineWhiskyWorld: Premier Destination for Wine, Beer, Spirits &amp; Liqueurs</title>
  10. <meta name="description" content="Discover Wine Whisky World - Hub of wine, whisky, beer, and spirits. From expert cocktail recipes to bar setup tips and industry insights, we bring you everything to sip, savour, and celebrate in style.">
  11. <link rel="icon" href="https://winewhiskyworld.com/images/favicon/favicon.jpg">
  12. <link href="https://fonts.googleapis.com/css2?family=Elsie&display=swap" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css2?family=Elsie&family=Lexend:wght@400;500&display=swap" rel="stylesheet">
  14. <link rel="stylesheet" href="https://winewhiskyworld.com/public/newtheme/assets/css/all.min.css">
  15. <link rel="stylesheet" href="https://winewhiskyworld.com/public/newtheme/assets/css/slick.css">
  16. <link rel="stylesheet" href="https://winewhiskyworld.com/public/newtheme/assets/css/bootstrap.min.css">
  17. <link rel="stylesheet" href="https://winewhiskyworld.com/public/newtheme/assets/css/aos.css">
  18. <link rel="stylesheet" href="https://winewhiskyworld.com/public/newtheme/assets/css/animate.css">
  19. <link rel="stylesheet" href="https://winewhiskyworld.com/public/newtheme/assets/css/animate.css">
  20. <link rel="stylesheet" href="https://winewhiskyworld.com/public/newtheme/assets/css/style.css">
  21. <link rel="stylesheet" href="https://winewhiskyworld.com/public/newtheme/assets/css/media-query.css">
  22. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  23.  
  24. <style>
  25. * {
  26. font-family: "Lusitana";
  27. ;
  28. }
  29. </style>
  30. </head>
  31.  
  32. <body>
  33. <div class="site_content">
  34.  
  35. <!-- Header Section Start -->
  36. <header id="header-homepage1" class="menupage1-header">
  37. <div class="header-full-section">
  38. <div class="header-logo">
  39. <a href="/">
  40. <img src="https://winewhiskyworld.com/public/newtheme/assets/images/home_own/www_logo.png" height="80%" width="80%" alt="header-logo" class="homepage1-logo">
  41. </a>
  42. </div>
  43. <div class="header-menu-wrap">
  44. <div class="header-nav-wrap">
  45. <nav class="navbar navbar-expand-xl p-0">
  46. <div class="navbar-collapse" id="navbarSupportedContent">
  47. <div class="navbar-nav mx-auto align-items-center">
  48. <ul class="nav-left p-0">
  49.  
  50. <li class="nav-item">
  51. <a class="nav-link" href="/">HOME</a>
  52. </li>
  53. <li class="nav-item dropdown">
  54. <a class="nav-link dropdown-toggle " href="javascript:void(0);">
  55. SPIRITS
  56. </a>
  57. <ul class="dropdown-menu blog-menu-sub">
  58.  
  59.  
  60. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/whisky">Whisky</a></li>
  61. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/bourbon">Bourbon</a></li>
  62. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/brandy">Brandy</a></li>
  63. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/gin">Gin</a></li>
  64. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/liqueur">Liqueur</a></li>
  65. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/rum">Rum</a></li>
  66. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/scotch">Scotch</a></li>
  67. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/tequila-mezcal-tales">Tequil &amp; Mezcal</a></li>
  68. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/vodka">Vodka</a></li>
  69. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/cocktail-recipes">Cocktail Recipes</a></li>
  70. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/more-spirits">More Spirits</a></li>
  71. </ul>
  72. </li>
  73. <li class="nav-item dropdown">
  74. <a class="nav-link dropdown-toggle " href="javascript:void(0);">
  75. BEER & WINE
  76. </a>
  77. <ul class="dropdown-menu blog-menu-sub">
  78.  
  79.  
  80. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/beer">Beer</a></li>
  81. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/wine">Wine</a></li>
  82. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/vermouth">Vermouth</a></li>
  83.  
  84. </ul>
  85. </li>
  86. <li class="nav-item dropdown">
  87. <a class="nav-link dropdown-toggle " href="javascript:void(0);">
  88. THE BASICS
  89. </a>
  90. <ul class="dropdown-menu blog-menu-sub">
  91. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/bottles">Bottles</a></li>
  92. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/bar-tools">Bar Tools</a></li>
  93. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/tips-and-tricks">Tips & Tricks</a></li>
  94. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/history-trends">History & Trends</a></li>
  95. </ul>
  96. </li>
  97. <li class="nav-item dropdown">
  98. <a class="nav-link dropdown-toggle " href="javascript:void(0);">
  99. NEWS
  100. </a>
  101. <ul class="dropdown-menu blog-menu-sub">
  102. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/liquor-awards">Liquor Awards</a></li>
  103. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/industry-news">Industry News</a></li>
  104. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/trend">Trend</a></li>
  105. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/deals">Deals</a></li>
  106. </ul>
  107. </li>
  108. <li class="nav-item">
  109. <a class="nav-link" href="/about-us">ABOUT</a>
  110. </li>
  111.  
  112. <li class="nav-item search-item" style="margin-left: 15px;">
  113. <form action="https://winewhiskyworld.com/blog/search1" method="get" class="header-search-form" style="position: relative;">
  114. <input type="text" name="query" placeholder="Search..."
  115. style="padding: 6px 30px 6px 10px; border-radius: 20px; border: 1px solid #ccc; font-size: 14px;">
  116. <button type="submit"
  117. style="position: absolute; right: 5px; top: 50%; transform: translateY(-50%); border: none; background: none; cursor: pointer;">
  118. <i class="fa fa-search" style="color: #555;"></i>
  119. </button>
  120. </form>
  121. </li>
  122.  
  123. </ul>
  124.  
  125. </div>
  126. </div>
  127. </nav>
  128. </div>
  129. </div>
  130. <div class="mobile-menu-wrap d-lg-none d-block">
  131. <div class="mb-header-left">
  132. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedmobile" aria-controls="navbarSupportedmobile" aria-expanded="false" aria-label="Toggle navigation">
  133. <span class="navbar-toggler-icon"><i class="fa-solid fa-bars"></i></span>
  134. </button>
  135. <div class="collapse navbar-collapse" id="navbarSupportedmobile">
  136. <span class="close-menu"><i class="fa-regular fa-xmark"></i></span>
  137. <nav id='cssmenu'>
  138. <ul class="open-detail-menu">
  139. <li><a href='/'>HOME</a>
  140. </li>
  141. <li><a href='javascript:void(0);'>SPIRITS</a>
  142. <ul class="sub-back-wrap">
  143. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/whisky">Whisky</a></li>
  144. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/bourbon">Bourbon</a></li>
  145. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/brandy">Brandy</a></li>
  146. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/gin">Gin</a></li>
  147. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/liqueur">Liqueur</a></li>
  148. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/rum">Rum</a></li>
  149. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/scotch">Scotch</a></li>
  150. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/tequila-mezcal-tales">Tequil &amp; Mezcal</a></li>
  151. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/vodka">Vodka</a></li>
  152. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/cocktail-recipes">Cocktail Recipes</a></li>
  153. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/more-spirits">More Spirits</a></li>
  154. </ul>
  155. </li>
  156. <li><a href='javascript:void(0);'>BEER &amp; WINE</a>
  157. <ul class="sub-back-wrap">
  158. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/beer">Beer</a></li>
  159. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/wine">Wine</a></li>
  160. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/vermouth">Vermouth</a></li>
  161. </ul>
  162. </li>
  163. <li><a href='javascript:void(0);'>THE BASICS</a>
  164. <ul class="sub-back-wrap">
  165. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/bottles">Bottles</a></li>
  166. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/bar-tools">Bar Tools</a></li>
  167. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/tips-and-tricks">Tips & Tricks</a></li>
  168. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/history-trends">History & Trends</a></li>
  169. </ul>
  170. </li>
  171. <li><a href='javascript:void(0);'>NEWS</a>
  172. <ul class="sub-back-wrap">
  173. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/liquor-awards">Liquor Awards</a></li>
  174. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/industry-news">Industry News</a></li>
  175. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/trend">Trend</a></li>
  176. <li class="has-sub-main"><a class="dropdown-item" href="https://winewhiskyworld.com/category/deals">Deals</a></li>
  177. </ul>
  178. </li>
  179. <li><a href='/about-us'>ABOUT</a>
  180. </li>
  181.  
  182. </ul>
  183. </nav>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="header-cart-sec">
  188. <div class="mobile-menu-icon">
  189. <a data-bs-toggle="collapse" href="#navbarSupportedmobile" role="button">
  190. <i class="fa-solid fa-bars"></i>
  191. </a>
  192. </div>
  193. <!-- <div class="header-cart-sec-first">
  194. <a href="cart-view.html" class="cart-badge">
  195. <img src="https://winewhiskyworld.com/public/newtheme/assets/images/Homepage1/cart-icon.svg" alt="cart-icon">
  196. <div class="cart-no">0</div>
  197. </a>
  198. </div> -->
  199. </div>
  200. </div>
  201. </header>
  202. <!-- Header Section End --><style>
  203.    /* General Styling & Variables */
  204.    :root {
  205.        --dark-blue: #0A1C3C;
  206.        /* Original dark blue from example */
  207.        --light-gray: #F5F5F5;
  208.        --text-color: #FFFFFF;
  209.        --border-color: #556B8D;
  210.        /* Original border color */
  211.        --font-sans: 'Montserrat', sans-serif;
  212.        /* Example font, link in header if external */
  213.    }
  214.  
  215.    /* Override some variables for the new color scheme */
  216.    .drink-content-section {
  217.        background-color: #042D29;
  218.        /* Dark green/teal */
  219.        color: #B78C56;
  220.        /* Light golden/orange for text */
  221.    }
  222.  
  223.    .drink-content-section {
  224.        /* Text color */
  225.        /* color: #F5F5F5; */
  226.  
  227.        /* Background image */
  228.        /* background-image: url('https://winewhiskyworld.com/public/newtheme/assets/images/home_own/ripples-water.jpg'); Replace with your image path */
  229.        /* background-size: cover;       Makes sure the image covers the whole section */
  230.        /* background-position: center;  Centers the image */
  231.        /* background-repeat: no-repeat; Prevents the image from repeating */
  232.    }
  233.  
  234.  
  235.    .container {
  236.        max-width: 1200px;
  237.        margin: 0 auto;
  238.        padding: 2rem;
  239.    }
  240.  
  241.    /* Header Section (Adjusted for new colors) */
  242.    .logo-bar {
  243.        display: flex;
  244.        justify-content: center;
  245.        align-items: center;
  246.        padding: 2rem 0;
  247.        text-align: center;
  248.        color: #B78C56;
  249.        /* Match new text color */
  250.    }
  251.  
  252.    .logo-bar p {
  253.        font-size: 0.8rem;
  254.        margin-left: 1rem;
  255.    }
  256.  
  257.    /* Main Grid Layout */
  258.    .content-grid {
  259.        display: grid;
  260.        grid-template-columns: 1fr 1fr;
  261.        /* Two equal columns */
  262.        gap: 1.5rem;
  263.        /* The dotted line will be on the featured-article itself */
  264.    }
  265.  
  266.    /* Left Card: Featured Article */
  267.    .featured-article {
  268.        display: flex;
  269.        flex-direction: column;
  270.        background-color: transparent;
  271.        /* Background set by section */
  272.        border-right: 2px dotted #B78C56;
  273.        /* Vertical dotted line */
  274.        padding-right: 1.5rem;
  275.        /* Space between content and line */
  276.    }
  277.  
  278.    .featured-article .image-container {
  279.        /* No specific background, let image fill */
  280.        position: relative;
  281.  
  282.        display: flex;
  283.        /* Helps align image */
  284.        align-items: center;
  285.        /* Center image vertically if needed */
  286.        justify-content: center;
  287.        /* Center image horizontally if needed */
  288.        margin-bottom: 2.5rem;
  289.        /* Space between image and text */
  290.        background-color: #F5F5F5;
  291.        padding: 12px;
  292.    }
  293.  
  294.    .featured-article .main-single-image {
  295.        /* New class for the single large image */
  296.        width: 100%;
  297.        height: auto;
  298.        /* Adjust height based on content */
  299.        max-height: 400px;
  300.        /* Example max-height to control overall card height */
  301.        object-fit: cover;
  302.        /* Ensures image covers area without distortion */
  303.        display: block;
  304.    }
  305.  
  306.    .featured-article .text-content {
  307.        padding: 0;
  308.        /* Remove top/bottom padding here, already on image container */
  309.    }
  310.  
  311.    .featured-article .category {
  312.        font-size: 0.8rem;
  313.        text-transform: uppercase;
  314.        color: #B78C56;
  315.        /* Use new text color */
  316.    }
  317.  
  318.    .featured-article .title {
  319.        font-size: 2.5rem;
  320.        font-weight: bold;
  321.        line-height: 1.2;
  322.        margin-top: 0.5rem;
  323.        color: #B78C56;
  324.        /* Use new text color */
  325.    }
  326.  
  327.    /* Right Side: Grid of Small Cards */
  328.    .right-column-grid {
  329.        display: grid;
  330.        grid-template-columns: 1fr 1fr;
  331.        /* Two columns for the right side */
  332.        grid-template-rows: repeat(2, minmax(150px, auto));
  333.        /* Flexible rows for content */
  334.        gap: 1.5rem;
  335.        padding-left: 1.5rem;
  336.        /* Space between dotted line and content */
  337.    }
  338.  
  339.    .small-card {
  340.        background-color: transparent;
  341.        /* Keep background transparent */
  342.        position: relative;
  343.        /* Padding handled by inner elements */
  344.    }
  345.  
  346.    .small-card:nth-child(1),
  347.    .small-card:nth-child(2) {
  348.        /* border-bottom: 2px dotted #B78C56; */
  349.        /* Dotted line divider (match new color) */
  350.        padding-bottom: 1.5rem;
  351.        /* margin-bottom: 1.5rem; */
  352.        /* Space below the dotted line */
  353.    }
  354.  
  355.    .small-card .image-container {
  356.        /* height: 150px; */
  357.        /* Fixed height for consistent images */
  358.        overflow: hidden;
  359.        margin-bottom: 0.5rem;
  360.        background-color: #F5F5F5;
  361.        padding: 5px;
  362.        /* Space between image and text */
  363.    }
  364.  
  365.    .small-card .card-image {
  366.        width: 100%;
  367.        height: 100%;
  368.        object-fit: cover;
  369.        display: block;
  370.    }
  371.  
  372.    .small-card .text-content {
  373.        padding-top: 0;
  374.        /* Remove padding here */
  375.    }
  376.  
  377.    .small-card .category {
  378.        font-size: 0.75rem;
  379.        text-transform: uppercase;
  380.        color: #B78C56;
  381.        /* Use new text color */
  382.        margin-bottom: 0.2rem;
  383.    }
  384.  
  385.    .small-card .title {
  386.        font-size: 1rem;
  387.        /* Adjusted for better fit */
  388.        font-weight: bold;
  389.        line-height: 1.3;
  390.        margin-top: 0;
  391.        color: #B78C56;
  392.        /* Use new text color */
  393.    }
  394.  
  395.    /* CTA Card (bottom right) */
  396.    .cta-card {
  397.        grid-column: span 2;
  398.        /* Spans across both columns in the right grid */
  399.        display: flex;
  400.        flex-direction: column;
  401.        align-items: center;
  402.        text-align: center;
  403.        padding-top: 1.5rem;
  404.        /* Add padding here for space after border */
  405.        border-top: 2px dotted #B78C56;
  406.        /* Dotted line above CTA (match new color) */
  407.    }
  408.  
  409.    .cta-card h4 {
  410.        font-size: 1.2rem;
  411.        margin: 0.5rem 0;
  412.        color: #B78C56;
  413.        /* Use new text color */
  414.    }
  415.  
  416.    .cta-card p {
  417.        font-size: 0.9rem;
  418.        color: #B78C56;
  419.        /* Use new text color */
  420.        margin-bottom: 1rem;
  421.    }
  422.  
  423.    .subscribe-button {
  424.        background-color: #B78C56;
  425.        width: 254px;
  426.        /* Use new primary color for button */
  427.        color: #042d29;
  428.        /* Dark text on light button */
  429.        padding: 0.75rem 1.5rem;
  430.        border: none;
  431.        border-radius: 5px;
  432.        cursor: pointer;
  433.        text-transform: uppercase;
  434.        font-weight: bold;
  435.        transition: background-color 0.3s ease;
  436.    }
  437.  
  438.    .subscribe-button:hover {
  439.        background-color: #B78C56;
  440.        /* Slightly darker on hover */
  441.    }
  442.  
  443.    .subscribe-button .icon {
  444.        margin-right: 0.5rem;
  445.    }
  446.  
  447.    /* Shaker Icon (if you add an actual SVG or font icon) */
  448.    .shaker-icon {
  449.        width: 30px;
  450.        /* Example size */
  451.        height: 30px;
  452.        /* Example size */
  453.        background-color: #B78C56;
  454.        /* Example background */
  455.        -webkit-mask: url('path/to/shaker-icon.svg') no-repeat center;
  456.        /* Use SVG for mask */
  457.        mask: url('path/to/shaker-icon.svg') no-repeat center;
  458.        background-size: contain;
  459.        margin-bottom: 0.5rem;
  460.    }
  461.  
  462.  
  463.    /* Media Queries for responsiveness */
  464.    @media (max-width: 768px) {
  465.        .content-grid {
  466.            grid-template-columns: 1fr;
  467.            /* Stack columns on smaller screens */
  468.            border-right: none;
  469.            margin-top: 20px;
  470.            /* Remove vertical border on small screens */
  471.        }
  472.  
  473.        .featured-article {
  474.            border-right: none;
  475.            /* Remove vertical border on small screens */
  476.            padding-right: 0;
  477.            border-bottom: 2px dotted #B78C56;
  478.            /* Add horizontal border for separation */
  479.            padding-bottom: 1.5rem;
  480.            margin-bottom: 1.5rem;
  481.        }
  482.  
  483.        .right-column-grid {
  484.            grid-template-columns: 1fr;
  485.            padding-left: 0;
  486.        }
  487.  
  488.        .cta-card {
  489.            grid-column: span 1;
  490.        }
  491.    }
  492.  
  493.  
  494.  
  495.    /* //second section cocktail  */
  496.  
  497.    /* General Styling for the Section */
  498.    .cocktail-section {
  499.        padding: 40px 20px;
  500.        max-width: 1200px;
  501.        /* Adjust as needed for your page width */
  502.        margin: 0 auto;
  503.        /* Center the section */
  504.        font-family: 'Georgia', serif;
  505.        /* A classic serif font for the title */
  506.    }
  507.  
  508.    .section-title {
  509.        text-align: center;
  510.        font-size: 2.5em;
  511.        /* Adjust size for the main title */
  512.        margin-bottom: 40px;
  513.        font-weight: normal;
  514.        /* Often serif headings are lighter */
  515.        letter-spacing: 1px;
  516.    }
  517.  
  518.    /* Grid Layout for the Cocktails */
  519.    .cocktail-grid {
  520.        display: flex;
  521.        justify-content: space-around;
  522.        /* Distribute space evenly */
  523.        gap: 20px;
  524.        /* Space between cards */
  525.        flex-wrap: wrap;
  526.        /* Allows wrapping on smaller screens */
  527.    }
  528.  
  529.    /* Individual Cocktail Card Styling */
  530.    .cocktail-card {
  531.        flex: 1 1 300px;
  532.        /* Allow cards to grow/shrink, with a base width */
  533.        max-width: 350px;
  534.        margin: 0;
  535.        padding: 0;
  536.        box-shadow: none;
  537.        /* The original design appears to have no box shadow */
  538.        border: 1px solid #eee;
  539.        /* Optional: subtle border to define the card area if needed */
  540.  
  541.        /* --- NEW: Add a transition for a smooth hover effect --- */
  542.        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  543.    }
  544.  
  545.    /* Image and Favorite Icon Container */
  546.    .cocktail-image-container {
  547.        position: relative;
  548.        overflow: hidden;
  549.        /* Ensures image doesn't overflow */
  550.        background-color: #f7f7f7;
  551.        /* Light background behind the image */
  552.    }
  553.  
  554.    .cocktail-image {
  555.        width: 100%;
  556.        height: auto;
  557.        display: block;
  558.  
  559.        /* --- NEW: Add a transition to the image for a subtle zoom effect --- */
  560.        transition: transform 0.3s ease-in-out;
  561.    }
  562.  
  563.    /* Favorite Icon (Heart) Styling */
  564.    .favorite-icon {
  565.        position: absolute;
  566.        top: 15px;
  567.        right: 15px;
  568.        font-size: 1.5em;
  569.        color: #fff;
  570.        /* White color for contrast */
  571.        text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  572.        /* Subtle shadow for visibility */
  573.        cursor: pointer;
  574.        line-height: 1;
  575.        /* Helps with vertical alignment */
  576.    }
  577.  
  578.    /* Text Details Styling */
  579.    .cocktail-details {
  580.        padding: 15px 15px 25px;
  581.        /* Bottom padding gives space */
  582.        text-align: left;
  583.    }
  584.  
  585.    .cocktail-type {
  586.        font-size: 0.75em;
  587.        font-weight: 600;
  588.        color: #666;
  589.        /* Muted gray for the category text */
  590.        margin: 0 0 5px 0;
  591.        letter-spacing: 1px;
  592.        text-transform: uppercase;
  593.        font-family: 'Helvetica Neue', sans-serif;
  594.        /* A sans-serif font for the small text */
  595.    }
  596.  
  597.    .cocktail-name {
  598.        font-size: 1.25em;
  599.        font-weight: normal;
  600.        /* The name appears simple and not bolded */
  601.        margin: 0;
  602.        color: #333;
  603.        font-family: 'Georgia', serif;
  604.        /* Back to the serif font for the name */
  605.    }
  606.  
  607.    /* --- NEW: Hover Effect for the entire card --- */
  608.    .cocktail-card:hover {
  609.        /* Lifts the card up slightly */
  610.        transform: translateY(-5px);
  611.        /* Adds a soft shadow for a "floating" effect */
  612.        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  613.        background-color: #ffffff;
  614.    }
  615.  
  616.    /* --- NEW: Subtle zoom effect on the image when hovering over the card --- */
  617.    .cocktail-card:hover .cocktail-image {
  618.        transform: scale(1.03);
  619.    }
  620.  
  621.  
  622.    /* Responsive adjustments for smaller screens */
  623.    @media (max-width: 768px) {
  624.        .cocktail-grid {
  625.            justify-content: center;
  626.            /* Center items when they stack */
  627.        }
  628.  
  629.        .cocktail-card {
  630.            flex: 1 1 100%;
  631.            /* Make cards full width on very small screens */
  632.            max-width: 400px;
  633.        }
  634.  
  635.        .section-title {
  636.            font-size: 2em;
  637.        }
  638.    }
  639.  
  640.    /* end */
  641.  
  642.  
  643.    /* rum section */
  644.    /* General Styling for the entire section */
  645.    .rum-section {
  646.        padding: 0px 20px;
  647.        padding-bottom: 40px;
  648.    }
  649.  
  650.    .section-title {
  651.        text-align: center;
  652.        font-size: 2.2em;
  653.        font-weight: 500;
  654.        margin-bottom: 50px;
  655.        color: #333;
  656.    }
  657.  
  658.    /* Grid layout for the cards */
  659.    .rum-grid {
  660.        display: grid;
  661.        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  662.        gap: 20px;
  663.        max-width: 1200px;
  664.        margin: 0 auto;
  665.    }
  666.  
  667.    /* Individual Card Styling */
  668.    .rum-card {
  669.        background-color: #fff;
  670.        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  671.        border-radius: 8px;
  672.        overflow: hidden;
  673.        display: flex;
  674.        flex-direction: column;
  675.  
  676.        /* Animation Transition */
  677.        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  678.    }
  679.  
  680.    /* Hover Effect */
  681.    .rum-card:hover {
  682.        transform: translateY(-5px);
  683.        box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
  684.    }
  685.  
  686.    /* Top part of the card with the image background */
  687.    .rum-image-container {
  688.        position: relative;
  689.        height: 220px;
  690.        /* Adjust height as needed */
  691.        display: flex;
  692.        justify-content: center;
  693.        align-items: flex-end;
  694.        /* Align image to the bottom of the container */
  695.        background-size: cover;
  696.        background-position: center;
  697.        overflow: hidden;
  698.    }
  699.  
  700.    .rum-image-container img {
  701.        width: 100%;
  702.        height: auto;
  703.        max-height: 100%;
  704.        object-fit: contain;
  705.        transition: transform 0.3s ease-in-out;
  706.    }
  707.  
  708.    .rum-card:hover .rum-image-container img {
  709.        transform: scale(1.05);
  710.    }
  711.  
  712.    /* Individual background colors for each card to match the design */
  713.    .rum-card:nth-child(1) .rum-image-container {
  714.        background-color: #00796b;
  715.        /* Teal color */
  716.    }
  717.  
  718.    .rum-card:nth-child(2) .rum-image-container {
  719.        background-color: #373738;
  720.        /* Dark gray color */
  721.    }
  722.  
  723.    .rum-card:nth-child(3) .rum-image-container {
  724.        background-color: #bfa15c;
  725.        /* Gold/Tan color */
  726.    }
  727.  
  728.    /* Bottom part of the card with text details */
  729.    .rum-details {
  730.        padding: 20px;
  731.        flex-grow: 1;
  732.        /* Allows this section to fill remaining space */
  733.    }
  734.  
  735.    .rum-category {
  736.        font-size: 0.85em;
  737.        font-weight: 500;
  738.        color: #777;
  739.        text-transform: uppercase;
  740.        letter-spacing: 1px;
  741.        margin-bottom: 5px;
  742.    }
  743.  
  744.    .rum-name a {
  745.        font-size: 1.15em;
  746.        font-weight: 600;
  747.        color: #333;
  748.        text-decoration: none;
  749.        /* Remove underline */
  750.        border-bottom: 2px solid transparent;
  751.        transition: border-color 0.3s ease-in-out;
  752.        line-height: 1.5;
  753.    }
  754.  
  755.    .rum-name a:hover {
  756.        border-color: #333;
  757.        /* Underline effect on hover */
  758.    }
  759.  
  760.    /* Responsive adjustments */
  761.    @media (max-width: 600px) {
  762.        .rum-section {
  763.            padding: 40px 10px;
  764.        }
  765.  
  766.        .section-title {
  767.            font-size: 1.8em;
  768.            margin-bottom: 30px;
  769.        }
  770.    }
  771.  
  772.    /* end rum section */
  773.  
  774.  
  775.  
  776.    /* category */
  777.    /* General Styling for the section */
  778.    .category-section {
  779.        padding: 60px 20px;
  780.        font-family: 'Helvetica Neue', Arial, sans-serif;
  781.    }
  782.  
  783.    .section-title {
  784.        text-align: center;
  785.        font-size: 2.2em;
  786.        font-weight: 500;
  787.        margin-bottom: 50px;
  788.        color: #333;
  789.    }
  790.  
  791.    /* Flexbox grid layout for categories */
  792.    .category-grid {
  793.        display: flex;
  794.        flex-wrap: nowrap;
  795.        /* Prevents wrapping, forcing items into one row */
  796.        justify-content: center;
  797.        gap: 20px;
  798.        max-width: 1200px;
  799.        margin: 0 auto;
  800.    }
  801.  
  802.    /* Individual card styling */
  803.    .category-card {
  804.        flex: 1 1 0;
  805.        /* Ensures all items take up equal space in the row */
  806.        min-width: 150px;
  807.        /* Prevents the cards from getting too small */
  808.        max-width: 250px;
  809.        text-align: center;
  810.        text-decoration: none;
  811.        color: #333;
  812.        transition: transform 0.3s ease-in-out;
  813.        cursor: pointer;
  814.    }
  815.  
  816.    /* Hover effect to lift the card */
  817.    .category-card:hover {
  818.        transform: translateY(-5px);
  819.    }
  820.  
  821.    /* Image and background color container */
  822.    .category-image-container {
  823.        width: 100%;
  824.        height: 250px;
  825.        border-radius: 8px;
  826.        overflow: hidden;
  827.        display: flex;
  828.        justify-content: center;
  829.        align-items: flex-end;
  830.        margin-bottom: 15px;
  831.        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  832.    }
  833.  
  834.    .category-image-container img {
  835.        max-height: 100%;
  836.        width: auto;
  837.        object-fit: contain;
  838.        transition: transform 0.3s ease-in-out;
  839.    }
  840.  
  841.    /* Image zoom on hover */
  842.    .category-card:hover .category-image-container img {
  843.        transform: scale(1.05);
  844.    }
  845.  
  846.    /* Unique background colors for each category */
  847.    .category-card:nth-child(1) .category-image-container {
  848.        background-color: #f0c055;
  849.    }
  850.  
  851.    .category-card:nth-child(2) .category-image-container {
  852.        background-color: #6a8e8e;
  853.    }
  854.  
  855.    .category-card:nth-child(3) .category-image-container {
  856.        background-color: #00796b;
  857.    }
  858.  
  859.    .category-card:nth-child(4) .category-image-container {
  860.        background-color: #373738;
  861.    }
  862.  
  863.    .category-card:nth-child(5) .category-image-container {
  864.        background-color: #b37e40;
  865.    }
  866.  
  867.    .category-card:nth-child(6) .category-image-container {
  868.        background-color: #c9823e;
  869.    }
  870.  
  871.  
  872.    /* Text styling */
  873.    .category-name {
  874.        font-size: 1.1em;
  875.        font-weight: 500;
  876.        line-height: 1.2;
  877.        margin: 0;
  878.    }
  879.  
  880.    /* //for blog content image */
  881.  
  882.    /* responsive category */
  883.    /* Responsive adjustments */
  884.    @media (max-width: 1024px) {
  885.        .category-grid {
  886.            flex-wrap: wrap;
  887.            /* allow cards to wrap into multiple rows */
  888.            gap: 15px;
  889.        }
  890.  
  891.        .category-card {
  892.            flex: 1 1 calc(33.33% - 20px);
  893.            /* 3 cards per row */
  894.            min-width: 140px;
  895.            max-width: 200px;
  896.        }
  897.    }
  898.  
  899.    @media (max-width: 768px) {
  900.        .category-card {
  901.            flex: 1 1 calc(50% - 15px);
  902.            /* 2 cards per row */
  903.            min-width: 120px;
  904.            max-width: 180px;
  905.        }
  906.  
  907.        .category-image-container {
  908.            height: 200px;
  909.        }
  910.  
  911.        .section-title {
  912.            font-size: 1.8em;
  913.            margin-bottom: 30px;
  914.        }
  915.    }
  916.  
  917.    @media (max-width: 480px) {
  918.        .category-card {
  919.            flex: 1 1 100%;
  920.            /* 1 card per row */
  921.            min-width: 100%;
  922.            max-width: 100%;
  923.        }
  924.  
  925.        .category-image-container {
  926.            height: 180px;
  927.        }
  928.  
  929.        .category-name {
  930.            font-size: 1em;
  931.        }
  932.    }
  933.  
  934.  
  935.    /* end category */
  936. </style>
  937.  
  938. <section class="drink-content-section">
  939.  
  940.  
  941.    <div class="container">
  942.  
  943.        <div class="logo-bar">
  944.            <div class="logo">
  945.            </div>
  946.            <p>Established 2009 &bull; 50+ million drinkers served annually</p>
  947.        </div>
  948.  
  949.        <div class="content-grid">
  950.            
  951.                                    <article class="featured-article">
  952.                <a href="article/470/world-best-scotch-whisky-2026-guide-expert-approved-single-malts-and-blends-worth-savoring">
  953.                    <div class="image-container">
  954.                        <img src="https://winewhiskyworld.com/uploads/2025/10/World Best Scotch Whisky_1761567957.jpg" alt="A classic cocktail" class="main-single-image">
  955.                    </div>
  956.                </a>
  957.                <a href="article/470/world-best-scotch-whisky-2026-guide-expert-approved-single-malts-and-blends-worth-savoring">
  958.                    <div class="text-content">
  959.                        <p class="category">scotch</p>
  960.  
  961.                        <h2 class="title"> World Best Scotch Whisky 2026 Guide: Expert-Approved Single Malts and Blends Worth Savoring</h2>
  962.                    </div>
  963.                </a>
  964.            </article>
  965.                        <div class="right-column-grid">
  966.                                                <a class="raed-more" href="article/469/how-to-make-the-perfect-moscow-mule-vodka-ginger-beer-and-lime-done-right">
  967.                    <!-- <span>read more</span>
  968.                    <i class="fas fa-arrow-right"></i> -->
  969.  
  970.                    <article class="small-card">
  971.                        <div class="image-container">
  972.                            <img src="https://winewhiskyworld.com/uploads/2025/10/Make the Perfect Moscow Mule_1761562599.jpg" alt="A bottle of Aperol and cocktail illustrations" class="card-image">
  973.                        </div>
  974.                        <div class="text-content">
  975.                            <p class="category"> vodka</p>
  976.                            <h3 class="title"> How to Make the Perfect Moscow Mule: Vodka, Ginger Beer, and Lime Done Right</h3>
  977.                        </div>
  978.                    </article>
  979.                </a>
  980.                
  981.                                                <a class="raed-more" href="article/468/is-there-a-dry-day-in-november-2025-complete-guide-for-india">
  982.                    <!-- <span>read more</span>
  983.                    <i class="fas fa-arrow-right"></i> -->
  984.  
  985.                    <article class="small-card">
  986.                        <div class="image-container">
  987.                            <img src="https://winewhiskyworld.com/uploads/2025/10/Dry Day in November 2025_1761303153.jpg" alt="A bottle of Aperol and cocktail illustrations" class="card-image">
  988.                        </div>
  989.                        <div class="text-content">
  990.                            <p class="category"> History &amp; Trends</p>
  991.                            <h3 class="title"> Is There a Dry Day in November 2025? Complete Guide for India</h3>
  992.                        </div>
  993.                    </article>
  994.                </a>
  995.                
  996.                                                <a class="raed-more" href="article/467/how-to-enjoy-romanov-vodka-cocktails-shots-and-pairings">
  997.                    <!-- <span>read more</span>
  998.                    <i class="fas fa-arrow-right"></i> -->
  999.  
  1000.                    <article class="small-card">
  1001.                        <div class="image-container">
  1002.                            <img src="https://winewhiskyworld.com/uploads/2025/10/Romanov Vodka_1761216346.jpg" alt="A bottle of Aperol and cocktail illustrations" class="card-image">
  1003.                        </div>
  1004.                        <div class="text-content">
  1005.                            <p class="category"> vodka</p>
  1006.                            <h3 class="title"> How to Enjoy Romanov Vodka: Cocktails, Shots, and Pairings</h3>
  1007.                        </div>
  1008.                    </article>
  1009.                </a>
  1010.                
  1011.                                                <a class="raed-more" href="article/466/why-hercules-rum-is-a-must-try-indian-dark-rum-for-2025">
  1012.                    <!-- <span>read more</span>
  1013.                    <i class="fas fa-arrow-right"></i> -->
  1014.  
  1015.                    <article class="small-card">
  1016.                        <div class="image-container">
  1017.                            <img src="https://winewhiskyworld.com/uploads/2025/10/Hercules Rum_1761215055.jpg" alt="A bottle of Aperol and cocktail illustrations" class="card-image">
  1018.                        </div>
  1019.                        <div class="text-content">
  1020.                            <p class="category"> Rum</p>
  1021.                            <h3 class="title"> Why Hercules Rum Is a Must-Try Indian Dark Rum for 2025</h3>
  1022.                        </div>
  1023.                    </article>
  1024.                </a>
  1025.                
  1026.                
  1027.            </div>
  1028.  
  1029.        </div>
  1030.  
  1031.    </div>
  1032. </section>
  1033.  
  1034.  
  1035. <!-- category section -->
  1036. <section class="category-section">
  1037.    <h2 class="section-title">Categories</h2>
  1038.    <div class="category-grid">
  1039.  
  1040.        <!-- Bourbon Category -->
  1041.        <a class="category-card" href="https://winewhiskyworld.com/category/bourbon">
  1042.            <div class="category-image-container">
  1043.                <img src="https://winewhiskyworld.com/images/bottles/markers-mark.png" alt="Bourbon Bottle">
  1044.            </div>
  1045.            <h4 class="category-name">Bourbon</h4>
  1046.        </a>
  1047.  
  1048.        <!-- Brandy Category -->
  1049.        <a class="category-card" href="https://winewhiskyworld.com/category/brandy">
  1050.            <div class="category-image-container">
  1051.                <img src="https://winewhiskyworld.com/images/bottles/hennessy.png" alt="Brandy Bottle">
  1052.            </div>
  1053.            <h4 class="category-name">Brandy</h4>
  1054.        </a>
  1055.  
  1056.        <!-- Gin Category -->
  1057.        <a class="category-card" href="https://winewhiskyworld.com/category/gin">
  1058.            <div class="category-image-container">
  1059.                <img src="https://winewhiskyworld.com/images/bottles/hendricks.png" alt="Gin Bottle">
  1060.            </div>
  1061.            <h4 class="category-name">Gin</h4>
  1062.        </a>
  1063.  
  1064.        <!-- Rum Category -->
  1065.        <a class="category-card" href="https://winewhiskyworld.com/category/rum">
  1066.            <div class="category-image-container">
  1067.                <img src="https://winewhiskyworld.com/images/bottles/segredo-aldeia.png" alt="Rum Bottle">
  1068.            </div>
  1069.            <h4 class="category-name">Rum</h4>
  1070.        </a>
  1071.  
  1072.        <!-- Rye Whisky Category -->
  1073.        <a class="category-card" href="#">
  1074.            <div class="category-image-container">
  1075.                <img src="https://winewhiskyworld.com/images/bottles/red-hook.png" alt="Rye Whisky Bottle">
  1076.            </div>
  1077.            <h4 class="category-name">Rye<br>Whisky</h4>
  1078.        </a>
  1079.  
  1080.        <!-- Scotch Category -->
  1081.        <a class="category-card" href="https://winewhiskyworld.com/category/scotch">
  1082.            <div class="category-image-container">
  1083.                <img src="https://winewhiskyworld.com/images/bottles/dalmore.png" alt="Scotch Bottle">
  1084.            </div>
  1085.            <h4 class="category-name">Scotch</h4>
  1086.        </a>
  1087.  
  1088.    </div>
  1089. </section>
  1090.  
  1091. <!-- end category -->
  1092. <!-- wisky -->
  1093. <section class="cocktail-section">
  1094.    <h2 class="section-title">Whiskey Cocktails</h2>
  1095.    <div class="cocktail-grid">
  1096.                <a href="article/464/diwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with">
  1097.            <figure class="cocktail-card">
  1098.                <div class="cocktail-image-container">
  1099.                                        <img src="https://winewhiskyworld.com/uploads/2025/10/Best Whiskies Under ₹10,000_1760697319.jpg" alt="Whiskey Cocktail 1 Name" class="cocktail-image">
  1100.                                        <span class="favorite-icon">
  1101.                        &#x2661;
  1102.                    </span>
  1103.                </div>
  1104.                <figcaption class="cocktail-details">
  1105.                    <p class="cocktail-type">Whisky</p>
  1106.                    <div class="upk-author-wrap">
  1107.                        <span class="upk-by">by</span> <a class="upk-author-name auth" href="#"> Arjun Khanna</a>
  1108.                    </div>
  1109.                                            <a href="article/464/diwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with">
  1110.                    <h3 class="cocktail-name">Diwali on a Budget: 5 Best Whiskies Under ₹10,000 Worth Celebrating With</h3>
  1111.                     </a>
  1112.                                    </figcaption>
  1113.            </figure>
  1114.        </a>
  1115.                <a href="article/460/bagpiper-whisky-history-taste-price-everything-you-need-to-know">
  1116.            <figure class="cocktail-card">
  1117.                <div class="cocktail-image-container">
  1118.                                        <img src="https://winewhiskyworld.com/uploads/2025/10/Bagpiper Whisky_1760529208.jpg" alt="Whiskey Cocktail 1 Name" class="cocktail-image">
  1119.                                        <span class="favorite-icon">
  1120.                        &#x2661;
  1121.                    </span>
  1122.                </div>
  1123.                <figcaption class="cocktail-details">
  1124.                    <p class="cocktail-type">Whisky</p>
  1125.                    <div class="upk-author-wrap">
  1126.                        <span class="upk-by">by</span> <a class="upk-author-name auth" href="#"> Arjun Khanna</a>
  1127.                    </div>
  1128.                                            <a href="article/460/bagpiper-whisky-history-taste-price-everything-you-need-to-know">
  1129.                    <h3 class="cocktail-name">Bagpiper Whisky History, Taste &amp; Price: Everything You Need to Know</h3>
  1130.                     </a>
  1131.                                    </figcaption>
  1132.            </figure>
  1133.        </a>
  1134.                <a href="article/455/indri-diwali-collectors-edition-2025-wins-best-world-whisky-at-las-vegas-global-spirits-awards">
  1135.            <figure class="cocktail-card">
  1136.                <div class="cocktail-image-container">
  1137.                                        <img src="https://winewhiskyworld.com/uploads/2025/10/Indri Diwali Collector’s Edition 2025_1760093498.jpg" alt="Whiskey Cocktail 1 Name" class="cocktail-image">
  1138.                                        <span class="favorite-icon">
  1139.                        &#x2661;
  1140.                    </span>
  1141.                </div>
  1142.                <figcaption class="cocktail-details">
  1143.                    <p class="cocktail-type">Whisky</p>
  1144.                    <div class="upk-author-wrap">
  1145.                        <span class="upk-by">by</span> <a class="upk-author-name auth" href="#"> Arjun Khanna</a>
  1146.                    </div>
  1147.                                            <a href="article/455/indri-diwali-collectors-edition-2025-wins-best-world-whisky-at-las-vegas-global-spirits-awards">
  1148.                    <h3 class="cocktail-name">Indri Diwali Collector’s Edition 2025 Wins ‘Best World Whisky’ at Las Vegas Global Spirits Awards</h3>
  1149.                     </a>
  1150.                                    </figcaption>
  1151.            </figure>
  1152.        </a>
  1153.        
  1154.  
  1155.    </div>
  1156. </section>
  1157. <!-- end wisky -->
  1158.  
  1159. <!-- Rum -->
  1160. <section class="rum-section">
  1161.    <h2 class="section-title">Rum</h2>
  1162.    <div class="rum-grid">
  1163.  
  1164.        <!-- Card 1: Placeholder Rum Bottle 1 -->
  1165.        
  1166.        <div class="rum-card">
  1167.             <a href="https://winewhiskyworld.com/article/465/how-andhra-pradeshs-liquor-qr-code-system-is-revolutionizing-alcohol-transparency" class="rum-card-link">
  1168.            <div class="rum-image-container">
  1169.                <img src="https://winewhiskyworld.com/uploads/2025/10/Andhra Pradesh’s Liquor QR Code System_1761214399.jpg" alt="Rum Bottle 1">
  1170.            </div>
  1171.             </a>
  1172.              <a href="https://winewhiskyworld.com/article/465/how-andhra-pradeshs-liquor-qr-code-system-is-revolutionizing-alcohol-transparency" class="rum-card-link">
  1173.            <div class="rum-details">
  1174.                <h1 class="rum-category">How Andhra Pradesh’s Liquor QR Code System Is Revolutionizing Alcohol Transparency</h1>
  1175.                
  1176.            </div>
  1177.             </a>
  1178.        </div>
  1179.          
  1180.  
  1181.        <!-- Card 2: Placeholder Rum Bottle 2 -->
  1182.        <div class="rum-card">
  1183.             <a href="https://winewhiskyworld.com/article/464/diwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with" class="rum-card-link">
  1184.            <div class="rum-image-container">
  1185.                <img src="https://winewhiskyworld.com/uploads/2025/10/Best Whiskies Under ₹10,000_1760697319.jpg" alt="Rum Bottle 2">
  1186.            </div>
  1187.             </a>
  1188.             <a href="https://winewhiskyworld.com/article/464/diwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with" class="rum-card-link">
  1189.            <div class="rum-details">
  1190.                <p class="rum-category">Diwali on a Budget: 5 Best Whiskies Under ₹10,000 Worth Celebrating With</p>
  1191.                
  1192.            </div>
  1193.             </a>
  1194.        </div>
  1195.  
  1196.        <!-- Card 3: Placeholder Rum Bottle 3 -->
  1197.        <div class="rum-card">
  1198.            <a href="https://winewhiskyworld.com/article/463/jaisalmer-indian-craft-gin-review-taste-abv-botanicals-price-explained" class="rum-card-link">
  1199.            <div class="rum-image-container">
  1200.                <img src="https://winewhiskyworld.com/uploads/2025/10/Jaisalmer Indian Craft Gin_1760696382.jpg" alt="Rum Bottle 3">
  1201.            </div>
  1202.            </a>
  1203.            <a href="https://winewhiskyworld.com/article/463/jaisalmer-indian-craft-gin-review-taste-abv-botanicals-price-explained" class="rum-card-link">
  1204.            <div class="rum-details">
  1205.                <p class="rum-category">Jaisalmer Indian Craft Gin Review: Taste, ABV, Botanicals &amp; Price Explained</p>
  1206.                
  1207.            </div>
  1208.            </a>
  1209.        </div>
  1210.  
  1211.    </div>
  1212. </section>
  1213.  
  1214.  
  1215. <!-- end Rum -->
  1216.  
  1217. <footer class="site-footer">
  1218. <div class="container">
  1219. <div class="footer-grid">
  1220.  
  1221. <!-- Column 1: Company -->
  1222. <div class="footer-column">
  1223. <h4>Company</h4>
  1224. <ul>
  1225. <li><a href="/sitemap.html">Sitemap</a></li>
  1226. <li><a href="/about-us">About Us</a></li>
  1227. <li><a href="/contact-us">Contact Us</a></li>
  1228. <li><a href="/privacy-policy">Privacy Policy</a></li>
  1229. <li><a href="/terms-conditions">Terms & Conditions</a></li>
  1230. <li><a href="/disclaimer">Disclaimer</a></li>
  1231. </ul>
  1232. </div>
  1233.  
  1234. <!-- Column 2: Connect With Us -->
  1235. <div class="footer-column">
  1236. <h4>Connect With Us</h4>
  1237. <ul class="social-links">
  1238. <li><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwinewhiskyworld.com%2Farticle%2F464%2Fdiwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-f"></i> Facebook</a></li>
  1239. <li><a href="https://www.instagram.com/?url=https%3A%2F%2Fwinewhiskyworld.com%2Farticle%2F464%2Fdiwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i> Instagram</a></li>
  1240. <li><a href="https://x.com/intent/post?url=https%3A%2F%2Fwinewhiskyworld.com%2Farticle%2F464%2Fdiwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i> Twitter</a></li>
  1241. <li><a href="" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube"></i> YouTube</a></li>
  1242. <li><a href="https://www.linkedin.com/uas/login?session_redirect=https%3A%2F%2Fwww.linkedin.com%2FshareArticle%3Fmini%3Dtrue%26url%3Dhttps%253A%252F%252Fwinewhiskyworld.com%252Farticle%252F464%252Fdiwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i> LinkedIn</a></li>
  1243. <li><a href="https://api.whatsapp.com/send?text=https%3A%2F%2Fwinewhiskyworld.com%2Farticle%2F464%2Fdiwali-on-a-budget-5-best-whiskies-under-rs10000-worth-celebrating-with" target="_blank" rel="noopener noreferrer"><i class="fab fa-whatsapp"></i> Whatsapp</a></li>
  1244. </ul>
  1245. </div>
  1246.  
  1247.  
  1248. <!-- Column 3: Contact Info -->
  1249. <div class="footer-column contact-info">
  1250. <h4>Contact</h4>
  1251. <p>
  1252. Unit 303, 304, 305, Tower 4,<br>
  1253. DLF Corporate Greens, Sector 74A,<br>
  1254. Gurugram, Haryana - 122004
  1255. </p>
  1256. <p><a href="mailto:Hello@winewhiskyworld.com">Hello@winewhiskyworld.com</a></p>
  1257. <p><a href="tel:01245181101">0124 518 1101</a></p>
  1258. </div>
  1259.  
  1260. </div>
  1261.  
  1262. <!-- Footer Bottom -->
  1263. <div class="footer-bottom">
  1264. <p>Wine And Whisky World © 2024. Made with <i class="fa fa-heart"></i> by
  1265. <a href="https://mirthmediagroup.com" target="_blank">Mirth Media Group</a>.
  1266. </p>
  1267. </div>
  1268. </div>
  1269. </footer>
  1270.  
  1271. <!-- Font Awesome for Icons -->
  1272. <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
  1273.  
  1274. <style>
  1275. /* Footer Base */
  1276. .site-footer {
  1277. background: #0c0c0c;
  1278. color: #ccc;
  1279. font-family: 'Poppins', sans-serif;
  1280. padding: 60px 20px 30px;
  1281. line-height: 1.8;
  1282. }
  1283.  
  1284. .container {
  1285. max-width: 1200px;
  1286. margin: 0 auto;
  1287. }
  1288.  
  1289. /* Footer Grid Layout */
  1290. .footer-grid {
  1291. display: grid;
  1292. grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  1293. gap: 40px;
  1294. }
  1295.  
  1296. /* Headings */
  1297. .footer-column h4 {
  1298. font-size: 18px;
  1299. color: #fff;
  1300. margin-bottom: 20px;
  1301. font-weight: 600;
  1302. text-transform: uppercase;
  1303. letter-spacing: 0.5px;
  1304. }
  1305.  
  1306. /* Links */
  1307. .footer-column ul {
  1308. list-style: none;
  1309. padding: 0;
  1310. margin: 0;
  1311. }
  1312.  
  1313. .footer-column ul li {
  1314. margin-bottom: 10px;
  1315. }
  1316.  
  1317. .footer-column ul li a {
  1318. color: #ccc;
  1319. text-decoration: none;
  1320. transition: color 0.3s ease;
  1321. }
  1322.  
  1323. .footer-column ul li a:hover {
  1324. color: #fff;
  1325. }
  1326.  
  1327. /* Contact Info */
  1328. .contact-info p {
  1329. margin: 8px 0;
  1330. }
  1331.  
  1332. .contact-info a {
  1333. color: #ccc;
  1334. text-decoration: none;
  1335. }
  1336.  
  1337. .contact-info a:hover {
  1338. color: #fff;
  1339. }
  1340.  
  1341. /* Social Links */
  1342. .social-links li a {
  1343. display: flex;
  1344. align-items: center;
  1345. gap: 10px;
  1346. }
  1347.  
  1348. .social-links i {
  1349. color: #fff;
  1350. font-size: 16px;
  1351. width: 20px;
  1352. text-align: center;
  1353. }
  1354.  
  1355. /* Footer Bottom */
  1356. .footer-bottom {
  1357. border-top: 1px solid #222;
  1358. margin-top: 50px;
  1359. padding-top: 20px;
  1360. text-align: center;
  1361. font-size: 14px;
  1362. }
  1363.  
  1364. .footer-bottom a {
  1365. color: #fff;
  1366. text-decoration: none;
  1367. }
  1368.  
  1369. .footer-bottom a:hover {
  1370. text-decoration: underline;
  1371. }
  1372.  
  1373. /* RESPONSIVE DESIGN */
  1374. @media (max-width: 992px) {
  1375. .footer-grid {
  1376. gap: 30px;
  1377. }
  1378. }
  1379.  
  1380. @media (max-width: 768px) {
  1381. .footer-grid {
  1382. grid-template-columns: 1fr;
  1383. text-align: center;
  1384. }
  1385.  
  1386. .social-links li a {
  1387. justify-content: center;
  1388. }
  1389.  
  1390. .contact-info p {
  1391. text-align: center;
  1392. }
  1393.  
  1394. .footer-column h4 {
  1395. margin-top: 20px;
  1396. }
  1397. }
  1398.  
  1399. @media (max-width: 480px) {
  1400. .site-footer {
  1401. padding: 40px 15px 20px;
  1402. }
  1403.  
  1404. .footer-bottom p {
  1405. font-size: 13px;
  1406. }
  1407. }
  1408. </style>
  1409.  
  1410.  
  1411. <!-- Footer Section End -->
  1412.  
  1413. <!--Scroll Top to Bottom Start -->
  1414. <div class="scroll-top" data-scroll="up" style="">
  1415. </div>
  1416. <!--Scroll Top to Bottom  End -->
  1417. </div>
  1418. <script src="https://winewhiskyworld.com/public/newtheme/assets/js/jquery-min-3.6.0.js"></script>
  1419. <script src="https://winewhiskyworld.com/public/newtheme/assets/js/slick.min.js"></script>
  1420. <script src="https://winewhiskyworld.com/public/newtheme/assets/js/bootstrap.bundle.min.js"></script>
  1421. <script src="https://winewhiskyworld.com/public/newtheme/assets/js/aos.js"></script>
  1422. <script src="https://winewhiskyworld.com/public/newtheme/assets/js/wow.min.js"></script>
  1423. <script src="https://winewhiskyworld.com/public/newtheme/assets/js/custom.js"></script>
  1424.  
  1425.  
  1426. <!-- ===== Age Verification Popup ===== -->
  1427. <div id="ageModal" class="age-modal">
  1428. <div class="age-content">
  1429. <h2>Are you 21 years or older?</h2>
  1430. <div class="age-buttons">
  1431. <button id="ageYes">Yes</button>
  1432. <button id="ageNo">No</button>
  1433. </div>
  1434. </div>
  1435. </div>
  1436.  
  1437. <style>
  1438. /* ===== Overlay Background ===== */
  1439. .age-modal {
  1440. position: fixed;
  1441. inset: 0;
  1442. background: rgba(0, 0, 0, 0.95);
  1443. display: flex;
  1444. align-items: center;
  1445. justify-content: center;
  1446. z-index: 99999;
  1447. color: #fff;
  1448. font-family: 'Poppins', sans-serif;
  1449. transition: opacity 0.3s ease;
  1450. }
  1451.  
  1452. /* ===== Popup Box ===== */
  1453. .age-content {
  1454. background: #111;
  1455. padding: 40px 30px;
  1456. border-radius: 10px;
  1457. text-align: center;
  1458. box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
  1459. max-width: 400px;
  1460. width: 90%;
  1461. }
  1462.  
  1463. .age-content h2 {
  1464. font-size: 22px;
  1465. font-weight: 600;
  1466. margin-bottom: 25px;
  1467. }
  1468.  
  1469. /* ===== Buttons ===== */
  1470. .age-buttons {
  1471. display: flex;
  1472. justify-content: center;
  1473. gap: 20px;
  1474. }
  1475.  
  1476. .age-buttons button {
  1477. background: #d4af37;
  1478. color: #000;
  1479. border: none;
  1480. padding: 10px 25px;
  1481. border-radius: 6px;
  1482. font-size: 16px;
  1483. font-weight: 600;
  1484. cursor: pointer;
  1485. transition: all 0.3s ease;
  1486. }
  1487.  
  1488. .age-buttons button:hover {
  1489. background: #c19b2d;
  1490. }
  1491.  
  1492. .age-buttons #ageNo {
  1493. background: transparent;
  1494. color: #fff;
  1495. border: 1px solid #fff;
  1496. }
  1497.  
  1498. .age-buttons #ageNo:hover {
  1499. background: #fff;
  1500. color: #000;
  1501. }
  1502.  
  1503. /* ===== Blur the main content (except modal) ===== */
  1504. body.blurred>*:not(#ageModal) {
  1505. filter: blur(8px);
  1506. pointer-events: none;
  1507. user-select: none;
  1508. }
  1509.  
  1510.  
  1511. /* ================= Tablet Responsive (768px - 1024px) ================= */
  1512. @media (min-width: 768px) and (max-width: 1024px) {
  1513.    .footer-grid {
  1514.        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  1515.        gap: 35px;
  1516.        text-align: left;
  1517.    }
  1518.  
  1519.    .footer-column h4 {
  1520.        font-size: 17px;
  1521.        margin-bottom: 18px;
  1522.    }
  1523.  
  1524.    .footer-column ul li {
  1525.        margin-bottom: 8px;
  1526.    }
  1527.  
  1528.    .social-links li a {
  1529.        justify-content: flex-start;
  1530.        gap: 12px;
  1531.    }
  1532.  
  1533.    .contact-info p {
  1534.        text-align: left;
  1535.        margin: 6px 0;
  1536.    }
  1537.  
  1538.    .footer-bottom {
  1539.        font-size: 13.5px;
  1540.        padding-top: 18px;
  1541.    }
  1542.  
  1543.    .age-content {
  1544.        padding: 35px 25px;
  1545.        max-width: 380px;
  1546.    }
  1547.  
  1548.    .age-content h2 {
  1549.        font-size: 20px;
  1550.        margin-bottom: 20px;
  1551.    }
  1552.  
  1553.    .age-buttons button {
  1554.        padding: 9px 22px;
  1555.        font-size: 15px;
  1556.    }
  1557. }
  1558.  
  1559. </style>
  1560. <script>
  1561. document.addEventListener("DOMContentLoaded", function() {
  1562. const modal = document.getElementById("ageModal");
  1563. const yesBtn = document.getElementById("ageYes");
  1564. const noBtn = document.getElementById("ageNo");
  1565.  
  1566. if (localStorage.getItem("ageVerified") === "true") {
  1567. modal.style.display = "none";
  1568. } else {
  1569. modal.style.display = "flex";
  1570. document.body.classList.add("blurred");
  1571. }
  1572.  
  1573. yesBtn.addEventListener("click", () => {
  1574. localStorage.setItem("ageVerified", "true");
  1575. document.body.classList.remove("blurred");
  1576. modal.style.display = "none";
  1577. });
  1578.  
  1579. noBtn.addEventListener("click", () => {
  1580. alert("Sorry, you must be 21 years or older to access this website.");
  1581.  
  1582. // Open a new tab
  1583. window.open('about:blank', '_blank');
  1584.  
  1585. // Redirect current tab to a safe page (like Google)
  1586. window.location.href = "https://www.google.com";
  1587. });
  1588. });
  1589. </script>
  1590.  
  1591. <!-- end age verification popup -->
  1592. </body>
  1593.  
  1594. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda