<style> :root { --primary-dark: #691b21; --primary: #73765c; --primary-light: #73765c; --secondary: #691b21; --accent: #691b21; --neutral-light: #e6d2c9; --neutral: #f3ecdf; --neutral-dark: #e6d2c9; --white: #ffffff; --black: #333333; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { color: var(--black); background-color: var(--white); line-height: 1.6; } .logo { max-width: 200px; margin: 0 auto; } /* Countdown Styles */ .countdown-wrapper { background: #691b21; color: #fff; padding: 0.5rem; text-align: center; font-size: 0.9rem; border-bottom: 2px solid #fff; margin-bottom: 0; } .countdown-box { display: flex; justify-content: center; gap: 0.75rem; flex-wrap: wrap; } .countdown-segment { background: rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 0.4rem 0.8rem; min-width: 50px; } .countdown-segment span { font-size: 1rem; font-weight: bold; display: block; } .countdown-segment label { font-size: 0.65rem; color: #f8f8f8; } @media (max-width: 600px) { .countdown-segment span { font-size: 0.9rem; } .countdown-segment { padding: 0.3rem 0.6rem; } } .hero { background-color: var(--primary); color: var(--white); padding: 4rem 2rem; text-align: center; position: relative; margin-bottom: 0; /* No space between countdown and hero */ } .hero::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://hub.zeevou.com/apis/files/266504/6533746080353326073987.jpg/download'); background-size: cover; background-position: center; opacity: 0.3; z-index: 0; } .hero-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; } .hero h1 { font-size: 2.5rem; margin-bottom: 1rem; } .hero p { font-size: 1.25rem; margin-bottom: 2rem; } .offer-badge { background-color: var(--accent); color: var(--white); padding: 1rem 2rem; border-radius: 50px; font-weight: bold; display: inline-block; margin-bottom: 2rem; } .btn { display: inline-block; padding: 10px 20px; background-color: var(--accent); color: var(--white) !important; text-decoration: none !important; border-radius: 4px; font-weight: bold; transition: background-color: 0.3s; } .btn:hover { background-color: var(--secondary); } .book-now { font-size: 1.1em; color: var(--white) !important; } .booking-link { text-align: center; margin-top: 20px; } .blog-container { max-width: 1200px; margin: 0 auto; padding: 2rem; background-color: var(--white) !important; } section { margin-bottom: 4rem; } h2 { color: var(--primary-dark); margin-bottom: 1.5rem; text-align: center; position: relative; padding-bottom: 0.5rem; } h2::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 3px; background-color: var(--accent); } .about { background-color: var(--neutral-light); padding: 3rem; border-radius: 10px; } .amenities { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; margin-top: 2rem; } .amenity { background-color: var(--white); padding: 1.5rem; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); flex: 1 1 200px; text-align: center; display: flex; flex-direction: column; align-items: center; } .amenity h3 { color: var(--secondary); margin-bottom: 0.5rem; } .amenity-icon { font-size: 2rem; margin-bottom: 1rem; color: var(--accent); } .activities { background-color: var(--neutral); padding: 3rem; border-radius: 10px; } .activity-list { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; margin-top: 2rem; } .activity { background-color: var(--white); padding: 1.5rem; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); flex: 1 1 300px; } .activity h3 { color: var(--secondary); margin-bottom: 0.5rem; } .accommodations { margin-top: 4rem; } .hotel-banner img { width: 100%; border-radius: 15px; margin-bottom: 20px; } @media (max-width: 768px) { .hero h1 { font-size: 2rem; } .hero p { font-size: 1rem; } }</style><div class="countdown-wrapper"> <div class="countdown-box"> <div class="countdown-segment"><span id="cd-days">--</span><label>Days</label></div><div class="countdown-segment"><span id="cd-hours">--</span><label>Hours</label></div><div class="countdown-segment"><span id="cd-minutes">--</span><label>Mins</label></div><div class="countdown-segment"><span id="cd-seconds">--</span><label>Secs</label></div></div></div><div class="logo"> <svg viewBox="0 0 300 150" xmlns="http://www.w3.org/2000/svg">  </svg></div><div class="hero"> <div class="voucher-badge" style="position: absolute; top: 20px; right: 20px; background-color: var(--accent); color: var(--white); padding: 10px 15px; border-radius: 8px; font-weight: bold; z-index: 10; box-shadow: 0 2px 5px rgba(0,0,0,0.2);"> <div style="font-size: 0.8rem; margin-bottom: 2px;">USE CODE:</div><div style="font-size: 1.1rem; letter-spacing: 1px;">STAY2SAVE20</div></div><div class="hero-content"> <div class="offer-badge">20% OFF • 1 - 31 May 2025</div><h1>Spring Bank Holiday Escape</h1><p>Escape to the verdant countryside of North Wales this Spring Bank Holiday and save 20% on stays of two nights or more at Northop Hall Country House Hotel.</p><a href="#" class="btn" style="border-radius: 8px;">Book Your Stay</a></div></div><div class="blog-container"> <section class="accommodations"> <h2>Accommodations</h2><div class="hotel-banner"> <img src="https://hub.zeevou.com/apis/files/384891/666d6862dccc3797297186.jpg/download" alt="Hotel Room"> </div><div class="accommodation-content-full"> <h3>Victorian Elegance in Mold: Northop Hall Country House Hotel</h3><p>Nestled amid the lush North Wales countryside near Mold, Northop Hall Country House Hotel offers a perfect retreat into tranquillity...</p><h3>Elegant Rooms at Northop Hall: A Distinguished Welsh Retreat</h3><p>Experience the charm of North Wales accommodation at Northop Hall...</p><p>We offer a variety of comfortable 4-star rooms, all with private bathrooms...</p><div class="booking-link"> <a href="https://northophallhotel.com/united-kingdom/mold/northop-hall-country-house-hotel" class="btn book-now">Book Your Hotel Room for Countryside Relaxation</a></div></div></section><section class="about"> <h2>About Northop Hall Country House Hotel</h2><p>Nestled near Mold in North Wales, Northop Hall Country House Hotel offers a peaceful retreat...</p><div class="amenities"> <div class="amenity"><i class="amenity-icon fas fa-wifi"></i><h3>Free Wi-Fi</h3><p>Complimentary Wi-Fi throughout the property</p></div><div class="amenity"><i class="amenity-icon fas fa-parking"></i><h3>Free Parking</h3><p>Convenient on-site parking for all guests</p></div><div class="amenity"><i class="amenity-icon fas fa-paw"></i><h3>Pet-Friendly</h3><p>Selected rooms welcome four-legged friends (fee applies)</p></div><div class="amenity"><i class="amenity-icon fas fa-tree"></i><h3>Garden Views</h3><p>Beautiful views of the surrounding countryside</p></div><div class="amenity"><i class="amenity-icon fas fa-car"></i><h3>Convenient Transport Links</h3><p>Easy access to Flint Train Station and major cities</p></div><div class="amenity"><i class="amenity-icon fas fa-hiking"></i><h3>Outdoor Activities</h3><p>Very good for outdoor pursuits</p></div></div></section><section class="activities"> <h2>Spring Bank Holiday Activities</h2><div class="activity-list"> <div class="activity"><h3>Country Walks</h3><p>Explore the beautiful North Wales countryside...</p></div><div class="activity"><h3>Loggerheads Country Park</h3><p>Discover scenic walks along the River Alyn...</p></div><div class="activity"><h3>Moel Famau</h3><p>Enjoy panoramic views from the Clwydian Range's highest peak.</p></div><div class="activity"><h3>Chester</h3><p>Visit the historic Roman city with its cathedral...</p></div><div class="activity"><h3>Ewloe Castle</h3><p>Explore the atmospheric ruins of this Welsh medieval castle.</p></div><div class="activity"><h3>Snowdonia National Park</h3><p>Experience breathtaking mountains, lakes, and trails...</p></div></div></section></div><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /><script> const targetDate = new Date("November 31, 2025 23:30:00").getTime(); function updateCountdown() { const now = new Date().getTime(); const diff = targetDate - now; const cdDays = document.getElementById("cd-days"); const cdHours = document.getElementById("cd-hours"); const cdMinutes = document.getElementById("cd-minutes"); const cdSeconds = document.getElementById("cd-seconds"); if (diff <= 0) { cdDays.textContent = cdHours.textContent = cdMinutes.textContent = cdSeconds.textContent = "00"; return; } const days = Math.floor(diff / (1000 * 60 * 60 * 24)); const hours = Math.floor((diff / (1000 * 60 * 60)) % 24); const minutes = Math.floor((diff / (1000 * 60)) % 60); const seconds = Math.floor((diff / 1000) % 60); cdDays.textContent = days.toString().padStart(2, "0"); cdHours.textContent = hours.toString().padStart(2, "0"); cdMinutes.textContent = minutes.toString().padStart(2, "0"); cdSeconds.textContent = seconds.toString().padStart(2, "0"); } updateCountdown(); setInterval(updateCountdown, 1000);</script>

countdown test

 Begin website content  Countdown Timer   --Days--Hours--Mins--Secs Logo    Logo SVG content   Hero Section   USE CODE:STAY2SAVE20 20% OFF • 1 - 31 May 2025Spring Bank Holiday EscapeEscape to the verdant countryside of North Wales this Spring Bank Holiday and save 20% on stays of two nights or mor

 :root { --primary-dark: #691b21; --primary: #73765c; --primary-light: #73765c; --secondary: #691b21; --accent: #691b21; --neutral-light: #e6d2c9; --neutral: #f3ecdf; --neutral-dark: #e6d2c9; --white:

Explore Northop Hall Hotel in Mold, Flintshire, a top choice among hotels in North Wales. Perfect for leisure and business with a blend of history and comfort.

Northop Hall Hotel - Book Serviced Accommodations, Short Term Rentals, and Hotels with Best Rates!

<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.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=Playfair+Display:wght@400;600;700&family=Raleway:wght@300;400;500&display=swap" rel="stylesheet"><style>    /* Scoped CSS variables and base styles for the Northop snippet */    .northop-snippet-wrapper {        --primary-color: #691b21;        --secondary-color: #73765c;        --accent-color: #e6d2c9;    /* Dusty Pink/Beige - used for accents like borders, dividers */        --bg-light-color: #e6d2c9;  /* UPDATED: Now also Dusty Pink/Beige - for section backgrounds and tags */        --text-dark-color: #333;        --text-light-color: #f8f8f8;        font-family: 'Raleway', sans-serif;        color: var(--text-dark-color);    }    /* Scoped heading styles */    .northop-snippet-wrapper h1,    .northop-snippet-wrapper h2,    .northop-snippet-wrapper h3,    .northop-snippet-wrapper h4,    .northop-snippet-wrapper h5,    .northop-snippet-wrapper h6 {        font-family: 'Playfair Display', serif;        color: var(--primary-color);        font-weight: 600;    }    /* Style for linked headings in cards to remove default link appearance */    .northop-snippet-wrapper .themed-card h3 a,    .northop-snippet-wrapper .themed-card h3 a:hover,    .northop-snippet-wrapper .themed-card h3 a:visited {        color: inherit; /* Inherit color from parent h3 */        text-decoration: none; /* Remove underline */        display: flex;        align-items: center;    }        .northop-snippet-wrapper p {       line-height: 1.7;    }   /* Scoped custom themed elements */   .northop-snippet-wrapper .feature-icon {        color: var(--secondary-color);    }      .northop-snippet-wrapper .section-bg-alt {       background-color: var(--bg-light-color); /* This will now use #e6d2c9 */   }   /* Scoped Call-to-Action Button */    .northop-snippet-wrapper a.northop-cta-button {        display: inline-block;        padding: 0.85rem 2.5rem;        border-radius: 4px;         font-weight: 500;        font-size: 1.1rem;        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);        background-color: var(--primary-color);        color: var(--text-light-color) !important;        border: 1px solid var(--primary-color);        transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;        text-decoration: none;        text-align: center;    }         .northop-snippet-wrapper a.northop-cta-button:hover {        background-color: var(--secondary-color);         border-color: var(--secondary-color);        transform: translateY(-2px);        box-shadow: 0 6px 10px -1px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.07);     }    .northop-snippet-wrapper .section-divider {        height: 2px;        width: 12rem;         margin-left: auto;        margin-right: auto;        background: linear-gradient(90deg,            rgba(230, 210, 201, 0), /* Transparent version of #e6d2c9 */           var(--accent-color), /* This is #e6d2c9 */           rgba(230, 210, 201, 0)  /* Transparent version of #e6d2c9 */         );    }       /* Scoped Cards */    .northop-snippet-wrapper .themed-card {        border-radius: 0.5rem;        transition: transform 0.3s ease, box-shadow 0.3s ease;        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);        border: 1px solid #e0e0e0; /* Slightly adjusted generic light gray border */        overflow: hidden;         background-color: white;     }        .northop-snippet-wrapper .themed-card:hover {        transform: translateY(-4px);        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);     }          /* Scoped Tags / Badges */     .northop-snippet-wrapper .theme-tag {         display: inline-block;         background-color: var(--bg-light-color); /* This will now use #e6d2c9 */         color: var(--secondary-color); /* Text color on tags - ensure good contrast */         padding: 0.25rem 0.75rem;         border-radius: 9999px;         font-size: 0.875rem;         font-weight: 500;      }      /* Optional: If the secondary color doesn't provide enough contrast on the new #e6d2c9 tag background,         you might want a darker text color for tags, e.g., var(--primary-color) or var(--text-dark-color)      .northop-snippet-wrapper .theme-tag {         color: var(--primary-color);      }      */</style><section class="northop-snippet-wrapper py-16 px-4 md:px-8">   <div class="max-w-6xl mx-auto">        <div class="text-center mb-16">        <h1 class="text-4xl md:text-5xl font-bold mb-4" style="color: var(--text-dark-color);">Northop Hall Hotel</h1>        <h2 class="text-2xl md:text-3xl font-semibold italic" style="color: var(--secondary-color);">A Jewel in North Wales</h2>        <div class="section-divider my-8"></div>    </div>    <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 lg:gap-12 mb-16">                <div class="lg:col-span-2">            <p class="text-lg mb-6">                Welcome to <span class="font-semibold" style="color: var(--primary-color);">Northop Hall Country House Hotel</span>, a unique gem among hotels in North Wales. Nestled near Mold, Flintshire, Northop Hall stands as a distinguished destination among hotels in Mold, Wales.            </p>            <p class="text-lg">                This beautiful Victorian mansion, set in over nine acres of serene gardens and woodland, reflects the deep historical roots of a 13th-century manor house. Surrounded by beautiful Welsh countryside, Northop Hall is an idyllic location for nature enthusiasts. Enjoy the local flora and fauna, go walking, hiking or bird watching, or relax in our picturesque gardens.            </p>        </div>        <div class="themed-card">           <div class="p-6">                <h3 class="text-2xl mb-5 flex items-center">                    <i class="fas fa-gem mr-3 text-2xl feature-icon"></i>                    Why Choose Us?                </h3>                <ul class="space-y-3 text-base">                    <li class="flex items-start">                        <i class="fas fa-check-circle mt-1 mr-2.5 feature-icon"></i>                        <span>Historic Victorian mansion with modern comforts.</span>                    </li>                    <li class="flex items-start">                        <i class="fas fa-check-circle mt-1 mr-2.5 feature-icon"></i>                        <span>Nine acres of private, serene gardens.</span>                    </li>                    <li class="flex items-start">                        <i class="fas fa-check-circle mt-1 mr-2.5 feature-icon"></i>                        <span>The perfect gateway to North Wales attractions.</span>                    </li>                    <li class="flex items-start">                       <i class="fas fa-check-circle mt-1 mr-2.5 feature-icon"></i>                        <span>Ideal, picturesque venue for special occasions.</span>                    </li>                </ul>            </div>        </div>    </div>        <div class="section-bg-alt rounded-lg p-8 lg:p-12 mb-16">        <div class="flex flex-col md:flex-row items-center gap-8">                       <div class="w-full md:w-1/4 flex justify-center">                 <div class="flex items-center justify-center h-36 w-36 rounded-full bg-white" style="border: 3px solid var(--accent-color);">                   <i class="fas fa-landmark text-6xl" style="color: var(--secondary-color);"></i>               </div>            </div>                        <div class="w-full md:w-3/4 md:pl-4">                <h3 class="text-3xl mb-4">                   Our Heritage                </h3>                <p class="text-lg">                   Our 38 well-appointed en-suite bedrooms are unique in character and style, offering a peaceful retreat with views of our stunning gardens and the Welsh countryside. Combining the elegance of the past with today's comforts, they provide a tranquil space where Victorian heritage meets modern amenities, making us a preferred choice for travellers seeking an enriching experience in North Wales hotels.                 </p>            </div>                    </div>    </div>    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12 mb-16">               <div class="themed-card flex flex-col">           <div class="p-6 flex-grow">                <h3 class="text-2xl mb-4">                    <a href="https://northophallhotel.com/discover-northop-hall" target="_blank" rel="noopener noreferrer">                        <i class="fas fa-compass mr-3 feature-icon"></i>                        Explore North Wales                    </a>                </h3>                <p class="text-base mb-6">                    At the crossroads of adventure and relaxation, our hotel is your gateway to North Wales' beauty and attractions. From Chester City's vibrant history to outdoor adventures and local gems like Chester Zoo and the Blue Planet Aquarium, the best of the region is within easy reach.                </p>           </div>                        <div class="p-6 pt-0">                 <div class="flex flex-wrap gap-2">                    <span class="theme-tag">Chester City</span>                    <span class="theme-tag">Chester Zoo</span>                    <span class="theme-tag">Blue Planet Aquarium</span>                    <span class="theme-tag">Welsh Countryside</span>                 </div>            </div>        </div>         <div class="themed-card flex flex-col">             <div class="p-6 flex-grow">                <h3 class="text-2xl mb-4">                    <a href="https://northophallhotel.com/events" target="_blank" rel="noopener noreferrer">                        <i class="fas fa-glass-cheers mr-3 feature-icon"></i>                       Weddings & Events                    </a>                </h3>                <p class="text-base mb-6">                   Northop Hall is an exceptional venue for weddings, business meetings, and special events. Our elegant function rooms and garden spaces, filled with natural light and equipped with excellent facilities, set the stage for memorable gatherings.                 </p>             </div>                          <div class="p-6 pt-0">                  <div class="flex flex-wrap gap-2">                    <span class="theme-tag">Weddings</span>                    <span class="theme-tag">Business Meetings</span>                    <span class="theme-tag">Garden Events</span>                    <span class="theme-tag">Special Occasions</span>                  </div>             </div>        </div>    </div>        <div class="section-bg-alt rounded-lg p-8 lg:p-12 text-center">         <h3 class="text-3xl mb-4">Experience the Charm</h3>         <p class="text-lg max-w-3xl mx-auto mb-8">             Explore the stunning Welsh countryside, enjoy local hospitality,              and immerse yourself in the region's rich heritage at Northop Hall.         </p>                 <a href="https://northophallhotel.com/about-us" class="northop-cta-button" target="_blank" rel="noopener noreferrer">            Read more about our hotel in Mold, Flintshire        </a>    </div>   </div></section>

Check-in

Check-out

Guests

countdown test

Spring Bank Holiday Escape

Accommodations

Victorian Elegance in Mold: Northop Hall Country House Hotel

Elegant Rooms at Northop Hall: A Distinguished Welsh Retreat

About Northop Hall Country House Hotel

Free Wi-Fi

Free Parking

Pet-Friendly

Garden Views

Convenient Transport Links

Outdoor Activities

Spring Bank Holiday Activities

Country Walks

Loggerheads Country Park

Moel Famau

Chester

Ewloe Castle

Snowdonia National Park