现代室内设计公司网站制作#网站建设 #bootstrap #网站定制开发

黄菊华老师
于 2025-08-10 14:44:02 发布
阅读量1.1k
点赞数 2
CC 4.0 BY-SA版权
分类专栏：网页模板文章标签：现代室内设计公司网站
本文链接：https://blog.csdn.net/u013818205/article/details/149834175
网页模板专栏收录该内容
196 篇文章
订阅专栏
博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。

项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！

如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式
网页截图

网页代码


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Fiked - Interior Design Bootstrap 5 Theme</title>
<!-- favicon -->
<link rel="icon" href="favicon.ico" />
<!-- bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- font awesome -->
<link href="css/all.min.css" rel="stylesheet">
<!-- venobox css -->
<link rel="stylesheet" href="css/venobox.css">
<!-- owl carousel -->
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet">
<!-- custom styles for this template -->
<link href="css/helper.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
</head>
<body>
<!-- preloader -->
<div id="preloader"></div>
<!-- preloader end --> 

<!-- header -->
<header> 
  <!-- header upper -->
  <div class="header-upper">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6 col-md-9">
          <ul class="list-inline">
            <li class="list-inline-item"><a href=""><i class="fas fa-map-marker-alt"></i> 12345 Vadodara City, Gujarat of India</a></li>
            <li class="list-inline-item"><a href=""><i class="far fa-envelope"></i> info@example.com</a></li>
          </ul>
        </div>
        <div class="col-lg-6 col-md-3"> <a href="" class="header-call-us">Call Us : <span>123 456 7890</span></a> </div>
      </div>
    </div>
  </div>
  <!-- header upper end --> 
  <!-- navigation -->
  <div class="navigation">
    <div class="container">
      <nav class="navbar navbar-expand-md navbar-light p-0"> <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt=""></a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <ul class="navbar-nav ms-auto">
            <li class="nav-item active"> <a class="nav-link" href="index.html">Home</a> </li>
            <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="dropdown02" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">About Us</a>
              <div class="dropdown-menu" aria-labelledby="dropdown02"> <a class="dropdown-item" href="about.html">About Us</a> <a class="dropdown-item" href="faq.html">Faq</a> <a class="dropdown-item" href="team.html">Team</a> <a class="dropdown-item" href="terms-and-conditions.html">Terms And Conditions</a> </div>
            </li>
            <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="dropdown03" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Services</a>
              <div class="dropdown-menu" aria-labelledby="dropdown03"> <a class="dropdown-item" href="services.html">Services</a> <a class="dropdown-item" href="service-details.html">Service Details</a> </div>
            </li>
            <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="dropdown04" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Portfolio</a>
              <div class="dropdown-menu" aria-labelledby="dropdown04"> <a class="dropdown-item" href="portfolio.html">Portfolio Version 1</a> <a class="dropdown-item" href="portfolio-version-2.html">Portfolio Version 2</a> <a class="dropdown-item" href="portfolio-single.html">Portfolio Single</a> </div>
            </li>
            <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="dropdown05" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog</a>
              <div class="dropdown-menu" aria-labelledby="dropdown05"> <a class="dropdown-item" href="blog-grid.html">Blog Grid</a> <a class="dropdown-item" href="blog-left-sidebar.html">Blog Left Sidebar</a> <a class="dropdown-item" href="blog-right-sidebar.html">Blog Right Sidebar</a> <a class="dropdown-item" href="blog-single.html">Blog Single</a> <a class="dropdown-item" href="blog-single-left-sidebar.html">Blog Single Left Sidebar</a> <a class="dropdown-item" href="blog-single-right-sidebar.html">Blog Single Right Sidebar</a> </div>
            </li>
            <li class="nav-item"> <a class="nav-link" href="contact.html">Contact Us</a> </li>
            <li class="nav-item header-social"> <a href="" class="nav-link float-start"><i class="fab fa-facebook-f"></i></a> <a href="" class="nav-link float-start"><i class="fa-brands fa-x-twitter"></i></a> <a href="" class="nav-link float-start"><i class="fab fa-linkedin-in"></i></a> <a href="" class="nav-link float-start"><i class="fab fa-pinterest-p"></i></a> </li>
          </ul>
        </div>
      </nav>
    </div>
  </div>
  <!-- navigation end --> 
