<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>杭州集纳信息科技有限公司</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

<!-- Slider
    ================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css"  href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<script type="text/javascript" src="js/modernizr.custom.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Navigation
    ==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
  <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"> <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="index.html">杭州集纳信息科技有限公司<strong><span class="color">.</span></strong></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 navbar-right">
        <li><a href="#home" class="page-scroll">首页</a></li>
        <li><a href="#products" class="page-scroll">产品</a></li>
        <li><a href="#team-section" class="page-scroll">关于我们</a></li>
        <li><a href="#contact-section" class="page-scroll">联系我们</a></li>
      </ul>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
  <!-- /.container-fluid --> 
</nav>

<!-- Header -->
<header class="text-center" name="home">
  <div class="intro-text">
    <h1>Welcome to <strong><span class="color">JINA</span></strong></h1>
    <p>We create amazing <strong>websites</strong> & <strong>apps</strong> that deliver great user experiences.</p>
    <a href="#products" class="fa fa-angle-down page-scroll"> </a> </div>
</header>

<!-- Portfolio Section -->
<div id="products">
  <div class="container"> <!-- Container -->
    <div class="section-title text-center center">
      <h2>我们的<strong>产品</strong></h2>
      <hr>
      <div class="clearfix"></div>
      <p>一个专门为年轻人打造的无中介合租交流平台，帮大家快速找到满意的房子和靠谱的室友。</p>
    </div>
    <div class="categories">
      <ul class="cat">
        <li>
          <ol class="type">
            <li><a href="#" data-filter="*" class="active">合租找室友</a></li>
            <li><a href="#" data-filter=".xcx">小程序</a></li>
            <li><a href="#" data-filter=".gzh">公众号</a></li>
          </ol>
        </li>
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="row">
      <div class="portfolio-items">

        <div class="col-sm-6 col-md-3 col-lg-3"></div>

        <div class="col-sm-6 col-md-3 col-lg-3 xcx">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/hzzsy.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>合租找室友</h4>
                <small>微信小程序</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i> </div>
              <img src="img/portfolio/hzzsy.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-3 gzh">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/gzh.jpg" rel="prettyPhoto">
              <div class="hover-text">
                <h4>合租找室友</h4>
                <small>微信公众号</small>
                <div class="clearfix"></div>
                <i class="fa fa-plus"></i>
              </div>
              <img src="img/portfolio/gzh.jpg" class="img-responsive" alt="Project Title"> </a>
            </div>
          </div>
        </div>
        
      </div>
    </div>
  </div>
</div>


<!-- Team Section -->
<!-- <div id="team-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>遇见<strong>集纳团队</strong></h2>
      <hr>
      <p>一群志同道合的人，做一件有意义的事。</p>
    </div>
    <div id="row">
      <div class="col-md-4 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/huangtengfei.png" alt="..." class="img-circle team-img">
          <div class="caption">
            <h3>黄腾飞</h3>
            <p>创始人，产品兼技术负责人</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/jxw.png" alt="..." class="img-circle team-img">
          <div class="caption">
            <h3>姜晓薇</h3>
            <p>视觉设计师</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 team">
        <div class="thumbnail"> <img src="img/team/wcp.png" alt="..." class="img-circle team-img">
          <div class="caption">
            <h3>王迟鹏</h3>
            <p>市场运营和推广</p>
          </div>
        </div>
      </div>

    </div>
  </div>
</div> -->

<div id="contact-section" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>联系我们</h2>
      <hr>
      <p>产品方面的意见反馈或商务合作，可以与我们联系。</p>
    </div>
    <div id="row">
      <div>
        邮箱：htf1990@foxmail.com
      </div>
    </div>
  </div>
</div>    

<nav id="footer">
  <div class="container">
    <p style="text-align: center;">Copyright &copy; 2017 杭州集纳信息科技有限公司 
      <a target="_blank" href="http://beian.miit.gov.cn">浙ICP备17030244号</a>
    </p>
    <div style="width:300px;margin:0 auto; text-align: center;">
      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010902001772" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="img/beian.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">浙公网安备 33010902001772号</p></a>
    </div>
  </div>
</nav>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="http://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/smoothscroll/1.3.8/SmoothScroll.min.js"></script> 
<script src="http://cdn.bootcss.com/prettyPhoto/3.1.6/js/jquery.prettyPhoto.min.js"></script>
<script src="http://cdn.bootcss.com/jquery.isotope/1.5.25/jquery.isotope.min.js"></script>
<script src="http://cdn.bootcss.com/owl-carousel/1.3.2/owl.carousel.js"></script>

<!-- Javascripts
    ================================================== --> 
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>