黑色简洁风格响应式营销企业网页模板代码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

21 80 27



模板描述:响应式营销企业。黑色简洁风格响应式营销企业网页模板代码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/fontawesome.min.css" />
<link rel="stylesheet" href="css/flaticon.css" />
<link rel="stylesheet" href="css/selectize.css" />
<link rel="stylesheet" href="css/owl.carousel.min.css" />
<link rel="stylesheet" href="css/owl.theme.default.min.css" />
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/venobox.css" />
<link rel="stylesheet" href="style.css" />

2. 引入JS

<script src="js/vendor/modernizr-custom.js"></script>
<script src="../../oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/selectize.js"></script>
<script src="js/icheck.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/venobox.min.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/loadMoreResults.js"></script>
<script src="js/TweenMax.js"></script>
<script src="js/main.js"></script>

3. HTML代码

  <div class="wrapper-content">
   <div class="wrapper">
    <!-- Start Header Area -->
    <header class="header">
     <div class="header-top-area">
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <div class="header-top">
          <div class="tag-text">
           <span>We are trusted seo marketing company</span>
          </div>
          <div class="certified-text">
           <span>ISO 9002:2002 Certified</span>
          </div>
          <div class="social-area">
           <ul class="social-list list-style">
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-vimeo-v"></i></a></li>
           </ul>
          </div>
          <div class="language-area">
           <select class="flag"><option value="english" selected="">English</option><option value="australia">Australia</option><option value="uk">UK</option><option value="france">France</option></select>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="header-bottom">
      <div class="container">
       <div class="row">
        <div class="header-info">
         <!-- Start Navigation -->
         <nav class="navbar navbar-expand-lg navbar-dark">
          <a href="index.html"><img src="img/logo/logo.png" alt="logo" /></a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
          <div class="collapse navbar-collapse" id="navbarNav">
           <ul class="navbar-nav">
            <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
            <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
            <li class="nav-item">
             <!-- Start Search btn -->
             <div class="search-btn-area">
              <form action="#">
               <div class="input-group">
                <input type="search" class="form-control" placeholder="Search..." />
                <div class="input-group-append">
                 <button class="btn search-btn" type="button"><i class="fa fa-search"></i></button>
                </div>
               </div>
               <a class="main-search" href="#"><i class="fa fa-search"></i></a>
              </form>
             </div>
             <!-- End Search btn --></li>
            <li class="nav-item">
             <div class="login-btn">
              <a class="btn" href="#">Login</a>
             </div></li>
           </ul>
          </div>
         </nav>
         <!-- End Navigation -->
        </div>
       </div>
      </div>
     </div>
    </header>
    <!-- End Header Area -->
    <!-- Strat Welcome Area -->
    <section class="intro-area">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-5 col-xl-6">
        <div class="intro-content">
         <h1 class="intro-title"></h1>
         <p>Vivamus luctus risus aliquam, tempus eget at euLortis laoreet, ac sodales porttitor lacus venenatis ligulin Duis quis neque phasellus class, etiam</p>
         <a class="btn" href="#">Learn More</a>
        </div>
       </div>
       <div class="col-md-12 col-lg-7 col-xl-6">
        <div class="intro-image-block">
         <div class="shape-image-1 wow fadeInDown" data-wow-delay="0.5s">
          <img src="img/hero/vector-1.png" alt="shape" />
         </div>
         <div class="shape-image-2 wow fadeInLeft" data-wow-delay="0.8s">
          <img src="img/hero/vector-2.png" alt="shape" />
         </div>
         <div class="shape-image-3 wow fadeInRight" data-wow-delay="1.1s">
          <img src="img/hero/vector-3.png" alt="shape" />
         </div>
         <div class="shape-image-4 wow fadeInUp" data-wow-delay="1.4s">
          <img src="img/hero/vector-4.png" alt="shape" />
         </div>
         <div class="shape-image-5 wow fadeInUp" data-wow-delay="1.7s">
          <img src="img/hero/vector-5.png" alt="shape" />
         </div>
         <div class="shape-image-6 wow fadeInRight" data-wow-delay="2s">
          <img src="img/hero/vector-6.png" alt="shape" />
         </div>
         <div class="shape-image-7 wow fadeInUp" data-wow-delay="2.3s">
          <img src="img/hero/vector-7.png" alt="shape" />
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Welcome Area -->
    <!-- Start Services Area -->
    <section class="services-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-6 col-lg-4">
        <div class="service-single">
         <div class="service-icon">
          <img src="img/services/1.png" alt="Service" />
         </div>
         <h3>Web Analytics</h3>
         <p>Sapien natoque quam officammrissrque at vel tidunt exaquis risus over the thinki yoago for all give so.</p>
        </div>
       </div>
       <div class="col-md-6 col-lg-4">
        <div class="service-single">
         <div class="service-icon">
          <img src="img/services/2.png" alt="Service" />
         </div>
         <h3>Free Local SEO</h3>
         <p>Sapien natoque quam officammrissrque at vel tidunt exaquis risus over the thinki yoago for all give so.</p>
        </div>
       </div>
       <div class="col-md-6 col-lg-4">
        <div class="service-single">
         <div class="service-icon">
          <img src="img/services/3.png" alt="Service" />
         </div>
         <h3>Market Research</h3>
         <p>Sapien natoque quam officammrissrque at vel tidunt exaquis risus over the thinki yoago for all give so.</p>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Services Area -->
    <!-- Start Latest Project Area -->
    <section class="project-area">
     <div class="container-fluid">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Our latest project too high qualityfull &amp; done it just time without any issues</h2>
        </div>
       </div>
      </div>
      <div class="row grid">
       <div class="col-md-6 col-lg-3">
        <div class="grid-item mouse-move">
         <a href="#"><img src="img/projects/1.jpg" alt="Project" /></a>
         <div class="grid-hover">
          <h3>Local SEO Marketing</h3>
          <span>Creative Design</span>
         </div>
         <div class="grid-hover-link">
          <a href="#"><span class="flaticon-unlink"></span></a>
          <a href="https://www.51qianduan.com/">51前端</a>
         </div>
        </div>
       </div>
       <div class="col-md-6 col-lg-3">
        <div class="grid-item mouse-move">
         <a href="#"><img src="img/projects/2.jpg" alt="Project" /></a>
         <div class="grid-hover">
          <h3>Local SEO Marketing</h3>
          <span>Creative Design</span>
         </div>
         <div class="grid-hover-link">
          <a href="#"><span class="flaticon-unlink"></span></a>
          <a href="https://www.51qianduan.com/">51前端</a>
         </div>
        </div>
       </div>
       <div class="col-md-6 col-lg-3">
        <div class="grid-item mouse-move">
         <a href="#"><img src="img/projects/3.jpg" alt="Project" /></a>
         <div class="grid-hover">
          <h3>Local SEO Marketing</h3>
          <span>Creative Design</span>
         </div>
         <div class="grid-hover-link">
          <a href="#"><span class="flaticon-unlink"></span></a>
          <a href="https://www.51qianduan.com/">51前端</a>
         </div>
        </div>
       </div>
       <div class="col-md-6 col-lg-3">
        <div class="grid-item mouse-move">
         <a href="#"><img src="img/projects/4.jpg" alt="Project" /></a>
         <div class="grid-hover">
          <h3>Local SEO Marketing</h3>
          <span>Creative Design</span>
         </div>
         <div class="grid-hover-link">
          <a href="#"><span class="flaticon-unlink"></span></a>
          <a href="https://www.51qianduan.com/">51前端</a>
         </div>
        </div>
       </div>
       <div class="col-md-6 col-lg-3">
        <div class="grid-item mouse-move">
         <a href="#"><img src="img/projects/5.jpg" alt="Project" /></a>
         <div class="grid-hover">
          <h3>Local SEO Marketing</h3>
          <span>Creative Design</span>
         </div>
         <div class="grid-hover-link">
          <a href="#"><span class="flaticon-unlink"></span></a>
          <a href="https://www.51qianduan.com/">51前端</a>
         </div>
        </div>
       </div>
       <div class="col-md-6 col-lg-3">
        <div class="grid-item mouse-move">
         <a href="#"><img src="img/projects/6.jpg" alt="Project" /></a>
         <div class="grid-hover">
          <h3>Local SEO Marketing</h3>
          <span>Creative Design</span>
         </div>
         <div class="grid-hover-link">
          <a href="#"><span class="flaticon-unlink"></span></a>
          <a href="https://www.51qianduan.com/">51前端</a>
         </div>
        </div>
       </div>
       <div class="col-md-6 col-lg-3">
        <div class="grid-item mouse-move">
         <a href="#"><img src="img/projects/7.jpg" alt="Project" /></a>
         <div class="grid-hover">
          <h3>Local SEO Marketing</h3>
          <span>Creative Design</span>
         </div>
         <div class="grid-hover-link">
          <a href="#"><span class="flaticon-unlink"></span></a>
          <a href="https://www.51qianduan.com/">51前端</a>
         </div>
        </div>
       </div>
       <div class="col-md-6 col-lg-3">
        <div class="grid-item mouse-move">
         <a href="#"><img src="img/projects/8.jpg" alt="Project" /></a>
         <div class="grid-hover">
          <h3>Local SEO Marketing</h3>
          <span>Creative Design</span>
         </div>
         <div class="grid-hover-link">
          <a href="#"><span class="flaticon-unlink"></span></a>
          <a href="https://www.51qianduan.com/">51前端</a>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Latest Project Area -->
    <!-- Start Analysis Area -->
    <section class="analysis-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="analysis-mask-block">
         <img src="img/services/shape.png" alt="img" />
         <div class="analysis-mask">
          <div class="analysis-mask-image">
           <img src="img/services/4.jpg" alt="img" />
          </div>
         </div>
        </div>
       </div>
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="analysis-content">
         <h2>The Best Statistical Tools in Research &amp; Data Analysis</h2>
         <p>Consequat ac lacus diam lacus, mauris molestie nunc vestilum maecenas. Sociosqu orci. Tortor eu fermentum lectus eros, et mi enim, elit sapien, non et morbi et vestibulum malesuada. Sem sollicitudin, rhoncus diam mauris integer fringilla quadupendisse neque elementum pellentesque, porttitor spendisse dolor, arcu lectus esse mauris wisi, sit vitae eget nobis tristique sollicitudin sociis. Blandit anteveulum tempor nunc felis</p>
         <div class="about-count">
          <div class="counter-content-single">
           <h2><span class="timer" data-from="1" data-to="645" data-speed="5000" data-refresh-interval="50">645</span></h2>
           <h4>Projects Done</h4>
          </div>
          <div class="counter-content-single">
           <h2><span class="timer" data-from="1" data-to="1254" data-speed="5000" data-refresh-interval="50">1254</span></h2>
           <h4>Happy Client</h4>
          </div>
          <div class="counter-content-single">
           <h2><span class="timer" data-from="1" data-to="48" data-speed="5000" data-refresh-interval="50">48</span></h2>
           <h4>Years Experience</h4>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Analysis Area -->
    <!-- Start Service Provide Area -->
    <section class="service-provide-area">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Service We Provided</h2>
         <div class="section-line">
          <span></span>
         </div>
         <p>Dis consectetuer ipsum dui, pellentesque aliquet leo a utelitlus dsen non libero vivamus erat turpis. Justo erat, sem accusamus</p>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="service-provide-block">
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-chart"></span>
          </div>
          <h4><a href="#">Local SEO</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-promotion"></span>
          </div>
          <h4><a href="#">Social Marketing</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-money"></span>
          </div>
          <h4><a href="#">Pay Per Click</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-analytics"></span>
          </div>
          <h4><a href="#">Free SEO Analysis</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-chart"></span>
          </div>
          <h4><a href="#">Search Engine Marketing</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
         <!-- Single Service Provide -->
         <div class="service-provide-single">
          <div class="service-provide-icon">
           <span class="flaticon-research"></span>
          </div>
          <h4><a href="#">Digital Marketing</a></h4>
          <p>Condimentum congue, impeieseunasum odio eget nibh vestilum libero nuldgr think to the better now</p>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Service Provide Area -->
    <!-- Start Choose Us Area -->
    <section class="choose-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-12 col-xl-7">
        <div class="choose-image-block">
         <div class="choose-image-1">
          <img src="img/choose/vector-1.png" alt="Vector" />
         </div>
         <div class="choose-image-2">
          <img src="img/choose/vector-2.png" alt="Vector" />
         </div>
         <div class="choose-image-3">
          <img src="img/choose/vector-3.png" alt="Vector" />
         </div>
         <div class="choose-image-4">
          <img src="img/choose/vector-4.png" alt="Vector" />
         </div>
        </div>
       </div>
       <div class="col-md-12 col-lg-12 col-xl-5">
        <div class="choose-content">
         <h2>Why People Choose Us</h2>
         <ul class="choose-list list-style">
          <li>
           <div class="choose-list-single">
            <div class="choose-icon">
             <span class="flaticon-monitor"></span>
            </div>
            <div class="choose-text">
             <h3>Clean Coding</h3>
             <p>Pellentesque aliquam praesent nam ipanplaat cras sed a tristique morbi.</p>
            </div>
           </div></li>
          <li>
           <div class="choose-list-single">
            <div class="choose-icon">
             <span class="flaticon-rocket"></span>
            </div>
            <div class="choose-text">
             <h3>Unique Design</h3>
             <p>Pellentesque aliquam praesent nam ipanplaat cras sed a tristique morbi.</p>
            </div>
           </div></li>
          <li>
           <div class="choose-list-single">
            <div class="choose-icon">
             <span class="flaticon-analysis"></span>
            </div>
            <div class="choose-text">
             <h3>Free Support</h3>
             <p>Pellentesque aliquam praesent nam ipanplaat cras sed a tristique morbi.</p>
            </div>
           </div></li>
         </ul>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Choose Us Area -->
    <!-- Start Traffic Area -->
    <section class="traffic-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="traffic-content">
         <h2>Want Increase More Traffic &amp; More Sales?</h2>
         <p>Consequat ac lacus diam lacus, mauris molestie nunc vestibulumes. ciosqu orci. Tortor eu fermentum lectus eros, et mi enim, elisaen,non et morbi et vestibulum malesuada. Sem sollicitudin, rhoncus diamauris integer fringilla quas dui. suspendisse neque elementum lentesqpotor dictum imperdiet seo marketing to be grow your sale.</p>
         <a class="btn" href="#">Learn More</a>
        </div>
       </div>
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="traffic-image-block">
         <div class="traffic-image">
          <img src="img/traffic/vector-1.png" alt="Vector" />
          <div class="traffic-image-2">
           <img src="img/traffic/vector-2.png" alt="Vector" />
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Traffic Area -->
    <!-- Start Feedback Area -->
    <section class="feedback-area">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Our happy client give us awesome feedback for our work from all over the world</h2>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="feedback-content-block">
         <ul class="feedback-list list-style">
          <!-- Single Feedback -->
          <li class="feedback-single-block">
           <div class="feedback-single">
            <div class="feedback-content">
             <p>Best support Ipsum. Progravida nibh vel velit auctor alinean sollicitudin, lorem quis biben</p>
             <h5>Rene Tromp</h5>
             <span>CEO of Lontan</span>
            </div>
            <div class="avatar-block">
             <div class="avatar">
              <img src="img/review/1.jpg" alt="img" />
              <div class="icon">
               <a href="#"><i class="fab fa-dribbble"></i></a>
              </div>
             </div>
            </div>
           </div></li>
          <!-- Single Feedback -->
          <li class="feedback-single-block">
           <div class="feedback-single">
            <div class="feedback-content">
             <p>Best support Ipsum. Progravida nibh vel velit auctor alinean sollicitudin, lorem quis biben</p>
             <h5>Keven Feil</h5>
             <span>CEO of Serrian</span>
            </div>
            <div class="avatar-block">
             <div class="avatar">
              <img src="img/review/2.jpg" alt="img" />
              <div class="icon">
               <a href="#"><i class="fab fa-facebook-f"></i></a>
              </div>
             </div>
            </div>
           </div></li>
          <!-- Single Feedback -->
          <li class="feedback-single-block">
           <div class="feedback-single">
            <div class="feedback-content">
             <p>Best support Ipsum. Progravida nibh vel velit auctor alinean sollicitudin, lorem quis biben</p>
             <h5>Will Marvin</h5>
             <span>CEO of Titil</span>
            </div>
            <div class="avatar-block">
             <div class="avatar">
              <img src="img/review/3.jpg" alt="img" />
              <div class="icon">
               <a href="#"><i class="fab fa-instagram"></i></a>
              </div>
             </div>
            </div>
           </div></li>
         </ul>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Feedback Area -->
    <!-- Start CTA Area -->
    <section class="cta-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="cta-content">
         <h2>You Can on Trust Setola for Your SEO Marketing &amp; More Sale</h2>
         <a class="btn" href="#">Learn More</a>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End CTA Area -->
    <!-- Start Pricing Area -->
    <section class="pricing-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Get Your Best Pricing</h2>
         <div class="section-line">
          <span></span>
         </div>
         <p>Dis consectetuer ipsum dui, pellentesque aliquet leo a utelitlus dsen non libero vivamus erat turpis. Justo erat, sem accusamus</p>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="pricing-box-area">
         <div class="pricing-box">
          <div class="pricing-single">
           <h2>$00</h2>
           <h3>Free</h3>
           <ul class="price-list list-style">
            <li>Normal server power</li>
            <li>Unlimited montly traffic</li>
            <li>Cloud technology</li>
            <li>Unlimited disic space</li>
           </ul>
           <a class="btn hvr-wobble-horizontal" href="#">Signup</a>
          </div>
         </div>
         <div class="pricing-box">
          <div class="pricing-single">
           <h2>$48</h2>
           <h3>Silver</h3>
           <ul class="price-list list-style">
            <li>Normal server power</li>
            <li>Unlimited montly traffic</li>
            <li>Cloud technology</li>
            <li>Unlimited disic space</li>
           </ul>
           <a class="btn hvr-wobble-horizontal" href="#">Signup</a>
          </div>
         </div>
         <div class="pricing-box">
          <div class="pricing-single">
           <h2>$74</h2>
           <h3>Golden</h3>
           <ul class="price-list list-style">
            <li>Normal server power</li>
            <li>Unlimited montly traffic</li>
            <li>Cloud technology</li>
            <li>Unlimited disic space</li>
           </ul>
           <a class="btn hvr-wobble-horizontal" href="#">Signup</a>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Pricing Area -->
    <!-- Start Blog Area -->
    <section class="blog-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Our latest News &amp; Tips</h2>
         <div class="section-line">
          <span></span>
         </div>
         <p>Dis consectetuer ipsum dui, pellentesque aliquet leo a utelitlus dsen non libero vivamus erat turpis. Justo erat, sem accusamus</p>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="blog-slider owl-carousel owl-theme">
         <div class="single-news">
          <figure>
           <img src="img/blog/1.jpg" alt="news" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">The Superfood Gold Rush</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Eula Wolff</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>27 August 2018</a></li>
           </ul>
          </div>
         </div>
         <div class="single-news">
          <figure>
           <img src="img/blog/2.jpg" alt="Img" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">Let’s Talk About seo</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Javon Borer</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>28 August 2018</a></li>
           </ul>
          </div>
         </div>
         <div class="single-news">
          <figure>
           <img src="img/blog/3.jpg" alt="Img" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">Our Australian Expansion</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Pierce Blick</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>27 August 2018</a></li>
           </ul>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Blog Area -->
    <!-- Start Client Logo Area -->
    <div class="client-log-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="client-logo-slider owl-carousel owl-theme">
         <div class="client-logo-single">
          <a href="#"><img src="img/clients/1.png" alt="Logo" /></a>
         </div>
         <div class="client-logo-single">
          <a href="#"><img src="img/clients/2.png" alt="Logo" /></a>
         </div>
         <div class="client-logo-single">
          <a href="#"><img src="img/clients/3.png" alt="Logo" /></a>
         </div>
         <div class="client-logo-single">
          <a href="#"><img src="img/clients/4.png" alt="Logo" /></a>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
    <!-- End Client Logo Area -->
    <!-- Start Footer Area -->
    <footer class="footer-area">
     <div class="footer-top">
      <div class="container">
       <div class="row">
        <div class="col-md-6 col-lg-3">
         <div class="footer-info">
          <div class="footer-logo">
           <a href="index.html"><img src="img/logo/logo.png" alt="Logo" /></a>
          </div>
          <p>Semper integer, fringilla don quisquveac cras a eros nunc. Enim ipsum dictum elit dolor sed facilisi eu conubia nulla platea, id sollicitudin. Lobortis massa</p>
          <div class="call-us">
           <h5>Call Us <a href="">(0131) 429 5329</a></h5>
          </div>
         </div>
        </div>
        <div class="col-md-6 col-lg-2">
         <div class="footer-info">
          <h4>Useful Link</h4>
          <ul class="link-list list-style">
           <li><a href="#">About Us</a></li>
           <li><a href="#">Service</a></li>
           <li><a href="#">latest Post</a></li>
           <li><a href="#">Project</a></li>
           <li><a href="#">Site Map</a></li>
          </ul>
         </div>
        </div>
        <div class="col-md-6 col-lg-3">
         <div class="footer-info">
          <h4>Our Services</h4>
          <ul class="link-list list-style">
           <li><a href="#">Local SEO</a></li>
           <li><a href="#">Social Marketing</a></li>
           <li><a href="#">Pay Per Click</a></li>
           <li><a href="#">Free SEO Analysis</a></li>
           <li><a href="#">Search Engine Marketing</a></li>
           <li><a href="#">Digital Marketing</a></li>
          </ul>
         </div>
        </div>
        <div class="col-md-6 col-lg-4">
         <div class="footer-info">
          <h4>Instagram</h4>
          <ul class="instagram-list list-style">
           <li><a href="#"><img src="img/footer/1.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/2.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/3.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/4.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/5.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/6.jpg" alt="Instagram" /></a></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="footer-bottom">
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <div class="footer-bottom-content">
          <p>Copyright &copy; 2019.Company name All rights reserved.<a href="https://www.51qianduan.com/">51前端</a></p>
         </div>
        </div>
       </div>
      </div>
     </div>
     <!-- Start Back To Top Area -->
     <div class="back-to-top">
      <span>Back To Top</span>
     </div>
     <!-- End Back To Top Area -->
    </footer>
    <!-- End Footer Area -->
   </div>
  </div>
  <!-- Start Custom Cursor -->
  <div class="custom-cursor">
   <div id="cursor">
    <div id="cursor-ball"></div>
   </div>
  </div>
  <!-- End Custom Cursor -->
  <!-- all js here -->
  <!-- jquery version -->
  <!-- popper js -->
  <!-- bootstrap js -->
  <!-- selectize -->
  <!-- icheck -->
  <!-- owl.carousel js -->
  <!-- appear js -->
  <!-- easing js -->
  <!-- venobox js -->
  <!-- countTo js -->
  <!-- wow js -->
  <!-- loadMoreResults js -->
  <!-- TweenMax js -->
  <!-- main js -->
  <script src="js/main.js"></script> 



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 扁平化 养生会馆 植物花草 游戏 黑色 bootstrap自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到