</header>
<!-- header end --> 

<!-- slider area -->
<div class="slider">
  <div id="myCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
    <div class="carousel-inner"> 
      <!-- slider item -->
      <div class="carousel-item active">
        <div class="overlay-background-black"></div>
        <img src="img/slider/1.jpg" alt="" class="img-fluid">
        <div class="carousel-caption text-start">
          <div class="container">
            <div class="row">
              <div class="col-lg-7">
                <div class="slider-caption-box">
                  <h2>Interior Design <span>Offices</span></h2>
                  <a class="rounded-0 btn-style-1 mr-6" href="" role="button">Know More <i class="fas fa-arrow-right pl-6"></i></a> <a class="rounded-0 btn-style-2" href="" role="button">Contact Us <i class="fas fa-mobile-alt pl-6"></i></a> </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- slider item -->
      <div class="carousel-item">
        <div class="overlay-background-black"></div>
        <img src="img/slider/2.jpg" alt="" class="img-fluid">
        <div class="carousel-caption text-start">
          <div class="container">
            <div class="row">
              <div class="col-lg-7">
                <div class="slider-caption-box">
                  <h2>Designing for exceptional <span>Spaces</span></h2>
                  <a class="rounded-0 btn-style-1 mr-6" href="" role="button">Know More <i class="fas fa-arrow-right pl-6"></i></a> <a class="rounded-0 btn-style-2" href="" role="button">Contact Us <i class="fas fa-mobile-alt pl-6"></i></a> </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- slider item -->
      <div class="carousel-item">
        <div class="overlay-background-black"></div>
        <img src="img/slider/3.jpg" alt="" class="img-fluid">
        <div class="carousel-caption text-start">
          <div class="container">
            <div class="row">
              <div class="col-lg-7">
                <div class="slider-caption-box">
                  <h2>Home a new style every <span>style</span></h2>
                  <a class="rounded-0 btn-style-1 mr-6" href="" role="button">Know More <i class="fas fa-arrow-right pl-6"></i></a> <a class="rounded-0 btn-style-2" href="" role="button">Contact Us <i class="fas fa-mobile-alt pl-6"></i></a> </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-bs-slide="prev"> <i class="fas fa-arrow-left"></i></a> <a class="carousel-control-next" href="#myCarousel" role="button" data-bs-slide="next"> <i class="fas fa-arrow-right"></i></a> </div>
</div>
<!-- slider area end--> 

<!-- about area -->
<div class="about-section pt-80 pb-50">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
        <div class="single-about mb-30">
          <h6>Company Overview</h6>
          <h2 class="mb-10">We Are Interior Design</h2>
          <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg elit amet consectur aiscing elit adipig elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem.</p>
          <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor ipsum dolor sitametcoctr elit amet consectur sitametcoctr adipisg elit amet consectur aiscing elit adipig elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem.</p>
          <a class="venobox btn-style-1" data-gall="gall-video" data-autoplay="true" data-vbtype="video" href="#">Watch Video <i class="fab fa-google-play"></i></a> </div>
      </div>
      <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
        <div class="about-img-carousel owl-carousel owl-theme mb-30">
          <div class="item"> 
            <!-- item --> 
            <img src="img/about/carousel-1.jpg" alt=""> </div>
          <div class="item"> 
            <!-- item --> 
            <img src="img/about/carousel-2.jpg" alt=""> </div>
          <div class="item"> 
            <!-- item --> 
            <img src="img/about/carousel-3.jpg" alt=""> </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- about area end --> 

