current position:Home>Bootstrap web job

Bootstrap web job

2022-04-29 08:13:45m0_ sixty-two million two hundred and twenty-one thousand two h

 Insert picture description here

 Insert picture description here

 Insert picture description here

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--  Above 3 individual meta label * must * Put it at the front , Anything else * must * followed by ! -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/index.css" rel="stylesheet">

    <!-- HTML5 shim  and  Respond.js  It's to make  IE8  Support  HTML5  Element and media query (media queries) function  -->
    <!--  Warning : adopt  file://  agreement ( Which is to directly  html  Page drag to browser ) When visiting the page  Respond.js  It doesn't work  -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    
    <nav class="navbar navbar-inverse">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img src="img/logo.png"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#"> home page  <span class="sr-only">(current)</span></a></li>
        <li><a href="#"> Company profile </a></li>
        <li><a href="#"> Solution </a></li>
        <li><a href="#"> Success stories </a></li>
        
      </ul>
      <form class="navbar-form navbar-right">
        <div class="input-group">
          <input type="text" class="form-control" placeholder=" Search for ">
           <span class="input-group-btn"><button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button></span>
        </div>
       
      </form>
     
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>


<div class="jumbotron">
  <div class="container">
    <div class="row">
     <div class="col-lg-5 col-lg-offset-1 col-md-5">
       <h2 class="banner-title"> Company profile </h2>
<p class="banner-detail">GEMINITECH Co., LTD. ,  As an innovative technology enterprise , Have a vibrant , high-quality 、 younger 、 Professional development team ,  Provide a steady stream of vitality and power for the vigorous development of the company . We are committed to providing medium and high-end customized development services for enterprises ,  Set planning , Design , Development , A new Internet enterprise integrating marketing and service .</p>
     </div>
     <div class="col-lg-5 col-md-5 hidden-sm hidden-xs"><img src="img/person.png" class="img-responsive"></div>
</div>
  </div>
</div>

<div class="container-fluid gray-bg">
   <div class="container">
    <h2 class="common-title text-center"> Solution </h2>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 common-detail text-center"> Mainly engaged in Internet brand building and network marketing , Professional fields include website construction , WeChat development , network marketing , Relevant categories of e-commerce service outsourcing , And actively explore IT Consulting services for the application of technology in various industries . Committed to providing users with   For the right solution .</div>
    </div>
    <div class="row list-con">
      <div class="col-lg-4 list-item">
        <h3> Website construction </h3>
        <p> Brand display website 、 Official Portal 、 Marketing website construction 、 E-commerce platform development </p>
      </div>
      <div class="col-lg-4 list-item list026">
        <h3> Website construction </h3>
        <p> Brand display website 、 Official Portal 、 Marketing website construction 、 E-commerce platform development </p>
      </div>
      <div class="col-lg-4 list-item list03">
        <h3> Website construction </h3>
        <p> Brand display website 、 Official Portal 、 Marketing website construction 、 E-commerce platform development </p>
      </div>
      <div class="col-lg-4 list-item list04">
        <h3> Website construction </h3>
        <p> Brand display website 、 Official Portal 、 Marketing website construction 、 E-commerce platform development </p>
      </div>
      <div class="col-lg-4 list-item list05">
        <h3> Website construction </h3>
        <p> Brand display website 、 Official Portal 、 Marketing website construction 、 E-commerce platform development </p>
      </div>
      <div class="col-lg-4 list-item list06">
        <h3> Website construction </h3>
        <p> Brand display website 、 Official Portal 、 Marketing website construction 、 E-commerce platform development </p>
      </div>
    </div>
   </div>
</div>


