master

分支 (1)

管理

管理

master

shopping
/
contact.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Contact</title>
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/iconfont.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/contact.css">
</head>

<body>
  <div class="warp">
    <header class="header-two">
      <div class="head">
        <div class="row head-in clearfix">
          <div class="head-logo col-md-3">
            <div class="logo-pic">
              <img src="./img/logo.png" alt="">
            </div>
          </div>
          <div class="head-main col-md-6">
            <ul>
              <li class="has-sub-item"><a href="./index.html">Home</a>
                <ul class="inside-ul">
                  <li><a href="">Home Version 01</a></li>
                  <li><a href="">Home Version 02</a></li>
                  <li><a href="">Home Version 03</a></li>
                  <li><a href="">Home Version 04</a></li>
                </ul>
              </li>
              <li class="has-sub-item"><a href="./shop.html">Shop</a>
                <ul class="inside-ul">
                  <li><a href="">Shop Details</a></li>
                  <li><a href="">Shop 2 Column</a></li>
                  <li><a href="">Shop 2Col with sidebar</a></li>
                  <li><a href="">Shop 3 Column</a></li>
                  <li><a href="">Shop 3Col with sidebar</a></li>
                  <li><a href="">Shop 4 Column</a></li>
                  <li><a href="">Shop 4Col with sidebar</a></li>
                  <li><a href="">Shop 5 Column</a></li>
                  <li><a href="">Shop 6 Column</a></li>
                  <li><a href="">Shop Masonary</a></li>
                  <li><a href="">Shop minimal</a></li>
                  <li><a href="">Shop Carousel</a></li>
                </ul>
              </li>
              <li class="has-sub-item"><a href="./catagories.html">Catagories</a>
                <ul class="inside-ul">
                  <li><a href="">Categories 1</a></li>
                  <li><a href="">Categories 2</a></li>
                  <li><a href="">Categories 3</a></li>
                  <li><a href="">Categories 4</a></li>
                </ul>
              </li>
              <li class="has-sub-item"><a href="./collection.html">Collection</a>
                <ul class="inside-ul">
                  <li><a href="">Collection 1</a></li>
                  <li><a href="">Collection 2</a></li>
                  <li><a href="">Collection 3</a></li>
                  <li><a href="">Collection 4</a></li>
                </ul>
              </li>
              <li class="has-sub-item"><a href="./about.html">About</a>
                <ul class="inside-ul">
                  <li><a href="">About</a></li>
                  <li><a href="">Cart List</a></li>
                  <li><a href="">Check Out</a></li>
                  <li><a href="">Wish List</a></li>
                  <li><a href="">FAQ</a></li>
                  <li><a href="">My Account</a></li>
                  <li><a href="">Order Tracking</a></li>
                  <li><a href="">Search Results</a></li>
                  <li><a href="">Log Out</a></li>
                  <li><a href="">Coming Soon</a></li>
                  <li><a href="">404 Page</a></li>
                </ul>
              </li>
              <li class="has-sub-item"><a href="javascript:void(0)">Blog</a>
                <ul class="inside-ul">
                  <li><a href="">Blog Layout</a></li>
                  <li><a href="">Blog Right Sidebar</a></li>
                  <li><a href="">Blog Pinterest</a></li>
                  <li><a href="">Blog Pinterest with Sidebar</a></li>
                  <li><a href="">Blog list</a></li>
                  <li><a href="">Blog list with Sidebar</a></li>
                  <li><a href="">Blog Details With Sidebar</a></li>
                  <li><a href="">Blog Details</a></li>
                </ul>
              </li>
              <li class="active spe-item has-sub-item"><a href="./contact.html">Contact</a>

              </li>
            </ul>
          </div>
          <div class="head-nav col-md-3">
            <div class="nav">
              <ul class="clearfix">
                <li> <a href="javascript:void(0)"><span class="iconfont icon-menu1"></span></a> </li>
                <li> <a href=""><span class="iconfont icon-menu"></span></a> </li>
                <li> <a href=""><span class="iconfont icon-user"></span></a> </li>
                <li> <a href=""><span class="iconfont icon-xin"></span></a> </li>
                <li> <a href=""><span class="iconfont icon-ziyuan"></span></a> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </header>
    <section class="page-title-inner">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="section-title-wrap">
              <div class="section-title">
                <h2>WE ARE EVERYWHERE<span>CONTACT
                  </span></h2>
              </div>
            </div>
            <ul class="list-unstyled mb-0">
              <li>
                <a href="">home</a>
              </li>
              <li>
                <a class="active" href="">. Contact</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <section class="pt-100 pb-100">
      <div class="container">
        <div class="row">
          <div class="col-lg-8">
            <div class="office-ifno-inner">
              <h3>We Are here To help You Better</h3>
              <p>Alteration literature to or an sympathize mr imprudence. Of is ferrars subject as enjoyed or tedi ous
                cottage. rocuring as in resembled by in agreeable. Next long no gave mr eyes. Admiration advant ages no
                he celebrated so pianoforte as in resembled unreserved.</p>
            </div>
            <div class="office-addess-inner">
              <div class="row">
                <div class="col-lg-6">
                  <div class="single-address">
                    <h4>Head Quarter</h4>
                    <ul class="list-unstyle mb-0">
                      <li>3100 West Cary Street,</li>
                      <li>PO Box 16122 Collins Street West</li>
                      <li>Victoria 8007 Australia</li>
                    </ul>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="single-address">
                    <h4>Head Quarter</h4>
                    <ul class="list-unstyle mb-0">
                      <li>3100 West Cary Street,</li>
                      <li>PO Box 16122 Collins Street West</li>
                      <li>Victoria 8007 Australia</li>
                    </ul>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="single-address">
                    <h4>Head Quarter</h4>
                    <ul class="list-unstyle mb-0">
                      <li>3100 West Cary Street,</li>
                      <li>PO Box 16122 Collins Street West</li>
                      <li>Victoria 8007 Australia</li>
                    </ul>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="single-address">
                    <h4>Head Quarter</h4>
                    <ul class="list-unstyle mb-0">
                      <li>3100 West Cary Street,</li>
                      <li>PO Box 16122 Collins Street West</li>
                      <li>Victoria 8007 Australia</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="pb-100">
      <div class="container">
        <div class="row">
          <div class="col-lg-4">
            <div class="getin-touch-image">
              <img src="./img/featuerd/office-info.png" alt="">
            </div>
          </div>
          <div class="col-lg-8">
            <div class="office-address-form">
              <div class="office-address-head">
                <h3>Get In Touch</h3>
                <p>Alteration literature to or an sympathize mr imprudence. Of is ferrars subject as enjoyed or tedi ous
                  cottage. rocuring as in resembled by in agreeable. Next long no gave mr eyes. Admiration advant ages
                  no he celebrated so pianoforte as in resembled unreserved.</p>
              </div>
              <div class="address-form-inner contact-page-form parsley-validate">
                <form action="">
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="input-form-group">
                        <span class="iconfont icon-user"></span>
                        <input type="text" class="theme-input-style" placeholder="Your name">
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <div class="input-form-group">
                        <span class="iconfont icon-changyongtubiao-xianxingdaochu-zhuanqu-
                        "></span>
                        <input type="email" class="theme-input-style" placeholder="Email">
                      </div>
                    </div>
                    <div class="col-lg-12">
                      <div class="input-form-group">
                        <span class="iconfont icon-file
                        "></span>
                        <input type="text" class="theme-input-style" placeholder="Subject">
                      </div>
                    </div>
                    <div class="col-lg-12">
                      <div class="input-form-group">
                        <span class="text-area iconfont icon-changyongtubiao-xianxingdaochu-zhuanqu-
                        "></span>
                        <textarea name="" id="" cols="30" rows="10" class="theme-input-style"
                          placeholder="Message"></textarea>
                      </div>
                      <button class="btn btn-fill-type mb-30">
                        Send
                      </button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <footer>
      <div class="foot-top">
        <div class="container">
          <div class="row">
            <div class="col-lg-4">
              <div class="foot-logo">
                <img src="./img/ftr-logo.png" alt="">
              </div>
              <div class="foot-about">
                <p>These cases are perfectly simple and easy to distin guish. In a free hour, when our power of choice
                  is
                  untram melled and when nothing prevents our being able to be circumstances and owing claim.</p>
              </div>
            </div>
            <div class="col-lg-2">
              <div class="title">
                <h2>About Kinen</h2>
              </div>
              <div class="terms">
                <ul>
                  <li><a href="">About Our Company</a></li>
                  <li><a href="">License</a></li>
                  <li><a href="">Policy Privacy</a></li>
                  <li><a href="">Terms of use</a></li>
                </ul>
              </div>
            </div>
            <div class="col-lg-2">
              <div class="title">
                <h2>Useful Links</h2>
              </div>
              <div class="terms">
                <ul>
                  <li><a href="">Top Sellers</a></li>
                  <li><a href="">Featured Items</a></li>
                  <li><a href="">Discount Shop</a></li>
                  <li><a href="">New Arrivals</a></li>
                </ul>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="title">
                <h2>Useful Links</h2>
              </div>
              <div class="terms">
                <ul>
                  <li>
                    <div class="four-items">
                      <span class="iconfont icon-danseshixintubiao-"></span>&nbsp;&nbsp;&nbsp; 1622 Colins Street West,
                      Strawberry (Le),
                      ITALY
                    </div class="four-items">
                  </li>
                  <li>
                    <div class="four-items"><span class="iconfont icon-xinfeng"></span>&nbsp;&nbsp;&nbsp; <a href="">
                        Email:
                        info@emailname.com</a></div>
                  </li>
                  <li>
                    <div class="four-items"><span class="iconfont icon-dianhua1"></span>&nbsp;&nbsp;&nbsp;<a href="">
                        Phone: +00 654
                        321
                        9874</a></div>
                  </li>
                  <li>
                    <div class="four-items"><span class="iconfont icon-naozhong"></span>&nbsp;&nbsp;&nbsp; Monday -
                      Saturday:9:00 -
                      18:00 pm</div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="foot-down">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
              <div class="footer-down-cont clearfix">
                <div class="copyright">
                  <p>@ 2018<a href=""> ThemeLooks </a>All rights reserved

                  </p>
                </div>
                <div class="trams">
                  <ul>
                    <li><a href="">License</a></li>
                    <li><a href="">Policy Privacy</a></li>
                    <li><a href="">Terms of use</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <div class="returnTop">
      <span class="iconfont icon-shangjiantou
      "></span>
      <div class="returnText">Back To Top</div>
    </div>
  </div>


</body>
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/public.js"></script>
<script>

</script>

</html>