index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
	<head>
		<link rel="stylesheet" href="./bootstrap-4.3.1-dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="./bootstrap-4.3.1-dist/js/bootstrap.min.js">
		<link rel="stylesheet" href="./style.css">
		<link href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css" rel="stylesheet">
		<!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300&display=swap" rel="stylesheet"> -->
 		<link href="https://fonts.googleapis.com/css?family=Raleway:700|Roboto:300&display=swap" rel="stylesheet">
		<!-- <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet"> -->
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>

	<!-- <div class="se-pre-con"></div> -->

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="https://unpkg.com/ionicons@4.5.10-0/dist/ionicons.js"></script>


<!--
#     # ####### #     # #     #
##   ## #       ##    # #     #
# # # # #       # #   # #     #
#  #  # #####   #  #  # #     #
#     # #       #   # # #     #
#     # #       #    ## #     #
#     # ####### #     #  #####
-->


<!--Main Navigation-->
<header>
<!--Navbar-->

<nav class="navbar navbar-expand-lg navbar-light fixed-top center whiteTranspBg">
	<div class="container">
		<a class="navbar-brand" href="index.html">
			  <img class=" img-fluid d-none d-lg-flex"  src="./Onett_final.png" alt="ONETT">
		  	  <img class="img-fluid d-md-flex d-lg-none d-xl-none"  src="./logo_mobile.png" alt="ONETT">
		  </a>
		  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
		    <span class="navbar-toggler-icon"></span>
		  </button>

		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav mr-auto">
		      <li class="nav-item active text_space">
		        <a class="nav-link" href="about.html"><h4>About</h4><span class="sr-only">(current)</span></a>
		      </li>
		      <li class="nav-item text_space">
		        <a class="nav-link" href="https://snap.summerofcode.es/fareformpage"><h4>Try it!</h4></a>
		      </li>
			  <li class="nav-item text_space">
				<a class="nav-link" href="team.html"><h4>Team</h4></a>
			  </li>
			  <li class="nav-item text_space">
			  	<a class="nav-link" href="stakeholders.html"><h4>Stakeholders</h4></a>
			  </li>
		    </ul>
		    <!-- <form class="form-inline my-2 my-lg-0">
		      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
		      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
		    </form> -->
		  </div>
	</div>
</nav>


  <!--Intro Section-->
  <section class="view intro-video">
    <video poster="./Captura_1.mp4" width="100%" height="auto" playsinline autoplay muted loop>
      <source src="./Captura_1.mp4"  type="video/mp4">
    </video>
        <div class="container flex-center ">
          <div class="row pt-5 mt-3">
            <div class="col-lg-6 wow fadeIn mb-5 text-center text-lg-left">
              <div class="white-text">
                <h1 class="h1-responsive font-weight-bold wow fadeInLeft ralewayhead" data-wow-delay="0.3s">Hello ONETT!</h1>
                <hr class="hr-light wow fadeInLeft" data-wow-delay="0.3s">
                <p class="wow fadeInLeft ralewaytext" data-wow-delay="0.3s">ONETT is an open source transportation APP, powered by an open and renovated European data transport standard,
				to provide a better and more accurate information about local trasnportation enterprises across Europe.</p>
                <br>
                <a class="btn btn-outline-white wow fadeInLeft ralewaytext" data-wow-delay="0.3s">Are you ready for the future of European transport?</a>
				<a href="https://snap.summerofcode.es/" class="btn orange-bg white ralewayhead" role="button">GO!</a>
				<br>
			  </div>
            </div>
            <div class="col-lg-6 wow fadeIn">
              <div class="embed-responsive embed-responsive-16by9 wow fadeInRight">
				 <iframe class="embed-responsive-item" width="200" height="200" src="./Onett-pitch.mp4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>></iframe>
				  <!-- <video class="embed-responsive-item" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" poster="./Onett-pitch.mp4" width="100%" height="auto" playsinline play loop>
					<source src="./Onett-pitch.mp4"  type="video/mp4">
				  </video> -->
              </div>
            </div>
          </div>
        </div>
  </section>
</header>


<!--
######     #    ######  ####### #     # ####### ######   #####
#     #   # #   #     #    #    ##    # #       #     # #     #
#     #  #   #  #     #    #    # #   # #       #     # #
######  #     # ######     #    #  #  # #####   ######   #####
#       ####### #   #      #    #   # # #       #   #         #
#       #     # #    #     #    #    ## #       #    #  #     #
#       #     # #     #    #    #     # ####### #     #  #####
 -->

<br><br><br><br>
<h2 class="text-info left orange ralewayhead" align="center"> PARTNERS</h2>
<br><br>

<a href="https://summerofcode.es/">
  <img class="img-fluid mx-auto d-block" src="./screenshot_2.png" alt="oSoc19">
</a>
<a href="https://www.snap-project.eu/">
  <img class="img-fluid mx-auto d-block" src="./u4W9tHuy_400x400.png" alt="oSoc19">
</a>
</div>

<!--
####### #     # ######
#       ##    # #     #
#       # #   # #     #
#####   #  #  # #     #
#       #   # # #     #
#       #    ## #     #
####### #     # ######
 -->

<br><br><br><br><br><br><br>
 <div class="jumbotron gradientBg">
	 <h5  class="white ralewayhead" align="center">WANNA SPEND LESS? ONETT SHOWS YOU THE CHEAPEST WAY!</h5>
	 <br><br>
 	<div class="container">
		<div class="container-fluid white" >
			<div class="row vertical-align">
				<div class="col-md-6 col-sm-12">
					<div class="row">
						<div class="col-md-3 col-sm-4">
							<a href="https://github.com/osoc-es">
								<h5 align="left"><ion-icon class="ion-icon" size="large" name="logo-github"></ion-icon></h5>
							</a>
						</div>
						<div class="col-md-3 col-sm-4">
							<a href="https://twitter.com/osocode_es">
								<h5 align="left"><ion-icon class="ion-icon" size="large" name="logo-twitter"></ion-icon></h5>
							</a>
						</div>
						<div class="col-md-3 col-sm-4">
							<a href="https://www.youtube.com/channel/UCajxNQfzDysVK_9nVFvtUzQ">
								<h5 align="left"><ion-icon class="ion-icon" size="large" name="logo-youtube"></ion-icon></h5>
							</a>
						</div>
					</div>
				</div>
				<div class="col-md-6 col-sm-12">
					<h5  class="white ralewayhead" align="right">ONETT Spain 2019. oSoC19.All rights reserved</h5>
				</div>
			</div>
		</div>
</div>
</div>

<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- <script>
var jquery = document.createElement("script");
jquery.src = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js";
// Wait for window load
jquery.(window).load(function() {
	// Animate loader off screen
	jquery(".se-pre-con").fadeOut('slow');
});
</script> -->
</body>
</html>