<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- <base href="http://127.0.0.1/traficomadrid/">-->
    <link href="https://fonts.googleapis.com/css?family=Londrina+Solid" rel="stylesheet">

    <!--  CSS -->
    <link rel="stylesheet" href="css/css/home.css">

    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/BootstrapXL.css">
    <link href="bower_components/jbox/Source/jBox.css" rel="stylesheet">



<!--  JAVASCRIPT -->
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
    <!-- jbox -->
    <script src="bower_components/jbox/Source/jBox.min.js"></script>



    <script type="text/javascript" src="bower_components/d3/d3.min.js"></script>
    <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="bower_components/jsrender/jsrender.min.js"></script>


    <!-- fullpage -->
    <link rel="stylesheet" type="text/css" href="bower_components/pagePiling.js/jquery.pagepiling.css" />
    <script type="text/javascript" src="bower_components/pagePiling.js/jquery.pagepiling.js"></script>
    <!--  fullpage -->





    <script type="text/javascript" src="js/main.js"></script>
</head>

<body>
    <div id="pagepiling">
        <div class="section">
            <div class="section-container" id="portada">
            
            </div>
        </div>
        <div class="section">
            <div class="section-container" id="page-1">
            
            </div>
        </div>
        <div class="section">
            <div class="section-container" id="page-2" >

            </div>
        </div>
        <div class="section">
            <div class="section-container" id="page-3" >

            </div>
        </div>
        <div class="section">
            <div class="section-container" id="page-4">

            </div>
        </div>
        <div class="section">
            <div class="section-container" id="page-5">

            </div>
        </div>
        <div class="section">
            <div class="section-container" id="page-6">

            </div>
        </div>
        <div class="section">
            <div class="section-container" id="page-7">

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

    <!-- aquĆ­ van los links a las secciones -->
    <div id="timeline">
		<ul class="cd-timeline-navigation">
			<li id="nav-btn-page1"><a href="#page1" class="btn-navigation active"><img src="images/c1_menu.jpg" class="img-menu"></a></li>
			<li id="nav-btn-page2"><a href="#page2" class="btn-navigation"><img src="images/c2_menu.jpg" class="img-menu"></a></li>
            <li id="nav-btn-page3"><a href="#page3" class="btn-navigation"><img src="images/c3_menu.jpg" class="img-menu"></a></li>
            <li id="nav-btn-page4"><a href="#page4" class="btn-navigation"><img src="images/c4_menu.jpg" class="img-menu"></a></li>
            <li id="nav-btn-page5"><a href="#page5" class="btn-navigation"><img src="images/c5_menu.jpg" class="img-menu"></a></li>
            <li id="nav-btn-page6"><a href="#page6" class="btn-navigation"><img src="images/c6_menu.jpg" class="img-menu"></a></li>
            <li id="nav-btn-page7"><a href="#page7" class="btn-navigation"><img src="images/c7_menu.jpg" class="img-menu"></a></li>
		</ul> <!-- .cd-timeline-navigation -->
	</div> <!-- .timeline -->

</body>

</html>