You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

216 lines
7.8 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Cars in Common</title>
<link rel="icon" type="image/png" href="img/icon.png">
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<!-- Theme CSS -->
<link href="css/grayscale.css" rel="stylesheet">
<link href="css/own.css" rel="stylesheet">
<link href="css/colors.css" rel="stylesheet">
<!-- 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
Menu <i class="fa fa-bars"></i>
</button>
<!--<a class="navbar-brand page-scroll" href="#page-top">
<img src="img/icon.png" style="width:30px; display: inline-block;"> Cars in Common
</a>-->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#download">Download</a>
</li>
<li>
<a href="https://fair.coop" target="_blank">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Intro Header -->
<header class="intro o_headerBg">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<h1 class="">Common Routes</h1>
<p class="intro-text">
Open source carsharing app
</p>
<p>
<a href="#download" class="btn btn-default btn-lg page-scroll">
<i class="fa fa-android fa-fw"></i> Download
</a>
</p>
<p>Site under construction</p>
</div>
</div>
</div>
</div>
</header>
<section id="how-it-works" style="padding-top: 100px;">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-user text-primary sr-icons"></i>
<h3>Create a profile</h3>
<p class="text-muted">
Download the app and create a profile
</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-pencil-square-o text-primary sr-icons"></i>
<h3>Post a travel</h3>
<p class="text-muted">
Can post 3 types of travel: offer car, ask for car, send package
</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-map-marker text-primary sr-icons"></i>
<h3>Join travels</h3>
<p class="text-muted">
Find travels that match with your routes
</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="service-box">
<i class="fa fa-4x fa-users text-primary sr-icons"></i>
<h3>Make comunity</h3>
<p class="text-muted">
Enjoi the Common Routes community
</p>
</div>
</div>
</div>
</div>
</section>
<section id="featureslist" class="container" style="padding-top: 100px;">
<div class="row">
<div class="col-sm-12 text-center">
<p>
Opensource & Free software
<br>
FairCoop comunity
</p>
</div>
</div>
</section>
<section id="featureslist" class="container" style="padding-top: 100px;">
<div class="row">
<div class="col-sm-12 text-center">
<h2></h2>
<img src="img/carsincommon.png" class="col-sm-12" />
</div>
</div>
</section>
<!-- Download Section -->
<section id="download" class="content-section text-center">
<div class="download-section o_downloadBg">
<div class="container">
<div class="col-sm-8 col-sm-offset-2">
<h2>Download the app</h2>
<p>
Under development
</p>
<a href="/carsincommon.apk" target="_blank" class="btn btn-default btn-lg">
<i class="fa fa-linux fa-fw"></i> Download (pre-alpha version)
</a>
</div>
</div>
</div>
</section>
<!--<section class="container" style="padding-top: 100px;">
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<h2>Contact</h2>
<p>
Code written in Go lang as free and open source project, with academic purposes.
</p>
</div>
</div>
</div>
</section>-->
<!-- Footer -->
<footer>
<div class="container text-center">
<p>
<a href="http://arnaucode.com" target="_blank">ArnauCode 2017</a>
</p>
</div>
</footer>
<!-- jQuery -->
<script src="vendor/jquery/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/grayscale.js"></script>
</body>
</html>