index.html

<!DOCTYPE html>
<html>
<head>
     <title> MAPPING </title>
	 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">

	  <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
	  <link rel="stylesheet" type="text/css" href="./css/homestyle.css">
</head>
<body>
<body background= "./img/Hutong.jpg">

      <script src="https://code.jquery.com/jquery.js"></script>
      <script src="./js/bootstrap.min.js"></script>


<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="#myPage"></a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="./index.html ">MAPPING</a></li>
        <li><a href="./policy.html ">POLICY</a></li>
        <li><a href="./analysis.html ">ANALYSIS</a></li>
        <li><a href="./data.html ">DATA EXPLORER</a></li>
        <li><a href="./us.html">ABOUT US</a></li>
      </ul>
    </div>
  </div>
</nav>
<!--stroy page 1st content-->

<div class="container">

    <div class="index-content">

      <div class="story-title">
	  <h1>How Does <a class="a-red"> XUEQU</a> Affect</h1>
	  <h1>Housing Prices In Central Beijing? </h1> 
	  </div>

	  <div class="subtitle">
	  <p>
	  What is “Xuequfang”? Why Beijing Parents are Striving for “Xuequfang” Houses?
	  Do High Quality Schools Really Make a Huge Difference On Nearby Houses?
	  And How do They Affect?
	  </p>
	  </div>
	  
	  <div class="demo" >
		<a href="./visual.html" class="button start">START EXPLORATION</a>
      </div>
	</div>


</div>

</body>


</html>