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.

222 lines
8.1 KiB

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