<!-- services area -->
<div class="services-section pt-80 pb-50 bg-gray">
  <div class="container"> 
    <!-- section title -->
    <div class="section-title text-center mb-40">
      <h1>Our Services</h1>
      <div class="title-text">Services</div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6"> 
        <!-- service item -->
        <div class="service-box position-relative mb-30">
          <div class="image"> <img src="img/services/service-img-1.jpg" class="img-fluid transition-03s" alt=""> </div>
          <div class="lower-box position-relative">
            <div class="caption position-relative shadow">
              <h4><a href="">Architecture</a></h4>
              <p class="mt-6 mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
              <a href="" class="rounded-0 btn-style-1">Read More</a> </div>
          </div>
        </div>
        <!-- service item end --> 
      </div>
      <div class="col-lg-4 col-md-6"> 
        <!-- service item -->
        <div class="service-box position-relative mb-30">
          <div class="image"> <img src="img/services/service-img-2.jpg" class="img-fluid transition-03s" alt=""> </div>
          <div class="lower-box position-relative">
            <div class="caption position-relative shadow">
              <h4><a href="">Interior Design</a></h4>
              <p class="mt-6 mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
              <a href="" class="rounded-0 btn-style-1">Read More</a> </div>
          </div>
        </div>
        <!-- service item end --> 
      </div>
      <div class="col-lg-4 col-md-6"> 
        <!-- service item -->
        <div class="service-box position-relative mb-30">
          <div class="image"> <img src="img/services/service-img-3.jpg" class="img-fluid transition-03s" alt=""> </div>
          <div class="lower-box position-relative">
            <div class="caption position-relative shadow">
              <h4><a href="">Furniture Design</a></h4>
              <p class="mt-6 mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
              <a href="" class="rounded-0 btn-style-1">Read More</a> </div>
          </div>
        </div>
        <!-- service item end --> 
      </div>
      <div class="col-lg-4 col-md-6"> 
        <!-- service item -->
        <div class="service-box position-relative mb-30">
          <div class="image"> <img src="img/services/service-img-4.jpg" class="img-fluid transition-03s" alt=""> </div>
          <div class="lower-box position-relative">
            <div class="caption position-relative shadow">
              <h4><a href="">Corporate Design</a></h4>
              <p class="mt-6 mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
              <a href="" class="rounded-0 btn-style-1">Read More</a> </div>
          </div>
        </div>
        <!-- service item end --> 
      </div>
      <div class="col-lg-4 col-md-6"> 
        <!-- service item -->
        <div class="service-box position-relative mb-30">
          <div class="image"> <img src="img/services/service-img-5.jpg" class="img-fluid transition-03s" alt=""> </div>
          <div class="lower-box position-relative">
            <div class="caption position-relative shadow">
              <h4><a href="">Commercial Design</a></h4>
              <p class="mt-6 mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
              <a href="" class="rounded-0 btn-style-1">Read More</a> </div>
          </div>
        </div>
        <!-- service item end --> 
      </div>
      <div class="col-lg-4 col-md-6"> 
        <!-- service item -->
        <div class="service-box position-relative mb-30">
          <div class="image"> <img src="img/services/service-img-6.jpg" class="img-fluid transition-03s" alt=""> </div>
          <div class="lower-box position-relative">
            <div class="caption position-relative shadow">
              <h4><a href="">Residential Design</a></h4>
              <p class="mt-6 mb-0">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet adipisg elit adipisg elit amet consectur orem ipsum dolor sitametcoctr adipisg.</p>
              <a href="" class="rounded-0 btn-style-1">Read More</a> </div>
          </div>
        </div>
        <!-- service item end --> 
      </div>
    </div>
  </div>
</div>
<!-- services area end --> 

<!-- counter up area -->
<div class="counter-up-area pt-80 pb-50">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-md-6 col-sm-6"> 
        <!-- single count -->
        <div class="single-count-item position-relative mb-30 pl-25 pr-25 pt-40 pb-40">
          <h3 class="m-0 position-relative">Happy User</h3>
          <span class="counter font-size-18 w-100 d-inline-block text-primary">600</span> </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6"> 
        <!-- single count -->
        <div class="single-count-item position-relative mb-30 pl-25 pr-25 pt-40 pb-40">
          <h3 class="m-0 position-relative">Complete Projects</h3>
          <span class="counter font-size-18 w-100 d-inline-block text-primary">700</span> </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6"> 
        <!-- single count -->
        <div class="single-count-item position-relative mb-30 pl-25 pr-25 pt-40 pb-40">
          <h3 class="m-0 position-relative">Awards</h3>
          <span class="counter font-size-18 w-100 d-inline-block text-primary">800</span> </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6"> 
        <!-- single count -->
        <div class="single-count-item position-relative mb-30 pl-25 pr-25 pt-40 pb-40">
          <h3 class="m-0 position-relative">Cups Coffee</h3>
          <span class="counter font-size-18 w-100 d-inline-block text-primary">900</span> </div>
      </div>
    </div>
  </div>
