<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="https://img.houseui.com/static/intriera/img/favicon.ico"/>
<link rel="apple-touch-icon" sizes="180x180" href="https://img.houseui.com/static/intriera/img/apple-icon-180x180.png">
<link rel="icon" type="image/png" href="https://img.houseui.com/static/intriera/img/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileImage" content="https://img.houseui.com/static/intriera/img/apple-icon-180x180.png">
<meta name="msapplication-TileColor" content="#ffff">
<meta name="google-site-verification" content="hNsh2LARwJTefjy5sVYnN5ly2e7A4U6VUwiuZlC2Csc" />
<meta property="og:site_name" content="Intreira">
<title>Home - Intreira</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://img.houseui.com/static/intriera/css/custom/bootstrap.css" rel="stylesheet">
<link href="https://img.houseui.com/static/intriera/css/base-new.css" rel="stylesheet">
<meta property="og:title" content="Intriera">
<meta property="og:description" content="Transform your space with Intriera! Discover home improvement hacks, garden ideas, stylish decor trends, and real estate tips all in one place.">
<meta property="og:url" content="https://intriera.com">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://img.houseui.com/static/intriera/image/logo.png">
<meta property="og:image:alt" content="Intriera" />
<meta property="og:image:type" content="image/jpeg" />
<meta name="description" content="Transform your space with Intriera! Discover home improvement hacks, garden ideas, stylish decor trends, and real estate tips all in one place."/>
<link rel="canonical" href="https://intriera.com" />
<link href="https://img.houseui.com/static/intriera/css/index-new.css" rel="stylesheet">
<style>
.latest-section .view-all-btn .spinner-border {
width: 15px;
height: 15px;
border-width: 2px;
margin-right: 6px;
}
</style>
</head>
<body>
<header class="header">
<div class="container d-flex justify-content-between align-items-center">
<div class="search-bar">
<div class="search-lg">
<input type="text" class="form-control" id="header-search-input" placeholder="Search Blogs..">
<i class="ri-search-line fw-bold"></i>
</div>
<button class="d-inline-block search-sm d-xl-none" data-bs-toggle="modal" data-bs-target="#search-modal" id="header-search-btn">
<i class="ri-search-line"></i>
</button>
</div>
<div class="logo">
<a href="/">
<img src="https://img.houseui.com/static/intriera/img/logo.png" alt="Intreira Logo" class="header-logo img-fluid">
</a>
</div>
<div class="side-nav">
<button type="button" class="nav-toggle" data-bs-toggle="offcanvas" data-bs-target="#nav-canvas">
<i class="ri-menu-3-line"></i>
</button>
</div>
</div>
<nav class="navbar ">
<div class="container-xl d-flex justify-content-evenly" id="nav-lg">
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="/category/room-design-and-styles/" role="button" data-bs-toggle="dropdown">Rooms Designs</a>
<ul class="dropdown-menu shadow-sm">
<li class="d-inline d-xl-none">
<a class="dropdown-item" href="/category/room-design-and-styles/">Rooms Designs</a>
</li>
</li>
<a class="dropdown-item" href="/category/bathroom/">Bathroom</a>
</li>
</li>
<a class="dropdown-item" href="/category/garage/">Garage</a>
</li>
</li>
<a class="dropdown-item" href="/category/kitchen-ideas/">Kitchen</a>
</li>
</ul>
</div>
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="/category/home-improvement-ideas/" role="button" data-bs-toggle="dropdown">Home Improvement</a>
<ul class="dropdown-menu shadow-sm">
<li class="d-inline d-xl-none">
<a class="dropdown-item" href="/category/home-improvement-ideas/">Home Improvement</a>
</li>
</li>
<a class="dropdown-item" href="/category/flooring-tiling-ideas/">Flooring & Tiling</a>
</li>
</li>
<a class="dropdown-item" href="/category/furniture-ideas/">Furniture</a>
</li>
</li>
<a class="dropdown-item" href="/category/paint-color-inspiration/">Paint</a>
</li>
</ul>
</div>
<a class="nav-link" href="/category/gardening/">
Gardening
</a>
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="/category/home-decor/" role="button" data-bs-toggle="dropdown">Decor</a>
<ul class="dropdown-menu shadow-sm">
<li class="d-inline d-xl-none">
<a class="dropdown-item" href="/category/home-decor/">Decor</a>
</li>
</li>
<a class="dropdown-item" href="/category/home-accessories-reviews/">Home Accessories</a>
</li>
</li>
<a class="dropdown-item" href="/category/door-windows/">Doors & Windows</a>
</li>
</ul>
</div>
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="/category/renovation-remodeling/" role="button" data-bs-toggle="dropdown">Renovation</a>
<ul class="dropdown-menu shadow-sm">
<li class="d-inline d-xl-none">
<a class="dropdown-item" href="/category/renovation-remodeling/">Renovation</a>
</li>
</li>
<a class="dropdown-item" href="/category/housekeeping/">Housekeeping</a>
</li>
</li>
<a class="dropdown-item" href="/category/storage-ideas/">Storage Ideas</a>
</li>
</li>
<a class="dropdown-item" href="/category/hvac/">HVAC</a>
</li>
</li>
<a class="dropdown-item" href="/category/pest-control/">Pest Control</a>
</li>
</ul>
</div>
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="/category/diy-decor-hacks/" role="button" data-bs-toggle="dropdown">DIY</a>
<ul class="dropdown-menu shadow-sm">
<li class="d-inline d-xl-none">
<a class="dropdown-item" href="/category/diy-decor-hacks/">DIY</a>
</li>
</li>
<a class="dropdown-item" href="/category/electrical-fixes/">Electrical Fixes</a>
</li>
</li>
<a class="dropdown-item" href="/category/plumbing/">Plumbing</a>
</li>
</ul>
</div>
<div class="dropdown">
<a class="nav-link dropdown-toggle" href="/category/outdoor-living-build/" role="button" data-bs-toggle="dropdown">Outdoor</a>
<ul class="dropdown-menu shadow-sm">
<li class="d-inline d-xl-none">
<a class="dropdown-item" href="/category/outdoor-living-build/">Outdoor</a>
</li>
</li>
<a class="dropdown-item" href="/category/fencing/">Fencing</a>
</li>
</li>
<a class="dropdown-item" href="/category/roofing-and-repairs/">Roof</a>
</li>
</li>
<a class="dropdown-item" href="/category/landscaping/">Landscaping</a>
</li>
</ul>
</div>
<a class="nav-link" href="/category/real-estate-property-market-insights/">
Real Estate
</a>
<a class="nav-link " href="/about-us/">About Us</a>
</div>
</nav>
</header>
<div class="offcanvas offcanvas-end" tabindex="-1" id="nav-canvas" >
<div class="offcanvas-header">
<h5 class="offcanvas-title fw-bold" id="offcanvasTopLabel">
<a href="/">
<img src="https://img.houseui.com/static/intriera/img/logo.png" alt="Intreira Logo" class="header-logo img-fluid">
</a>
</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
</div>
</div>
<div class="modal fade" id="search-modal" tabindex="-1">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header px-sm-4 pt-4 ">
<div class="search-modal-wraper position-relative ">
<i class="ri ri-search-line"></i>
<input type="search" name="" id="modal-searh-input" placeholder="Search in blog.." class="form-control form-control-lg form-control-sm">
</div>
</div>
<div class="modal-body px-sm-4 py-1">
<div id="search-output">
<p class="text-muted text-center mb-0 r-count">
<i class="ri ri-search-line"></i> Start typing to search for blog<span class="d-none d-sm-inline"> in all category</span>.
</p>
</div>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="hero-section py-4">
<div class="container">
<div class="row">
<div class="col-lg-8 col-p">
<a href="/best-weed-killers-that-wont-harm-your-grass/" class="text-decoration-none">
<div class="card big-blog">
<img src="https://img.houseui.com/media/blog-thumbnail/dfgh.webp/" class="card-img" alt="Weed Killer That Won't Kill Grass">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Weed Killer That Won't Kill Grass</h3>
<div class="d-flex align-items-center blog-desc">
<img src="https://img.houseui.com/media/avatar-sm/Ava_Wilson_NdiztWL.webp/" alt="Ava Wilson" class="author-img img-fluid">
<p class="mb-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>04 Sept. 2025
</span>
</p>
<p class="read-time mb-0 ">
<span>
<i class="ri-book-open-line me-1"></i>4 min read
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-p">
<a href="/what-not-to-plant-with-bee-balm-common-garden-pairing-mistakes/" class="text-decoration-none">
<div class="small-blog">
<img src="https://img.houseui.com/media/blog-thumbnail/cfhgj.webp/" class="card-img" alt="What Not to Plant With Bee Balm">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">What Not to Plant With Bee Balm?</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>03 Sept. 2025
</span>
</p>
</div>
</div>
</div>
</a>
<a href="/10-best-brooms-for-hardwood-floors-no-scratches/" class="text-decoration-none">
<div class="small-blog">
<img src="https://img.houseui.com/media/blog-thumbnail/hfhi.webp/" class="card-img" alt="Best Broom For Hardwood Floors">
<div>
<span class="blog-category">Housekeeping and Organizing</span>
<h3 class="blog-title">Best Broom For Hardwood Floors</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Evelyn Johnson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>10 Sept. 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="editor-picks py-4">
<div class="container">
<h2 class="section-title">Editor's Picks</h2>
<div class="editor-picks-card">
<div class="big-card">
<a href="/cost-to-add-a-garage-to-house_1/" class="text-decoration-none">
<div class="row align-items-center">
<div class="col-lg-6">
<span class="blog-category">Garage Upgrades & Storage</span>
<h3 class="blog-title">How Much Does It Cost to Add a Room Above Garage?</h3>
<p class="blog-text">Homeowners always look for extra space in their homes to meet their practical needs as well as to add value to their properties. Most home renovation projects consist of such ideas, and one such idea is adding a room above the garage, which is a smart way to create an additional space that can be used for remote work or for any other purpose. In the past few...</p>
<div class="d-flex align-items-center blog-desc">
<img src="https://img.houseui.com/media/avatar-sm/Lauren_Scruggs_635zd57.webp/" alt="Lauren Scruggs" class="author-img img-fluid">
<p class="mb-0 author-name">
By Lauren Scruggs
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>02 Jan. 2025
</span>
</p>
<p class="read-time mb-0 ">
<span>
<i class="ri-book-open-line me-1"></i>4 min read
</span>
</p>
</div>
</div>
<div class="col-lg-6 col-p">
<img src="https://img.houseui.com/media/blog-thumbnail/Cost_to_Add_Room_Above_Garage.webp/" class="card-img" alt="Cost to Add Room Above Garage">
</div>
</div>
</a>
</div>
<div class="row">
<div class="col-md-6 col-lg-4 mb-4 col-p">
<a href="/how-much-does-a-new-bed-cost/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/How_Much_Does_a_New_Bed_Cost_0SBBJBp.webp/" class="card-img" alt="How Much Does a New Bed Cost?">
<div>
<span class="blog-category">Furniture Ideas</span>
<h3 class="blog-title">How Much Does a New Bed Cost? A Comprehensive Pricing Guide</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Lucas Davis
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>25 March 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 mb-4 col-p">
<a href="/are-apple-tree-roots-invasive/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/Are_Apple_Tree_Roots_Invasive.webp/" class="card-img" alt="Are Apple Tree Roots Invasive?">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Are Apple Tree Roots Invasive? What You Need to Know</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>26 Dec. 2024
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 mb-4 col-p">
<a href="/are-you-having-problems-attracting-hummingbirds-to-your-yard/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/Attracting_Hummingbirds_to_Your_Yard.webp/" class="card-img" alt="Attracting Hummingbirds to Your Yard">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Are Hummingbirds Ignoring Your Yard? Here’s What You’re Missing!</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>25 March 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="newsletter-section py-5">
<div class="container">
<div class="newsletter-card">
<div class="row align-items-center">
<div class="col-lg-5">
<h3 class="section-title">Get daily updates!</h3>
<p class="mb-0 sub-title">
Subscribe to our mailing list to get latest update.
</p>
</div>
<div class="col-lg-7">
<div id="subscription-result" class="mb-2 ms-2 small"></div>
<div class="newsletter-input">
<input type="email" id="newletter-email" class="form-control" placeholder="Enter Your Email Address">
<button class="sub-btn" type="button" onclick="subscribe()">
<i class="ri-mail-send-line"></i> <span class="d-none d-sm-inline">Subscribe</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="latest-section py-5">
<div class="container mb-5">
<h2 class="section-title">Latest Story</h2>
<div class="row" id="posts-container">
<div class="col-md-6 col-lg-4 col-p">
<a href="/paint-colors-that-go-with-pine-wood-trim/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/Paint_Colors_That_Go_With_Pine_Wood_Trim.webp/" class="card-img" alt="Paint Colors That Go With Pine Wood Trim">
<div>
<span class="blog-category">Home Decor & Styling</span>
<h3 class="blog-title">15 Best Paint Colors That Go With Pine Wood Trim</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Lucas Davis
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>28 Aug. 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 col-p">
<a href="/jane-vs-ann-magnolia-tree/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/Jane_Vs_Ann_Magnolia_Tree.webp/" class="card-img" alt="Jane Vs Ann Magnolia Tree">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Ann vs Jane Magnolia Tree? Compare Size, Color, Bloom & Care</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>11 Aug. 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 col-p">
<a href="/diy-porch-swing/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/DIY_Porch_Swing.webp/" class="card-img" alt="DIY Porch Swing">
<div>
<span class="blog-category">Home Decor & Styling</span>
<h3 class="blog-title">DIY Porch Swing - Easy Step-by-Step Guide</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Lucas Davis
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>22 Aug. 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 col-p">
<a href="/tough-creeping-lawn-weeds/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/Tough_Creeping_Lawn_Weeds.webp/" class="card-img" alt="Tough Creeping Lawn Weeds">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Stop These 16 Tough Creeping Lawn Weeds Before They Spread</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>29 Aug. 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 col-p">
<a href="/snowball-bush-vs-hydrangea/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/Snowball_bush_and_hydrangea_plant.webp/" class="card-img" alt="Snowball Bush Vs Hydrangea">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Snowball Bush vs Hydrangea: Don’t Be Fooled by the Look-Alikes!</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>14 Aug. 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 col-p">
<a href="/soft-touch-holly-vs-boxwood/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/soft_touch_holly_and_boxwood_shrubs.webp/" class="card-img" alt="Soft Touch Holly Vs Boxwood">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Soft Touch Holly vs Boxwood Shrubs: Pros, Cons, and Garden Suitability</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>28 July 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 col-p">
<a href="/ground-cover-with-yellow-flowers/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/Ground_Cover_With_Yellow_Flowers_AuQI0MY.webp/" class="card-img" alt="Ground Cover With Yellow Flowers">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">12 Best Ground Cover Yellow Flowers to Brighten Your Garden</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>25 Aug. 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 col-p">
<a href="/sunflower-companion-plants/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/sunflower.webp/" class="card-img" alt="Sunflower Companion Plants">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Top 10 Best Companion Plants for Sunflowers (and 4 to Avoid)</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>26 Aug. 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4 col-p">
<a href="/homemade-crabgrass-killer/" class="text-decoration-none">
<div class="blog-card">
<img src="https://img.houseui.com/media/blog-thumbnail/Homemade_Crabgrass_Killer.webp/" class="card-img" alt="Homemade Crabgrass Killer">
<div>
<span class="blog-category">Gardening Tips and Tricks</span>
<h3 class="blog-title">Best Homemade Crabgrass Killers That Actually Work</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By Ava Wilson
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>07 July 2025
</span>
</p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="text-center mt-2">
<button class="view-all-btn" id="load-more-btn">
Load More<i class="ri-arrow-down-s-line ms-1"></i>
</button>
</div>
</div>
</div>
<div class="edit-btn-wraper">
</div>
<footer class="footer-section pt-4 pt-sm-5">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-4 pb-3 pb-sm-4">
<div class="footer-logo">
<a href="/" class="footer-brand">
<img src="https://img.houseui.com/static/intriera/img/logo.png" alt="Intreira Logo" class="img-fluid">
</a>
<p class="footer-text my-2 text-muted">
Your home's creative companion: Inspire, Decorate, Transform.
</p>
<div class="mt-3 my-2 newsletter mb-4 mb-sm-2">
<h3 class="newsletter-title">Get daily updates!</h3>
<div class="newsletter-input">
<input type="text" class="form-control" placeholder="Enter Your Email addess">
<button class="sub-btn" type="button">
<i class="ri-mail-send-line"></i> <span class="d-none d-xl-inline">Subscribe</span>
</button>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 pb-3 pb-sm-4 ms-auto">
<ul class="list-unstyled category">
<li><a class="footer-link" href="/category/room-design-and-styles/">Rooms Designs</a></li>
<li><a class="footer-link" href="/category/home-improvement-ideas/">Home Improvement</a></li>
<li><a class="footer-link" href="/category/gardening/">Gardening</a></li>
<li><a class="footer-link" href="/category/home-decor/">Decor</a></li>
<li><a class="footer-link" href="/category/renovation-remodeling/">Renovation</a></li>
<li><a class="footer-link" href="/category/diy-decor-hacks/">DIY</a></li>
<li><a class="footer-link" href="/category/outdoor-living-build/">Outdoor</a></li>
<li><a class="footer-link" href="/category/real-estate-property-market-insights/">Real Estate</a></li>
</ul>
</div>
<div class="col-auto col-md-6 col-lg-2">
<h5 class="footer-title mb-2 mb-sm-3">Quick Links</h5>
<ul class="list-unstyled other">
<li><a class="footer-link" href="/">Home</a></li>
<li><a class="footer-link" href="/about-us/">About us</a></li>
<li><a class="footer-link" href="/contact-us/">Contact us</a></li>
<li><a class="footer-link" href="/contact-us/">Advertise</a></li>
</ul>
</div>
<div class="col-auto col-md-6 col-lg-2">
<h5 class="footer-title mb-2 mb-sm-3">Legal</h5>
<ul class="list-unstyled other">
<li><a class="footer-link" href="/brand-privacy-policy/">Brand Privacy Policy</a></li>
<li><a class="footer-link" href="/brand-privacy-policy/">Terms and Conditions</a></li>
</ul>
</div>
</div>
<div class="footer-bottom pb-2">
<hr class="footer-hr">
<div class="row align-items-center mb-2">
<div class="col-12 col-md-auto">
<p class="text-muted mb-1 mb-sm-0 text-center">
Copyrights © 2024 <a href="/" class="website">intriera.com</a> All rights reserved.
</p>
</div>
<div class="col-12 col-md-auto ms-none ms-sm-auto">
<div class="social text-center">
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-line"></i></a>
<a href=""><i class="ri-twitter-x-fill"></i></a>
<a href="mailto:teamintriera@gmail.com"><i class="ri-mail-line"></i></a>
<a href="/feed/"><i class="ri-rss-fill me-2"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<script>
document.querySelectorAll('.dropdown-toggle').forEach(function (dropdownToggle) {
dropdownToggle.addEventListener('click', function (event) {
event.preventDefault();
window.location.href = this.getAttribute('href');
});
});
var sourceElement = document.getElementById('nav-lg');
var destinationElement = document.querySelector('#nav-canvas .offcanvas-body');
destinationElement.innerHTML = sourceElement.innerHTML;
searchModal = document.getElementById('search-modal');
searchModalInput = document.getElementById('modal-searh-input');
searchOutput = document.getElementById('search-output');
let typingTimer = null;
isMobileView = window.innerWidth < 768;
document.getElementById('header-search-input').addEventListener('focus', openSearchModal);
function openSearchModal() {
var myModal = new bootstrap.Modal(searchModal, {});
myModal.show();
}
searchModal.addEventListener('shown.bs.modal', function() {
searchModalInput.focus();
})
searchModalInput.addEventListener("keyup", function (event) {
clearTimeout(typingTimer);
typingTimer = setTimeout(function () {
const searchTerm = event.target.value;
if (searchTerm.trim() !== '') {
searchOutput.innerHTML = `<div class="text-muted text-center mb-0"><div class="spinner-border text-secondary me-2" role="status"><span class="visually-hidden">Loading...</span></div>Searching...</div>`;
fetchSearchResults(searchTerm);
}
}, 500);
});
function fetchSearchResults(searchTerm) {
const csrfToken = "UT3ctkRsQGIYK2I4nYb6F9WmL6oveguxVYk5Ol0fw17TkcdDAtu5NcV66lCP0UyS";
const xhr = new XMLHttpRequest();
xhr.open('POST', '/api/search/', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.setRequestHeader('X-CSRFToken', csrfToken);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
const data = JSON.parse(xhr.responseText);
if (data.status) {
updateSearchResults(data);
}else{
searchOutput.innerHTML = `<p class="text-danger text-center mb-0 r-count">
Somthing went wrong, reload page or try again!!</p>`;
console.log(data);
}
}
};
xhr.send('query=' + encodeURIComponent(searchTerm));
}
function updateSearchResults(results) {
if(results.total){
searchOutput.innerHTML = `<p class="text-muted mb-0 r-count">${results.total} Results Found:</p>`;
}else{
searchOutput.innerHTML = `<p class="text-muted text-center mb-0">No Results Found</p>`;
}
results.posts.forEach(result => {
truncatedTitle = isMobileView ? result.title.length > 45 ? result.title.substring(0, 45) + '...' : result.title : result.title;
searchOutput.innerHTML += `<a href="${result.url}" class="blog">
<div class="row py-2 py-sm-3 align-items-center">
<div class="col-4 col-sm-3 px-2">
<img src="${result.thumbnail}" class="blog-thumbnail img-fluid">
</div>
<div class="col-8 col-sm-9 px-0 px-md-2">
<span class="blog-category">${result.category}</span>
<h4 class="blog-title mt-1 mb-1">${truncatedTitle}</h4>
<span class="blog-time text-muted">
<i class="ri-calendar-2-line me-1"></i>${result.date}
</span>
</div>
</div>
</a>`;
});
}
</script>
<script>
let currentPage = 1;
const loadMoreBtn = document.getElementById('load-more-btn');
const postsContainer = document.getElementById('posts-container');
loadMoreBtn.addEventListener('click', () => {
loadMorePosts(currentPage);
currentPage++;
});
async function loadMorePosts(currPage) {
try {
loadMoreBtn.classList.add('disabled');
loadMoreBtn.innerHTML = `<div class="spinner-border loader" role="status"><span class="visually-hidden">Loading...</span></div>Loading...`;
const response = await fetch(`api/load-post/${currPage}/`);
const data = await response.json();
if(data.status) {
data.posts.forEach(post => {
const truncatedTitle = post.title.length > 60 ? post.title.substring(0, 60) + '...' : post.title;
const postHTML = `
<div class="col-md-6 col-lg-4 col-p">
<a href="${post.url}" class="text-decoration-none">
<div class="blog-card">
<img src="${post.thumbnail}" class="card-img" alt="${post.thumbnail_alt}">
<div>
<span class="blog-category">${post.category}</span>
<h3 class="blog-title">${post.title}</h3>
<div class="d-flex align-items-center blog-desc">
<p class="mb-0 ms-0 author-name">
By ${post.author}
</p>
<p class="mb-0 blog-time">
<span>
<i class="ri-calendar-2-line me-1"></i>${post.date}
</span>
</p>
</div>
</div>
</div>
</a>
</div>`;
postsContainer.innerHTML += postHTML;
});
if(data.has_next_page){
loadMoreBtn.classList.remove('disabled');
loadMoreBtn.innerHTML = ` Load More<i class="ri-arrow-down-s-line ms-1"></i>`;
}
else
loadMoreBtn.classList.add('d-none');
} else {
console.log(data.message);
}
} catch (error) {
console.error('Error fetching posts:', error);
}
}
</script>
<script>
const mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,5})+$/;
function subscribe() {
const emailInput = document.getElementById('newletter-email');
const resultDiv = document.getElementById('subscription-result');
const email = emailInput.value;
const csrfToken = "UT3ctkRsQGIYK2I4nYb6F9WmL6oveguxVYk5Ol0fw17TkcdDAtu5NcV66lCP0UyS";
if(mailformat.test(email)){
const xhr = new XMLHttpRequest();
xhr.open('POST', '/subscribe/', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.setRequestHeader('X-CSRFToken', csrfToken);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
if (response.success) {
emailInput.value = '';
resultDiv.innerHTML = `<span class="text-primary">${response.message}</span>`;
}else{
resultDiv.innerHTML = `<span class="text-danger">${response.message}</span>`;
}
}
};
xhr.send('email=' + encodeURIComponent(email));
}else{
resultDiv.innerHTML = '<span class="text-danger">Please Enter a Valid Email.</span>';
return;
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DMW3LVR3QD"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DMW3LVR3QD');
</script>
</body>
</html>