<div class="container-fluid">
   <div class="container">
    <h2 class="common-title text-center"> Success stories </h2>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 common-detail text-center"> With HTML5 Technology based , Realize automatic compatibility and browsing of mobile terminals , The design and development of contacts between extended brands and users meet the requirements of mobile terminals H5 page , Fully compatible with mobile phones 、PAD Mobile devices such as , Broaden brand communication channels , Combined with the characteristics of mobile Internet , Personalize 、 Socialization 、 Scene integration into the project .</div>
    </div>
    <div class="row case-list">
      <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
        <img src="img/pic01.jpg">
        <div class="mask">
           <h4> Website construction </h4>
        <p> Brand display website 、 Official Portal 、 Marketing website construction 、 E-commerce platform development </p>
        </div>

      </div>
      <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="img/pic02.jpg">
        <div class="mask">
           <h4> Website construction </h4>
        <p> Brand display website 、 Official Portal 、 Marketing website construction 、 E-commerce platform development </p>
        </div>

      </div>
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="img/pic03.jpg"></div>
     <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="img/pic04.jpg"></div>
          <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="img/pic05.jpg"></div>
           <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="img/pic06.jpg"></div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="img/pic07.jpg"></div>
             <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="img/pic08.jpg"></div>
    </div>
   </div>
</div>


<div class="container-fluid blue-bg">
   <div class="container">
    <h2 class="common-title text-center"> partners </h2>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 common-detail text-center"> We have many partners .</div>
    </div>
    <div class="row logo-list">
      <div class="col-lg-2"><a href="" class="logo1"></a></div>
      <div class="col-lg-2"><a href="" class="logo2"></a></div>
      <div class="col-lg-2"><a href="" class="logo3"></a></div>
      <div class="col-lg-2"><a href="" class="logo4"></a></div>
      <div class="col-lg-2"><a href="" class="logo5"></a></div>
    </div>
   </div>
</div>

<div  class="container-fluid gray-bg">
   <div class="container">
     <div class="row links-list">
      <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
        <dt> company </dt>
          <dd><a href="#"> About us </a></dd>
          <dd><a href="#"> The company recruits </a></dd>
          <dd><a href=""> Company team </a></dd>
          <dd><a href=""> Copyright </a></dd>
          <dd><a href=""> Terms of use </a></dd>
          <dd><a href=""> Privacy policy </a></dd>
          <dd><a href=""> Contact us </a></dd>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
        <dt> company </dt>
          <dd><a href="#"> About us </a></dd>
          <dd><a href="#"> The company recruits </a></dd>
          <dd><a href=""> Company team </a></dd>
          <dd><a href=""> Copyright </a></dd>
          <dd><a href=""> Terms of use </a></dd>
          <dd><a href=""> Privacy policy </a></dd>
          <dd><a href=""> Contact us </a></dd>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
        <dt> company </dt>
           <dd><a href="#"> About us </a></dd>
          <dd><a href="#"> The company recruits </a></dd>
          <dd><a href=""> Company team </a></dd>
          <dd><a href=""> Copyright </a></dd>
          <dd><a href=""> Terms of use </a></dd>
          <dd><a href=""> Privacy policy </a></dd>
          <dd><a href=""> Contact us </a></dd>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
        <dt> company </dt>
           <dd><a href="#"> About us </a></dd>
          <dd><a href="#"> The company recruits </a></dd>
          <dd><a href=""> Company team </a></dd>
          <dd><a href=""> Copyright </a></dd>
          <dd><a href=""> Terms of use </a></dd>
          <dd><a href=""> Privacy policy </a></dd>
          <dd><a href=""> Contact us </a></dd>
      </div>
    </div>
   </div>
</div>

<div class="container-fluid dark-bg">
   <div class="container">
     <div class="row footer">
       <div class="col-lg-6 col-md-6 col-sm-6 text-left">
         &copy; 2017 Comlogo.All Rights Reserved.
       </div>
       <div class="col-lg-6 col-md-6 col-sm-6 text-right">
         <a href="">HOME</a> 
         <a href="">ABOUT US</a> 
         <a href="">FAP</a>
         <a href=""> CONTACT US</a>
       </div>
     </div>
   </div>
</div>
    <!-- jQuery (Bootstrap  All of the  JavaScript  Plug ins all depend on  jQuery, So it has to be in the front ) -->
    <script src="js/jquery.min.js"></script>
    <!--  load  Bootstrap  All of the  JavaScript  plug-in unit . You can also load only a single plug-in as needed . -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

copyright notice
author[m0_ sixty-two million two hundred and twenty-one thousand two h],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2022/119/202204290600156801.html

Random recommended