</div>
<!-- counter up area and --> 

<!-- portfolio area -->
<div class="portfolio-section pt-80 pb-50">
  <div class=" container-fluid"> 
    <!-- section title -->
    <div class="section-title text-center mb-40">
      <h1>Our Portfolio</h1>
      <div class="title-text">Portfolio</div>
    </div>
    <!-- filters -->
    <ul id="filters" class="list-inline filter1 d-inline-block text-center text-uppercase mb-40 w-100">
      <li class="list-inline-item"><span class="filter active" data-filter=".bedroom, .furniture, .office, .interior, .living">All</span></li>
      <li class="list-inline-item"><span class="filter" data-filter=".bedroom">Bedroom</span></li>
      <li class="list-inline-item"><span class="filter" data-filter=".furniture">Furniture</span></li>
      <li class="list-inline-item"><span class="filter" data-filter=".office">Office</span></li>
      <li class="list-inline-item"><span class="filter" data-filter=".interior">Interior</span></li>
      <li class="list-inline-item"><span class="filter" data-filter=".living">Living</span></li>
    </ul>
    <div class="row" id="portfoliolist">
      <div class="col-lg-3 col-md-6 col-sm-6 portfolio bedroom mb-30" data-cat="bedroom"> 
        <!-- portfolio box -->
        <div class="portfolio-item position-relative">
          <div class="portfolio-item-img position-relative"><img src="img/portfolio/images-box-1.jpg" class="img-fluid" alt="">
            <ul class="hover-btn text-center">
              <li><a href="img/portfolio/images-box-1.jpg" data-gall="gallery1" class="venobox"><i class="fas fa-search"></i></a></li>
              <li><a href=""><i class="fas fa-link"></i></a></li>
            </ul>
          </div>
          <div class="box-content shadow p-20">
            <h3 class="title">Bedroom</h3>
            <span class="post">Small Heading</span> </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 portfolio furniture mb-30" data-cat="furniture"> 
        <!-- portfolio box -->
        <div class="portfolio-item position-relative">
          <div class="portfolio-item-img position-relative"><img src="img/portfolio/images-box-2.jpg" class="img-fluid" alt="">
            <ul class="hover-btn text-center">
              <li><a href="img/portfolio/images-box-2.jpg" data-gall="gallery1" class="venobox"><i class="fas fa-search"></i></a></li>
              <li><a href=""><i class="fas fa-link"></i></a></li>
            </ul>
          </div>
          <div class="box-content shadow p-20">
            <h3 class="title">Furniture</h3>
            <span class="post">Small Heading</span> </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 portfolio office mb-30" data-cat="office"> 
        <!-- portfolio box -->
        <div class="portfolio-item position-relative">
          <div class="portfolio-item-img position-relative"> <img src="img/portfolio/images-box-3.jpg" class="img-fluid" alt="">
            <ul class="hover-btn text-center">
              <li><a href="img/portfolio/images-box-3.jpg" data-gall="gallery1" class="venobox"><i class="fas fa-search"></i></a></li>
              <li><a href=""><i class="fas fa-link"></i></a></li>
            </ul>
          </div>
          <div class="box-content shadow p-20">
            <h3 class="title">Office</h3>
            <span class="post">Small Heading</span> </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 portfolio interior mb-30" data-cat="interior"> 
        <!-- portfolio box -->
        <div class="portfolio-item position-relative">
          <div class="portfolio-item-img position-relative"> <img src="img/portfolio/images-box-4.jpg" class="img-fluid" alt="">
            <ul class="hover-btn text-center">
              <li><a href="img/portfolio/images-box-4.jpg" data-gall="gallery1" class="venobox"><i class="fas fa-search"></i></a></li>
              <li><a href=""><i class="fas fa-link"></i></a></li>
            </ul>
          </div>
          <div class="box-content shadow p-20">
            <h3 class="title">Interior</h3>
            <span class="post">Small Heading</span> </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 portfolio living mb-30" data-cat="living"> 
        <!-- portfolio box -->
        <div class="portfolio-item position-relative">
          <div class="portfolio-item-img position-relative"><img src="img/portfolio/images-box-5.jpg" class="img-fluid" alt="">
            <ul class="hover-btn text-center">
              <li><a href="img/portfolio/images-box-5.jpg" data-gall="gallery1" class="venobox"><i class="fas fa-search"></i></a></li>
              <li><a href=""><i class="fas fa-link"></i></a></li>
            </ul>
          </div>
          <div class="box-content shadow p-20">
            <h3 class="title">Living</h3>
            <span class="post">Small Heading</span> </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 portfolio bedroom mb-30" data-cat="bedroom"> 
        <!-- portfolio box -->
        <div class="portfolio-item position-relative">
          <div class="portfolio-item-img position-relative"><img src="img/portfolio/images-box-6.jpg" class="img-fluid" alt="">
            <ul class="hover-btn text-center">
              <li><a href="img/portfolio/images-box-6.jpg" data-gall="gallery1" class="venobox"><i class="fas fa-search"></i></a></li>
              <li><a href=""><i class="fas fa-link"></i></a></li>
            </ul>
          </div>
          <div class="box-content shadow p-20">
            <h3 class="title">Luxury Design</h3>
            <span class="post">Small Heading</span> </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 portfolio furniture mb-30" data-cat="furniture"> 
        <!-- portfolio box -->
        <div class="portfolio-item position-relative">
          <div class="portfolio-item-img position-relative"><img src="img/portfolio/images-box-7.jpg" class="img-fluid" alt="">
            <ul class="hover-btn text-center">
              <li><a href="img/portfolio/images-box-7.jpg" data-gall="gallery1" class="venobox"><i class="fas fa-search"></i></a></li>
              <li><a href=""><i class="fas fa-link"></i></a></li>
            </ul>
          </div>
          <div class="box-content shadow p-20">
            <h3 class="title">Decorating Design</h3>
            <span class="post">Small Heading</span> </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 portfolio office mb-30" data-cat="office"> 
        <!-- portfolio box -->
        <div class="portfolio-item position-relative">
          <div class="portfolio-item-img position-relative"><img src="img/portfolio/images-box-8.jpg" class="img-fluid" alt="">
            <ul class="hover-btn text-center">
              <li><a href="img/portfolio/images-box-8.jpg" data-gall="gallery1" class="venobox"><i class="fas fa-search"></i></a></li>
              <li><a href=""><i class="fas fa-link"></i></a></li>
            </ul>
          </div>
          <div class="box-content shadow p-20">
            <h3 class="title">Contemporary Wall</h3>
            <span class="post">Small Heading</span> </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- portfolio end --> 

