Server : LiteSpeed System : Linux in-mum-web1949.main-hosting.eu 5.14.0-503.40.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Mon May 5 06:06:04 EDT 2025 x86_64 User : u595547767 ( 595547767) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/u595547767/domains/ignainteriors.com/public_html/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Crystal Interior</title>
<link href="css/bootstrap.min.css" rel="stylesheet" >
<link href="css/font-awesome.min.css" rel="stylesheet" >
<link href="css/global.css" rel="stylesheet">
<link href="css/blog.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
<script src="js/bootstrap.bundle.min.js"></script>
</head>
<body>
<section id="header" class="bg-light">
<nav class="navbar navbar-expand-md navbar-light bg-white mx-auto" id="navbar_sticky">
<div class="container-xl">
<a class="text-black p-0 navbar-brand fw-bold" href="index.html"><i class="fa fa-home col_red fs-1 align-middle"></i> Crystal <br> <span class="text-muted fw-normal font_14">Interior Designer</span></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mb-0 ms-auto">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About </a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Blog
</a>
<ul class="dropdown-menu drop_1" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="blog.html"> Blog</a></li>
<li><a class="dropdown-item border-0" href="blog_detail.html"> Blog Detail</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services </a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Projects
</a>
<ul class="dropdown-menu drop_1" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="project.html"> Projects</a></li>
<li><a class="dropdown-item border-0" href="project_detail.html"> Project Detail</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Pages
</a>
<ul class="dropdown-menu drop_1" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="team.html"> Team</a></li>
<li><a class="dropdown-item border-0" href="contact.html"> Contact</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle dropdown_search nav_hide" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa fa-search"></i>
</a>
<ul class="dropdown-menu drop_2 p-3" aria-labelledby="navbarDropdown">
<li>
<div class="input-group">
<input type="text" class="form-control" placeholder="Search Here">
<span class="input-group-btn">
<button class="btn btn-primary bg_red rounded-0 p-2 px-3 border-0" type="button">
<i class="fa fa-search"></i> </button>
</span>
</div>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#"><i class="fa fa-user"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<section id="header_m" class="p_3 bg-light">
<div class="container-xl">
<div class="row header_m1">
<div class="col-md-3">
<div class="header_m1i">
<div class="header_m1i1 row">
<div class="col-md-3">
<div class="header_m1i1l">
<i class="fa fa-globe font_60 col_red"></i>
</div>
</div>
<div class="col-md-9">
<div class="header_m1i1r">
<h5>Newyork, USA</h5>
<h6 class="mb-0 text-muted">Flat 231, Semper Deck Stv</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="header_m1i">
<div class="header_m1i1 row">
<div class="col-md-3">
<div class="header_m1i1l">
<i class="fa fa-phone font_60 col_red"></i>
</div>
</div>
<div class="col-md-9">
<div class="header_m1i1r">
<h5>+(000) 345 67 89</h5>
<h6 class="mb-0 text-muted">Mon - Friday: 9.00 to 18.00</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="header_m1i">
<div class="header_m1i1 row">
<div class="col-md-3">
<div class="header_m1i1l">
<i class="fa fa-envelope font_50 col_red"></i>
</div>
</div>
<div class="col-md-9">
<div class="header_m1i1r">
<h5>info@gmail.com</h5>
<h6 class="mb-0 text-muted">Mon - Friday: 9.00 to 18.00</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="header_m1io">
<ul class="social-network social-circle mb-0">
<li><a href="#" class="icoRss" title="Rss"><i class="fa fa-rss"></i></a></li>
<li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="center" class="center_blog">
<div class="center_om">
<div class="container-xl">
<div class="row center_o1">
<div class="col-md-6">
<div class="center_o1l">
<hr class="line_1 mt-0">
<h1 class="text-white font_60 mb-0">Our Blog</h1>
</div>
</div>
<div class="col-md-6">
<div class="center_o1r text-end">
<h5 class="col_red mb-0 mt-3 fw-normal"><a class="text-light" href="#">Home</a> <span class="mx-2 text-white-50">/</span> Our Blog</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="blog" class="p_3">
<div class="container-xl">
<div class="blog_1 row">
<div class="col-md-8">
<div class="blog_1l">
<div class="blog_1l1">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/26.jpg" class="w-100" alt="img25"></a>
</figure>
</div>
<h2 class="mt-3"><a href="blog_detail.html">Low-cost interior designing ideas for you</a></h2>
<h6 class="mt-3">By: <a class="col_red" href="blog_detail.html">Admin</a> <span class="mx-3 text-muted">|</span> <i class="fa fa-comments me-1"></i> <a class="col_red" href="blog_detail.html">No Comments</a> <span class="mx-3 text-muted">|</span> <i class="fa fa-calendar me-1"></i> <a class="col_red" href="blog_detail.html">June 11, 2019</a></h6>
<hr>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through</p>
<h6 class="mb-0 mt-4 center_sm"><a class="button" href="blog_detail.html">Read More <i class="fa fa-long-arrow-right ms-1"></i></a></h6>
</div>
<div class="blog_1l1 mt-4">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/27.jpg" class="w-100" alt="img25"></a>
</figure>
</div>
<h2 class="mt-3"><a href="blog_detail.html">Modular litchen designing and installation</a></h2>
<h6 class="mt-3">By: <a class="col_red" href="blog_detail.html">Admin</a> <span class="mx-3 text-muted">|</span> <i class="fa fa-comments me-1"></i> <a class="col_red" href="blog_detail.html">No Comments</a> <span class="mx-3 text-muted">|</span> <i class="fa fa-calendar me-1"></i> <a class="col_red" href="blog_detail.html">June 11, 2019</a></h6>
<hr>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through</p>
<h6 class="mb-0 mt-4 center_sm"><a class="button" href="blog_detail.html">Read More <i class="fa fa-long-arrow-right ms-1"></i></a></h6>
</div>
<div class="blog_1l1 mt-4">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/28.jpg" class="w-100" alt="img25"></a>
</figure>
</div>
<h2 class="mt-3"><a href="blog_detail.html">Wondering if interior design is a dying filed?</a></h2>
<h6 class="mt-3">By: <a class="col_red" href="blog_detail.html">Admin</a> <span class="mx-3 text-muted">|</span> <i class="fa fa-comments me-1"></i> <a class="col_red" href="blog_detail.html">No Comments</a> <span class="mx-3 text-muted">|</span> <i class="fa fa-calendar me-1"></i> <a class="col_red" href="blog_detail.html">June 11, 2019</a></h6>
<hr>
<p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through</p>
<h6 class="mb-0 mt-4 center_sm"><a class="button" href="blog_detail.html">Read More <i class="fa fa-long-arrow-right ms-1"></i></a></h6>
</div>
<div class="pages mt-4 text-center">
<ul class="mb-0">
<li><a href="blog_detail.html"><i class="fa fa-chevron-left"></i></a></li>
<li><a class="act" href="blog_detail.html">1</a></li>
<li><a href="blog_detail.html">2</a></li>
<li><a href="blog_detail.html">3</a></li>
<li><a href="blog_detail.html">4</a></li>
<li><a href="blog_detail.html">5</a></li>
<li><a href="blog_detail.html">6</a></li>
<li><a href="blog_detail.html"><i class="fa fa-chevron-right"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="blog_1r">
<div class="blog_1r1 p-3 shadow_box">
<div class="input-group p-2">
<input type="text" class="form-control border_1 rounded-0" placeholder="Search...">
<span class="input-group-btn">
<button class="btn btn-primary bg_red border-0 rounded-0 p-3 px-4" type="button">
<i class="fa fa-search"></i> </button>
</span>
</div>
</div>
<div class="blog1r1 mt-4 p-3 shadow_box">
<h4>Categories</h4>
<hr class="line mb-4">
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> Blog Grid <span class="pull-right">(12)</span></a></h6><hr>
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> Blog H1 <span class="pull-right">(13)</span></a></h6><hr>
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> Blog H3 <span class="pull-right">(07)</span></a></h6><hr>
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> Footer <span class="pull-right">(13)</span></a></h6><hr>
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> Sidebar <span class="pull-right">(07)</span></a></h6><hr>
<h6 class="mb-0"><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> Uncategorized <span class="pull-right">(09)</span></a></h6>
</div>
<div class="blog1r1 mt-4 p-3 shadow_box">
<h4>Recent News</h4>
<hr class="line mb-4">
<div class="row footer_1i1">
<div class="col-md-4 col-4 pe-0">
<div class="footer_1i1l">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/8.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
<div class="col-md-8 col-8">
<div class="footer_1i1r">
<h6><i class="fa fa-calendar col_red me-1"></i> June 7, 2018</h6>
<h6 class="fw-bold mb-0"><a href="blog_detail.html">Creating drama and
feeling with…</a></h6>
</div>
</div>
</div><hr>
<div class="row footer_1i1">
<div class="col-md-4 col-4 pe-0">
<div class="footer_1i1l">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/9.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
<div class="col-md-8 col-8">
<div class="footer_1i1r">
<h6><i class="fa fa-calendar col_red me-1"></i> June 7, 2018</h6>
<h6 class="fw-bold mb-0"><a href="blog_detail.html">Enjoy monsoon in
comfort of your…</a></h6>
</div>
</div>
</div><hr>
<div class="row footer_1i1">
<div class="col-md-4 col-4 pe-0">
<div class="footer_1i1l">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/10.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
<div class="col-md-8 col-8">
<div class="footer_1i1r">
<h6><i class="fa fa-calendar col_red me-1"></i> June 7, 2018</h6>
<h6 class="fw-bold mb-0"><a href="blog_detail.html">Wondering if interior
design is dying…</a></h6>
</div>
</div>
</div>
</div>
<div class="blog1r1 mt-4 p-3 shadow_box">
<h4>Archives</h4>
<hr class="line mb-4">
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> March 2018 <span class="pull-right">(12)</span></a></h6><hr>
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> May <span class="pull-right">(13)</span></a></h6><hr>
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> June <span class="pull-right">(07)</span></a></h6><hr>
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> July <span class="pull-right">(13)</span></a></h6><hr>
<h6><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> August <span class="pull-right">(07)</span></a></h6><hr>
<h6 class="mb-0"><a href="blog_detail.html"><i class="fa fa-chevron-circle-right align-middle col_red me-1"></i> October <span class="pull-right">(09)</span></a></h6>
</div>
<div class="blog1r1 mt-4 p-3 px-4 shadow_box">
<h4>Social Feed</h4>
<hr class="line mb-4">
<div class="blog1r1i row">
<div class="col-md-4 px-1 col-4">
<div class="blog1r1ii">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/5.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
</div>
<div class="col-md-4 px-1 col-4">
<div class="blog1r1ii">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/6.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
</div>
<div class="col-md-4 px-1 col-4">
<div class="blog1r1ii">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/7.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
</div>
</div>
<div class="blog1r1i row mt-2">
<div class="col-md-4 px-1 col-4">
<div class="blog1r1ii">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/8.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
</div>
<div class="col-md-4 px-1 col-4">
<div class="blog1r1ii">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/9.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
</div>
<div class="col-md-4 px-1 col-4">
<div class="blog1r1ii">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="blog_detail.html"><img src="img/10.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
</div>
</div>
<h6 class="mt-3 fw-bold mb-0 center_sm"><a href="blog_detail.html">Follow On Instagram</a></h6>
</div>
<div class="blog1r1 mt-4 p-3 px-4 shadow_box">
<h4>Tags</h4>
<hr class="line mb-4">
<ul class="mb-0">
<li class="d-inline-block"><a href="blog_detail.html">COLOR</a></li>
<li class="d-inline-block"><a href="blog_detail.html">ARCHITECTURE</a></li>
<li class="d-inline-block"><a href="blog_detail.html">BUILDING</a></li>
<li class="d-inline-block"><a href="blog_detail.html">EXTERIOR</a></li>
<li class="d-inline-block"><a href="blog_detail.html">DESIGN</a></li>
<li class="d-inline-block"><a href="blog_detail.html">COMMERCIAL</a></li>
<li class="d-inline-block"><a href="blog_detail.html">FABRIC</a></li>
<li class="d-inline-block"><a href="blog_detail.html">LIGHTS</a></li>
<li class="d-inline-block"><a href="blog_detail.html">IDEAS</a></li>
<li class="d-inline-block"><a href="blog_detail.html">INTERIOR</a></li>
<li class="d-inline-block"><a href="blog_detail.html">TRADITIONAL</a></li>
<li class="d-inline-block"><a href="blog_detail.html">WALL PAINTING</a></li>
<li class="d-inline-block"><a href="blog_detail.html">MODERN</a></li>
<li class="d-inline-block"><a href="blog_detail.html">MINIMALIST</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="subs_o" class="pt-5 pb-5 bg-light">
<div class="container-xl">
<div class="subs_o1 row">
<div class="col-md-7">
<div class="subs_o1l">
<h1><i class="fa fa-ticket me-1 col_red"></i> Subscribe for Newsletter <br> <span class="fs-6 fw-normal">Manage Your Business With Our Software</span></h1>
</div>
</div>
<div class="col-md-5">
<div class="subs_o1r mt-1">
<div class="input-group p-2 bg-white rounded-3">
<input type="text" class="form-control border-0 rounded-0" placeholder="Email Address...">
<span class="input-group-btn">
<button class="btn btn-primary bg_red border-0 rounded-3" type="button">
Subscribe Now </button>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p_3 bg_dark">
<div class="container-xl">
<div class="row footer_1">
<div class="col-md-3">
<div class="footer_1i">
<h3 class="mb-4"><a class="text-white fw-bold" href="index.html"><i class="fa fa-home col_red fs-1 align-middle"></i> Crystal <br> <span class="text-white-50 fw-normal font_14">Interior Designer</span></a></h3>
<h5 class="text-white fs-6">ADDRESS</h5>
<hr class="line">
<p class="text-white-50 fs-6">Flat 24, Semper Amet, East<br>
Lorem, GW79 6XT</p>
<h5 class="text-white fs-6">PHONE</h5>
<hr class="line">
<p class="text-white-50 fs-6">+(000) 345 67 89<br>
Mon - Friday: 9.00am to 6.00pm</p>
<h5 class="text-white fs-6">EMAIL</h5>
<hr class="line">
<p class="text-white-50 fs-6">info@gmail.com<br>
info@gmail.com</p>
</div>
</div>
<div class="col-md-3">
<div class="footer_1i">
<h4 class="text-white fs-3 mb-5">Services</h4>
<hr class="hr_1 mb-4">
<div class="row footer_3ism">
<h6 class="col-md-12 col-6"><a class="text-white-50" href="#"><i class="fa fa-chevron-right me-1 font_12 col_red"></i> Concept Design</a></h6>
<h6 class="col-md-12 col-6 mt-3"><a class="text-white-50" href="#"><i class="fa fa-chevron-right me-1 font_12 col_red"></i> Project Designs</a></h6>
<h6 class="col-md-12 col-6 mt-3"><a class="text-white-50" href="#"><i class="fa fa-chevron-right me-1 font_12 col_red"></i> Make Overs</a></h6>
<h6 class="col-md-12 col-6 mt-3"><a class="text-white-50" href="#"><i class="fa fa-chevron-right me-1 font_12 col_red"></i> Consulting</a></h6>
<h6 class="col-md-12 col-6 mt-3"><a class="text-white-50" href="#"><i class="fa fa-chevron-right me-1 font_12 col_red"></i> Glass & Wrought</a></h6>
<h6 class="col-md-12 col-6 mt-3 mb-0"><a class="text-white-50" href="#"><i class="fa fa-chevron-right me-1 font_12 col_red"></i> Space Planning</a></h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="footer_1i">
<h4 class="text-white fs-3 mb-5">Recent News</h4>
<hr class="hr_1 mb-4">
<div class="row footer_1i1">
<div class="col-md-4 col-4 pe-0">
<div class="footer_1i1l">
<figure class="effect-jazz mb-0">
<a href="#"><img src="img/8.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
<div class="col-md-8 col-8">
<div class="footer_1i1r">
<h6 class="text-white-50"><i class="fa fa-calendar col_red me-1"></i> June 7, 2018</h6>
<h6 class="fw-bold mb-0"><a class="text-white" href="#">Creating drama and
feeling with…</a></h6>
</div>
</div>
</div><hr class="hr_1">
<div class="row footer_1i1">
<div class="col-md-4 col-4 pe-0">
<div class="footer_1i1l">
<figure class="effect-jazz mb-0">
<a href="#"><img src="img/9.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
<div class="col-md-8 col-8">
<div class="footer_1i1r">
<h6 class="text-white-50"><i class="fa fa-calendar col_red me-1"></i> June 7, 2018</h6>
<h6 class="fw-bold mb-0"><a class="text-white" href="#">Enjoy monsoon in
comfort of your…</a></h6>
</div>
</div>
</div><hr class="hr_1">
<div class="row footer_1i1">
<div class="col-md-4 col-4 pe-0">
<div class="footer_1i1l">
<figure class="effect-jazz mb-0">
<a href="#"><img src="img/10.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
</div>
<div class="col-md-8 col-8">
<div class="footer_1i1r">
<h6 class="text-white-50"><i class="fa fa-calendar col_red me-1"></i> June 7, 2018</h6>
<h6 class="fw-bold mb-0"><a class="text-white" href="#">Wondering if interior
design is dying…</a></h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="footer_1i">
<h4 class="text-white fs-3 mb-5">Our NewsLetter</h4>
<hr class="hr_1 mb-4">
<p class="text-white-50">Get in your inbox the latest News and Offers from Greenly</p>
<input class="form-control rounded-3 text-light bg-transparent" placeholder="Email here" type="text">
<h6 class="mb-0 mt-3"><a class="button d-block text-center" href="#">Subscribe</a></h6>
</div>
</div>
</div>
</div>
</section>
<section id="footer_b" class="pt-3 pb-3">
<div class="container-xl">
<div class="row footer_b1">
<div class="col-md-8">
<div class="footer_b1l">
<p class="mb-0">© 2013 Your Website Name. All Rights Reserved | Design by <a class="col_red" href="http://www.templateonweb.com">TemplateOnWeb</a></p>
</div>
</div>
<div class="col-md-4">
<div class="footer_b1r text-end mt-1">
<h6 class="mb-0">
Follow Us On
<a class="mx-2 font_14" href="#"><i class="fa fa-facebook"></i></a>
<a class="mx-2 font_14" href="#"><i class="fa fa-twitter"></i></a>
<a class="mx-2 font_14" href="#"><i class="fa fa-linkedin"></i></a>
<a class="mx-2 font_14" href="#"><i class="fa fa-instagram"></i></a>
</h6>
</div>
</div>
</div>
</div>
</section>
<script>
window.onscroll = function() {myFunction()};
var navbar_sticky = document.getElementById("navbar_sticky");
var sticky = navbar_sticky.offsetTop;
var navbar_height = document.querySelector('.navbar').offsetHeight;
function myFunction() {
if (window.pageYOffset >= sticky + navbar_height) {
navbar_sticky.classList.add("sticky")
document.body.style.paddingTop = navbar_height + 'px';
} else {
navbar_sticky.classList.remove("sticky");
document.body.style.paddingTop = '0'
}
}
</script>
</body>
</html>