{% extends "template-base.html" %}
{% block head %}

    <!-- HTML5 Shim and Respond.js 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="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    
    <link href="assets/css/landing.css" rel="stylesheet">
    
{% endblock %}
    
{% block main %}

    <!-- jumbotron -->
	<!-- <div class="container theme-showcase" role="main"> -->
    <div class="jumbotron">
      <div class="container">
      	<div class="row">
      		<div class="col-md-12">
       		 <div class="col-md-3">
       		 	<img class="large_logo" src="assets/img/dev-logo.png" />
       		 </div>
       		 <div class="col-md-9">
       		 	<h4>Welcome to the Developer Center</h4>
        		<p class="main_callout">
Ripple’s distributed settlement network is built on open-source technology that anyone can use. Here are the tools developers can use to build solutions around the open-source platform.</p>
      		 </div>
      		</div>
      	</div>
      </div>
    </div>
   <!--  </div> -->
    
    <!-- main container -->
	<div class="container build-index">
		 <div class="row">
            {% for cat in categories %}
			<div class="col-md-3">
		        <ul>
		        <li class="top"><h5 class="dev_heading">{{ cat }}</h5></li>
                {% for page in pages %}
    		        {% if page.category == cat %}
                    <li><a href="{{ page.html }}">{{ page.name }}</a></li>
                    {% endif %}
                {% endfor %}
			    </ul>
			</div>
            {% endfor %}
		</div>
	</div>
	
{% endblock %}