<!-- call to action section -->
<div class="call-to-action-section pt-70 pb-70 call-to-action-bg">
  <div class="container">
    <div class="row">
      <div class="col-lg-6">
        <h2>Get The Latest News From Oursite!</h2>
        <p class="mb-0">Join our newsletter now</p>
      </div>
      <div class="col-lg-6">
        <input type="email" placeholder="Enter your e-mail address">
        <input class="hvr-push" type="submit" value="Subscribe">
      </div>
    </div>
  </div>
</div>
<!-- call to action section end --> 

<!-- blog area -->
<div class="blog-section pt-80 pb-50">
  <div class="container"> 
    <!-- section title -->
    <div class="section-title text-center mb-40">
      <h1>Our Blog</h1>
      <div class="title-text">Blog</div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6 mb-30"> 
        <!-- blog item -->
        <div class="blog-wrapper p-15">
          <div class="blog-inner">
            <h4> <a href="">How to become a best sales marketer in a year</a> </h4>
            <div class="blog-meta"> <span class="mr-6"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span></span> <span><i class="far fa-comments"></i> 04 Comments</span> </div>
            <div class="blog-img mt-10 mb-10"><img src="img/blog/blog-img-1.jpg" class="img-fluid" alt=""></div>
            <span class="tag-blog mb-10 d-inline-block"> <a href="#">Bedroom</a> </span>
            <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet amet consectur aiscing elit amet adipisg elit adipisg elit amet.</p>
            <a href="" class="blog-more">Read Article</a> </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 mb-30"> 
        <!-- blog item -->
        <div class="blog-wrapper p-15">
          <div class="blog-inner">
            <h4> <a href="">How to become a best sales marketer in a year</a> </h4>
            <div class="blog-meta"> <span class="mr-6"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span></span> <span><i class="far fa-comments"></i> 04 Comments</span> </div>
            <div class="blog-img mt-10 mb-10"><img src="img/blog/blog-img-2.jpg" class="img-fluid" alt=""></div>
            <span class="tag-blog mb-10 d-inline-block"> <a href="#">Furniture</a> </span>
            <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet amet consectur aiscing elit amet adipisg elit adipisg elit amet.</p>
            <a href="" class="blog-more">Read Article</a> </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 mb-30"> 
        <!-- blog item -->
        <div class="blog-wrapper p-15">
          <div class="blog-inner">
            <h4> <a href="">How to become a best sales marketer in a year</a> </h4>
            <div class="blog-meta"> <span class="mr-6"><i class="far fa-calendar-alt"></i> Jan 01, <span class="current-year"></span></span> <span><i class="far fa-comments"></i> 04 Comments</span> </div>
            <div class="blog-img mt-10 mb-10"><img src="img/blog/blog-img-3.jpg" class="img-fluid" alt=""></div>
            <span class="tag-blog mb-10 d-inline-block"> <a href="#">Office</a> </span>
            <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet amet consectur aiscing elit amet adipisg elit adipisg elit amet.</p>
            <a href="" class="blog-more">Read Article</a> </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- blog area end --> 

