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



3 11 4



模板描述:响应式营销企业,黑色简洁风格响应式营销企业网页模板代码下载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 bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 大气 霸气 商务 商务公司

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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