{% load static %}
<html>
<head>
<title>{% block title %}{% endblock %}</title>
<link href="{% static 'home/css/style.css' %}" type="text/css" rel="stylesheet" media="all"> 
<link href="{% static 'home/css/bootstrap.css' %}" type="text/css" rel="stylesheet" media="all">
<link rel="{% static 'home/stylesheet' %}" href="css/flexslider.css" type="text/css" media="all" property="" /> 
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- js -->
<script src="{% static 'home/js/jquery-1.11.1.min.js' %}"></script> 
<!-- //js -->
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="{% static 'home/js/move-top.js' %}"></script>
<script type="text/javascript" src="{% static 'home/js/easing.js' %}"></script>	
<!-- //end-smooth-scrolling -->	
{% block extrastyle %}{% endblock %}
</head>
<body>
{% block banner %}{% endblock %}

<!-- features -->
<div id="features" class="features">
  <div class="container">
    <div class="title">
      <a href = {% url 'home' %}> <h3>我的BMI</h3> </a>
      <p> {% block bodyintroduce %}{% endblock %} </p>
    </div>
    <div class="features-w3l">
      <div class="col-md-4 features-grids">
        <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
        <a href = {% url 'statistics' %}> <h4>数据统计</h4> </a>
        <p>统计分析所有数据</p> 
      </div>
      <div class="col-md-4 features-grids features-grd-mdl1">
        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>	
        <a href = {% url 'BMI' %}> <h4>指数计算</h4> </a>
        <p>计算您的健康指数BMI</p> 
      </div>
      <div class="col-md-4 features-grids">
        <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
        <a href = {% url 'health_home' %}> <h4>健康之家</h4> </a>
        <p>我们将为您提供一些流行的健康社区</p> 
      </div>
    </div>
  </div>
</div>
{% block extracontain %}{% endblock %}
<!-- //features -->
{% block footer %}
<div class="footer">
  <div class="container">
    <div class="copy-right"> 
      <p>Copyright &copy; 2016.MCS-FJNU All rights reserved.<a target="_blank" href={% url 'home' %}>JeffyLu</a></p>
    </div>
  </div>
</div>
<!-- smooth-scrolling-of-move-up -->
<script type="text/javascript">
$(document).ready(function() {
    $().UItoTop({ easingType: 'easeOutQuart' });	
    });
</script>
<!-- //smooth-scrolling-of-move-up --> 
<script src="js/bootstrap.js"></script>
{% block extrafooter %}
{% endblock %}
{% endblock %}
</body>
</html>