<!-- testimonial area -->
<div class="testimonial-section pt-80 pb-80 testimonial-bg">
  <div class="container">
    <div class="testimonial-carousel owl-carousel owl-theme">
      <div class="item"> 
        <!-- testimonial item -->
        <div class="testimonial-item">
          <div class="testimonial-des bg-white p-25">
            <div class="testimonial-user-img"><img src="img/testimonial/testimonial-img-1.png" alt=""></div>
            <div class="title-box">
              <div class="testimonial-user-name">Jonh Doe</div>
              <div class="testimonial-user-position">Customer</div>
            </div>
            <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet consectur aiscing elit adipig elit.</p>
          </div>
        </div>
      </div>
      <div class="item"> 
        <!-- testimonial item -->
        <div class="testimonial-item">
          <div class="testimonial-des bg-white p-25">
            <div class="testimonial-user-img"><img src="img/testimonial/testimonial-img-2.png" alt=""></div>
            <div class="title-box">
              <div class="testimonial-user-name">Paul Rombes</div>
              <div class="testimonial-user-position">Customer</div>
            </div>
            <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet consectur aiscing elit adipig elit.</p>
          </div>
        </div>
      </div>
      <div class="item"> 
        <!-- testimonial item -->
        <div class="testimonial-item">
          <div class="testimonial-des bg-white p-25">
            <div class="testimonial-user-img"><img src="img/testimonial/testimonial-img-3.png" alt=""></div>
            <div class="title-box">
              <div class="testimonial-user-name">Bill Clapton</div>
              <div class="testimonial-user-position">Customer</div>
            </div>
            <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet consectur aiscing elit adipig elit.</p>
          </div>
        </div>
      </div>
      <div class="item"> 
        <!-- testimonial item -->
        <div class="testimonial-item">
          <div class="testimonial-des bg-white p-25">
            <div class="testimonial-user-img"><img src="img/testimonial/testimonial-img-4.png" alt=""></div>
            <div class="title-box">
              <div class="testimonial-user-name">Jesica James</div>
              <div class="testimonial-user-position">Customer</div>
            </div>
            <p>Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet consectur aiscing elit adipig elit.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- testimonial area end --> 

