commonroutesLandingPage/index.html
index.htmlRaw
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5
6 <meta charset="utf-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 <meta name="viewport" content="width=device-width, initial-scale=1">
9 <meta name="description" content="">
10 <meta name="author" content="">
11
12 <title>Common Routes</title>
13 <link rel="icon" type="image/png" href="img/icon.png">
14
15 <!-- Bootstrap Core CSS -->
16 <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
17
18 <!-- Custom Fonts -->
19 <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
20 <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
21 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
22
23 <!-- Theme CSS -->
24 <link href="css/grayscale.css" rel="stylesheet">
25
26
27 <link href="css/own.css" rel="stylesheet">
28 <link href="css/colors.css" rel="stylesheet">
29
30 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
31 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
32 <!--[if lt IE 9]>
33 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
34 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
35 <![endif]-->
36
37</head>
38
39<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
40
41 <!-- Navigation -->
42 <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
43 <div class="container">
44 <div class="navbar-header">
45 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
46 Menu <i class="fa fa-bars"></i>
47 </button>
48 <!--<a class="navbar-brand page-scroll" href="#page-top">
49 <img src="img/icon.png" style="width:30px; display: inline-block;"> Cars in Common
50 </a>-->
51 </div>
52
53 <!-- Collect the nav links, forms, and other content for toggling -->
54 <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
55 <ul class="nav navbar-nav">
56 <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
57 <li class="hidden">
58 <a href="#page-top"></a>
59 </li>
60 <li>
61 <a class="page-scroll" href="#download">Download</a>
62 </li>
63 <li>
64 <a href="https://github.com/arnaucode/commonroutesServer" target="_blank">Code</a>
65 </li>
66 <li>
67 <a href="https://fair.coop" target="_blank">FairCoop</a>
68 </li>
69 <li>
70 <a href="/app">Travels</a>
71 </li>
72 </ul>
73 </div>
74 <!-- /.navbar-collapse -->
75 </div>
76 <!-- /.container -->
77 </nav>
78
79 <!-- Intro Header -->
80 <header class="intro o_headerBg">
81 <div class="intro-body">
82 <div class="container">
83 <div class="row">
84 <div class="col-sm-8 col-sm-offset-2">
85 <h1 class="">Common Routes</h1>
86 <p class="intro-text">
87 Open source carsharing app
88 </p>
89
90 <p>
91 <a href="#download" class="btn btn-default btn-lg page-scroll">
92 <i class="fa fa-android fa-fw"></i> Download
93 </a>
94 </p>
95 <p>Pre-alpha version</p>
96 </div>
97 </div>
98 </div>
99 </div>
100 </header>
101
102 <section id="how-it-works" style="padding-top: 100px;">
103 <div class="container">
104 <div class="row">
105 <div class="col-lg-3 col-md-6 text-center">
106 <div class="service-box">
107 <i class="fa fa-4x fa-user text-primary sr-icons"></i>
108 <h3>Create a profile</h3>
109 <p class="text-muted">
110 Download the app and create a profile
111 </p>
112 </div>
113 </div>
114 <div class="col-lg-3 col-md-6 text-center">
115 <div class="service-box">
116 <i class="fa fa-4x fa-pencil-square-o text-primary sr-icons"></i>
117 <h3>Post travels</h3>
118 <p class="text-muted">
119 Can post 3 types of travel: offer car, ask for car, send package
120 </p>
121 </div>
122 </div>
123 <div class="col-lg-3 col-md-6 text-center">
124 <div class="service-box">
125 <i class="fa fa-4x fa-map-marker text-primary sr-icons"></i>
126 <h3>Join travels</h3>
127 <p class="text-muted">
128 Find travels that match with your routes
129 </p>
130 </div>
131 </div>
132 <div class="col-lg-3 col-md-6 text-center">
133 <div class="service-box">
134 <i class="fa fa-4x fa-users text-primary sr-icons"></i>
135 <h3>Make comunity</h3>
136 <p class="text-muted">
137 Enjoy the Common Routes community
138 </p>
139 </div>
140 </div>
141 </div>
142 </div>
143
144
145 </section>
146
147 <section id="featureslist" class="container" style="padding-top: 100px;">
148 <div class="row">
149 <div class="col-sm-12 text-center">
150 <p>
151 Opensource & Free software
152 <br>
153 FairCoop comunity
154 </p>
155 </div>
156 </div>
157 </section>
158 <section id="featureslist" class="container" style="padding-top: 100px;">
159 <div class="row">
160 <div class="col-sm-12 text-center">
161 <h2></h2>
162 <img src="img/commonroutes.png" class="col-sm-12" />
163 </div>
164 </div>
165 </section>
166
167 <!-- Download Section -->
168 <section id="download" class="content-section text-center">
169 <div class="download-section o_downloadBg">
170 <div class="container">
171 <div class="col-sm-8 col-sm-offset-2">
172 <h2>Download the app</h2>
173 <p>
174 Under development
175 </p>
176 <a href="https://github.com/arnaucode/commonroutesApp/blob/master/releases/commonroutes.apk" target="_blank" class="btn btn-default btn-lg">
177 <i class="fa fa-android fa-fw"></i> Download (pre-alpha version)
178 </a>
179 </div>
180 </div>
181 </div>
182 </section>
183
184
185 <!--<section class="container" style="padding-top: 100px;">
186 <div class="container text-center">
187 <div class="row">
188 <div class="col-sm-12">
189 <h2>Contact</h2>
190 <p>
191 Code written in Go lang as free and open source project, with academic purposes.
192 </p>
193 </div>
194 </div>
195 </div>
196 </section>-->
197
198 <!-- Footer -->
199 <footer>
200 <div class="container text-center">
201 <p>
202 <a target="_blank" style="font-size:60%;">2018</a>
203 </p>
204 </div>
205 </footer>
206
207
208 <!-- jQuery -->
209 <script src="vendor/jquery/jquery.js"></script>
210
211 <!-- Bootstrap Core JavaScript -->
212 <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
213
214 <!-- Plugin JavaScript -->
215 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
216
217 <!-- Theme JavaScript -->
218 <script src="js/grayscale.js"></script>
219
220</body>
221
222</html>