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_dt">
<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">Blog Detail</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> Blog Detail</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 blog_1dt">
<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="#">Admin</a> <span class="mx-3 text-muted">|</span> <i class="fa fa-comments me-1"></i> <a class="col_red" href="#">No Comments</a> <span class="mx-3 text-muted">|</span> <i class="fa fa-calendar me-1"></i> <a class="col_red" href="#">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>
<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 weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish.</p>
<h5 class="mb-3">“Innovative solutions to move your business forward.”</h5>
<p>In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances owing to the claims of duty or the obligations of business it will accepted.</p>
<p class="fs-4 bg_dark text-white p-4">To take a trivial example, which ever undertakes laborious physical exercise, except obtain some advantage.</p>
<p>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 weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish</p>
<h2 class="center_sm">Related Blog</h2>
<div class="row blog_h1 mt-3">
<div class="col-md-6">
<div class="blog_h1i">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="#"><img src="img/15.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
<h2 class="col_red mt-3">25 <span class="fs-6 text-black">MAY</span></h2>
<hr class="line mt-2 mb-3">
<h6 class="fw-bold">By: <a class="col_red" href="#">Admin</a> <span class="mx-2 text-muted">|</span> <i class="fa fa-comments me-1"></i> <a class="col_red" href="#">No Comments</a></h6>
<h5 class="mt-3"><a href="#">Low cost interior designing ideas</a></h5>
<p class="mt-3">On the other hand, we denounce with righteous indignation men who are so beguiled and demoralized by the charms of pleasure of the ...</p>
<h6 class="mb-0 fw-bold mt-4"><a href="#">Read More <i class="fa fa-long-arrow-right ms-1"></i></a></h6>
</div>
</div>
<div class="col-md-6">
<div class="blog_h1i">
<div class="grid clearfix">
<figure class="effect-jazz mb-0">
<a href="#"><img src="img/16.jpg" class="w-100" alt="abc"></a>
</figure>
</div>
<h2 class="col_red mt-3">28 <span class="fs-6 text-black">MAY</span></h2>
<hr class="line mt-2 mb-3">
<h6 class="fw-bold">By: <a class="col_red" href="#">Admin</a> <span class="mx-2 text-muted">|</span> <i class="fa fa-comments me-1"></i> <a class="col_red" href="#">No Comments</a></h6>
<h5 class="mt-3"><a href="#">Commercial design for project</a></h5>
<p class="mt-3">On the other hand, we denounce with righteous indignation men who are so beguiled and demoralized by the charms of pleasure of the ...</p>
<h6 class="mb-0 fw-bold mt-4"><a href="#">Read More <i class="fa fa-long-arrow-right ms-1"></i></a></h6>
</div>
</div>
</div>
<p class="mt-3">Steer companies away from risky outcomes denounce with righteous indignation who are so beguiled demoralized pleasure of the moment perfectly repudiated and annoyances are so beguiled and demoralized by the charms pleasure of the moment, so blinded by desire, that they cannot foresee the rouble.</p>
<hr>
<div class="blog_1dti row">
<div class="col-md-6">
<div class="blog_1dtil">
<ul class="mb-0">
<li class="d-inline-block me-2 fw-bold">Tags:</li>
<li class="d-inline-block"><a class="bg_light d-block" href="#"> Architecture</a></li> ,
<li class="d-inline-block"><a class="bg_light d-block" href="#"> Commercial</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="blog_1dtir text-end">
<h6 class="mb-0">
<span class="fw-bold">Share This Post:</span>
<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>
<h2 class="mt-4 mb-4 center_sm">Recent Comments</h2>
<div class="blog_dt2i row shadow_box mx-0 p-4 px-3">
<div class="col-md-2 col-2">
<div class="blog_dt2il">
<img src="img/12.jpg" class="rounded-circle w-100" alt="abc">
</div>
</div>
<div class="col-md-10 col-10">
<div class="blog_dt2ir">
<h5>Eget Porta <a class="d-inline-block bg-white rounded-3 pull-right fw-normal font_14 col_red" href="#"><i class="fa fa-reply me-1"></i> Reply</a></h5>
<h6 class="font_14 mt-3 col_red">
FEBRUARY 24, 2019 <span class="text-muted mx-2"> |</span> <span class="text-muted"> 30 minutes ago</span></h6>
<p class="mt-3">Denouncing pleasure and praising pain was born and I will give you a complete all account of the system, and expound the actual teachings.</p>
<ul class="mb-0">
<li class="d-inline-block me-2 fw-bold">Follow On:</li>
<li class="d-inline-block"><a class="bg_light d-block" href="#"> Facebook</a></li> <span class="mx-2">/</span>
<li class="d-inline-block"><a class="bg_light d-block" href="#"> Twitter</a></li> <span class="mx-2">/</span>
<li class="d-inline-block"><a class="bg_light d-block" href="#"> Instagram</a></li>
</ul>
</div>
</div>
</div>
<div class="blog_dt2i row shadow_box mx-0 p-4 px-3 mt-3">
<div class="col-md-2 col-2">
<div class="blog_dt2il">
<img src="img/14.jpg" class="rounded-circle w-100" alt="abc">
</div>
</div>
<div class="col-md-10 col-10">
<div class="blog_dt2ir">
<h5>Lorem Amet <a class="d-inline-block bg-white rounded-3 pull-right fw-normal font_14 col_red" href="#"><i class="fa fa-reply me-1"></i> Reply</a></h5>
<h6 class="font_14 mt-3 col_red">
FEBRUARY 24, 2019 <span class="text-muted mx-2"> |</span> <span class="text-muted"> 30 minutes ago</span></h6>
<p class="mt-3">Denouncing pleasure and praising pain was born and I will give you a complete all account of the system, and expound the actual teachings.</p>
<ul class="mb-0">
<li class="d-inline-block me-2 fw-bold">Follow On:</li>
<li class="d-inline-block"><a class="bg_light d-block" href="#"> Facebook</a></li> <span class="mx-2">/</span>
<li class="d-inline-block"><a class="bg_light d-block" href="#"> Twitter</a></li> <span class="mx-2">/</span>
<li class="d-inline-block"><a class="bg_light d-block" href="#"> Instagram</a></li>
</ul>
</div>
</div>
</div>
<h2 class="mt-4 center_sm">Add a Comment</h2>
<p>Your email address will not be published. Required fields are marked *</p>
<div class="blog_1d2i row">
<div class="col-md-6">
<div class="blog_1d2i1">
<input placeholder="Name" class="form-control border-0 bg-light" type="text">
</div>
</div>
<div class="col-md-6">
<div class="blog_1d2i1">
<input placeholder="Email" class="form-control border-0 bg-light" type="text">
</div>
</div>
</div>
<div class="blog_1d2i row mt-3">
<div class="col-md-12">
<textarea placeholder="Enter your comment here..." class="form-control form_text border-0 bg-light"></textarea>
<h6 class="mb-0 mt-4"><a class="button" href="#">Post Comment <i class="fa fa-long-arrow-right ms-1"></i></a></h6>
</div>
</div>
</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>