<!-- team area -->
<div class="team-section pt-80 pb-50">
  <div class="container"> 
    <!-- section title -->
    <div class="section-title text-center mb-40">
      <h1>Our Team</h1>
      <div class="title-text">Team</div>
    </div>
    <div class="row">
      <div class="col-lg-3 col-md-6"> 
        <!-- team item -->
        <div class="team-item mb-30 position-relative">
          <div class="team-item-img position-relative overflow-hidden"><img src="img/team/team-img-1.jpg" class="img-fluid" alt="">
            <div class="overlay">
              <ul class="team-item-social text-center">
                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                <li><a href="#"><i class="fab fa-instagram"></i></a></li>
              </ul>
            </div>
            <div class="team-more-div"><a href="" class="team-more">Read More</a></div>
          </div>
          <div class="team-item-caption shadow bg-white">
            <p class="mb-0 d-inline-block">Graphic Designer</p>
            <h4>Amanda Lee</h4>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6"> 
        <!-- team item -->
        <div class="team-item mb-30 position-relative">
          <div class="team-item-img position-relative overflow-hidden"><img src="img/team/team-img-2.jpg" class="img-fluid" alt="">
            <div class="overlay">
              <ul class="team-item-social text-center">
                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                <li><a href="#"><i class="fab fa-instagram"></i></a></li>
              </ul>
            </div>
            <div class="team-more-div"><a href="" class="team-more">Read More</a></div>
          </div>
          <div class="team-item-caption shadow bg-white">
            <p class="mb-0 d-inline-block">CEO & Founder</p>
            <h4>Adam Cheise</h4>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6"> 
        <!-- team item -->
        <div class="team-item mb-30 position-relative">
          <div class="team-item-img position-relative overflow-hidden"><img src="img/team/team-img-3.jpg" class="img-fluid" alt="">
            <div class="overlay">
              <ul class="team-item-social text-center">
                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                <li><a href="#"><i class="fab fa-instagram"></i></a></li>
              </ul>
            </div>
            <div class="team-more-div"><a href="" class="team-more">Read More</a></div>
          </div>
          <div class="team-item-caption shadow bg-white">
            <p class="mb-0 d-inline-block">Designer</p>
            <h4>Mike Stuart</h4>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6"> 
        <!-- team item -->
        <div class="team-item mb-30 position-relative">
          <div class="team-item-img position-relative overflow-hidden"><img src="img/team/team-img-4.jpg" class="img-fluid" alt="">
            <div class="overlay">
              <ul class="team-item-social text-center">
                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                <li><a href="#"><i class="fab fa-instagram"></i></a></li>
              </ul>
            </div>
            <div class="team-more-div"><a href="" class="team-more">Read More</a></div>
          </div>
          <div class="team-item-caption shadow bg-white">
            <p class="mb-0 d-inline-block">Architect</p>
            <h4>Vincent Thiel</h4>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- team area end --> 

<!-- partner area -->
<div class="partner-section bg-gray pt-50 pb-50">
  <div class="container">
    <div class="partner-carousel owl-carousel owl-theme">
      <div class="item"> 
        <!-- partner item -->
        <div class="partner-item">
          <div class="partner-text"><span>Text Here</span></div>
          <img src="img/partner/1.png" class="img-fluid bg-white" alt=""></div>
      </div>
      <div class="item"> 
        <!-- partner item -->
        <div class="partner-item">
          <div class="partner-text"><span>Text Here</span></div>
          <img src="img/partner/2.png" class="img-fluid bg-white" alt=""></div>
      </div>
      <div class="item"> 
        <!-- partner item -->
        <div class="partner-item">
          <div class="partner-text"><span>Text Here</span></div>
          <img src="img/partner/3.png" class="img-fluid bg-white" alt=""></div>
      </div>
      <div class="item"> 
        <!-- partner item -->
        <div class="partner-item">
          <div class="partner-text"><span>Text Here</span></div>
          <img src="img/partner/4.png" class="img-fluid bg-white" alt=""></div>
      </div>
      <div class="item"> 
        <!-- partner item -->
        <div class="partner-item">
          <div class="partner-text"><span>Text Here</span></div>
          <img src="img/partner/5.png" class="img-fluid bg-white" alt=""></div>
      </div>
    </div>
  </div>
</div>
<!-- partner area end --> 

<!-- footer -->
<footer class="footer pt-50">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 col-sm-6"> 
        <!-- footer widget -->
        <div class="widget mb-50">
          <h3 class="widgettitle">About us</h3>
          <p class="mb-20 text-white">Lorem ipsum dolor sitametcoctr elit amet consectur aiscing elit amet amet consectur aiscing elit amet adipisg elit adipisg elit amet.</p>
          <div class="footer-address">
            <div class="singllefadds"> <i class="fas fa-home"></i>
              <p>12345 Vadodara City, Gujarat of India</p>
            </div>
            <div class="singllefadds"> <i class="far fa-envelope"></i>
              <p>info@exampal.com</p>
            </div>
          </div>
        </div>
        <!-- footer widget end --> 
      </div>
      <div class="col-lg-2 col-sm-6"> 
        <!-- footer widget -->
        <div class="widget mb-50">
          <h3 class="widgettitle">Links</h3>
          <div class="footer-link">
            <ul>
              <li><a href="#">Home</a></li>
              <li><a href="#">About us</a></li>
              <li><a href="#">Services</a></li>
              <li><a href="#">Portfolio</a></li>
              <li><a href="#">Blog</a></li>
              <li><a href="#">Contact Us</a></li>
            </ul>
          </div>
        </div>
        <!-- footer widget end --> 
      </div>
      <div class="col-lg-3 col-sm-6"> 
        <!-- footer widget -->
        <div class="widget mb-50">
          <h3 class="widgettitle">Our Services</h3>
          <div class="footer-link">
            <ul>
              <li><a href="#">Architecture</a></li>
              <li><a href="#">Interior Design</a></li>
              <li><a href="#">Furniture Design</a></li>
              <li><a href="#">Corporate Design</a></li>
              <li><a href="#">Commercial Design</a></li>
              <li><a href="#">Residential Design</a></li>
            </ul>
          </div>
        </div>
        <!-- footer widget end --> 
      </div>
      <div class="col-lg-3 col-sm-6"> 
        <!-- footer widget -->
        <div class="widget mb-50">
          <div class="footerfindSer">
            <h2>Please Call Us <span>(01-123-45-789-8540)</span> </h2>
            <div class="findloca">
              <p>Sign up fore our newsletter and follow us on social media</p>
              <form action="#" method="post" class="position-relative">
                <input type="text" placeholder="Email">
                <button type="submit"><i class="fab fa-telegram-plane"></i></button>
              </form>
            </div>
          </div>
        </div>
        <!-- footer widget end --> 
      </div>
    </div>
  </div>
  <!-- copyright -->
  <div class="copyright">
    <div class="container">
      <div class="row">
       
      </div>
    </div>
  </div>
  <!-- copyright end --> 
</footer>
<!-- footer end --> 

<!-- top scroll --> 
<a href="#" class="topscroll"><i class="fas fa-angle-up"></i></a> 
<!-- top scroll end --> 

<!-- JS Files --> 
<script src="js/jquery-3.7.1.min.js"></script> 
<script src="js/bootstrap.bundle.min.js"></script> 
<!-- Counter Js --> 
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/waypoints.min.js"></script> 
<script src="js/jquery.counterup.min.js"></script> 
<!-- venobox js --> 
<script src="js/venobox.min.js"></script> 
<!-- owl carousel --> 
<script src="js/owl.carousel.min.js"></script> 
<!-- portfolio js --> 
<script src="js/jquery.mixitup.min.js"></script> 
<!-- script js --> 
<script src="js/custom.js"></script>
</body>
</html>