Contains OCA addons specific to Fork Sand Inc.
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

266 lignes
15 KiB

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <odoo>
  3. <template id="assets_frontend" name="Custom styles"
  4. inherit_id="web.assets_frontend">
  5. <xpath expr="." position="inside">
  6. <link rel='stylesheet'
  7. href='/forksand_website/static/src/css/scrolling-nav.css'/>
  8. <link rel='stylesheet'
  9. href='/forksand_website/static/src/css/baguetteBox.min.css'/>
  10. <script type="text/javascript"
  11. src="/forksand_website/static/src/js/scrolling-nav.js"></script>
  12. <script type="text/javascript"
  13. src="/forksand_website/static/src/js/baguetteBox.min.js"></script>
  14. <script>
  15. baguetteBox.run('.tz-gallery');
  16. </script>
  17. </xpath>
  18. </template>
  19. <template id="website.homepage" priority="29" name="Home">
  20. <t t-call="website.layout">
  21. <t t-set="pageName" t-value="'homepage'"/>
  22. <div id="wrap" class="oe_structure oe_empty">
  23. <t t-call="forksand_website.init_header"/>
  24. <t t-call="forksand_website.about"/>
  25. <t t-call="forksand_website.showcase"/>
  26. <t t-call="forksand_website.contact"/>
  27. </div>
  28. </t>
  29. </template>
  30. <template id="forksand_website.init_header" name="Home Carrousel">
  31. <div class="bg-primary text-white" id="intro">
  32. <div class="img-fluid container text-center">
  33. <img alt=""
  34. src="forksand_website/static/src/img/logoVertical.png"
  35. data-sr-id="2"
  36. style="; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; "/>
  37. <p class="lead" data-sr-id="5"
  38. style="; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s, opacity 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s; transition: transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s, opacity 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s; ">
  39. Free Software &amp; Open Source Hardware
  40. </p>
  41. <div class="mx-auto">
  42. <a class="btn btn-light btnRoundded buttonMargin sr-button js-scroll-trigger"
  43. href="#media" data-sr-id="14"
  44. style="visibility: visible; transform: translateY(0px) scale(1); opacity: 1; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.6s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.6s;">
  45. Free Software
  46. </a>
  47. <a class="btn btn-light btnRoundded buttonMargin sr-button js-scroll-trigger"
  48. href="#media" data-sr-id="15"
  49. style="visibility: visible; transform: translateY(0px) scale(1); opacity: 1; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.6s, opacity 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.6s;">
  50. Open Source Hardware
  51. </a>
  52. </div>
  53. </div>
  54. </div>
  55. </template>
  56. <template id="forksand_website.about" name="About">
  57. <div class="section1" id="about">
  58. <div class="case-study showcase-bottom">
  59. <div class="container">
  60. <div class="row">
  61. <div class="col-md-12">
  62. <div class="title text-center">
  63. <h1 class="Brown">About Us</h1>
  64. <div class="myHeading">Fork Sand, Inc. is a free
  65. Software, Open Source
  66. <br/>
  67. Hardware company developing Secure computing
  68. <br/>
  69. devices that guard users&#39; privacy.
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <section id="media">
  77. <div class="container-fluid showcase-left">
  78. <div class="title text-center">
  79. <h1 class="Brown">Media</h1>
  80. </div>
  81. <div class="container">
  82. <div class="carousel slide" data-ride="carousel"
  83. id="demo">
  84. <ul class="carousel-indicators">
  85. <li class="active" data-slide-to="0"
  86. data-target="#demo"></li>
  87. <li data-slide-to="1" data-target="#demo"></li>
  88. <li data-slide-to="2" data-target="#demo"></li>
  89. </ul>
  90. <div class="carousel-inner">
  91. <div class="carousel-item active">
  92. <img alt="Los Angeles"
  93. class="img-fluid img-thumbnail"
  94. height="300"
  95. src="forksand_website/static/src/img/carousel/forksand-hifive-case.png"
  96. width="1100"/>
  97. </div>
  98. <div class="carousel-item">
  99. <img alt="Chicago"
  100. class="img-fluid img-thumbnail"
  101. height="300"
  102. src="forksand_website/static/src/img/carousel/IMG_20180118_182153.jpg"
  103. width="1100"/>
  104. </div>
  105. <div class="carousel-item">
  106. <img alt="New York"
  107. class="img-fluid img-thumbnail"
  108. height="300"
  109. src="forksand_website/static/src/img/carousel/IMG_20180117_222633.jpg"
  110. width="1100"/>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </section>
  117. </div>
  118. </template>
  119. <template id="forksand_website.showcase" name="Newsletter Modal">
  120. <section class="showcase-left">
  121. <div class="container">
  122. <div class="tz-gallery">
  123. <div class="row">
  124. <div class="col-md-4">
  125. <a class="lightbox"
  126. href="forksand_website/static/src/img/showcase/freecadhifi.png">
  127. <img alt="Bridge"
  128. class="img-fluid img-thumbnail img2"
  129. src="forksand_website/static/src/img/showcase/freecadhifi.png"/>
  130. </a>
  131. </div>
  132. <div class="col-md-4">
  133. <a class="lightbox"
  134. href="forksand_website/static/src/img/showcase/IMG_20180117_231522.jpg">
  135. <img alt="Bridge"
  136. class="img-fluid img-thumbnail img2"
  137. src="forksand_website/static/src/img/showcase/IMG_20180117_231522.jpg"/>
  138. </a>
  139. </div>
  140. <div class="col-md-4">
  141. <a class="lightbox"
  142. href="forksand_website/static/src/img/showcase/forksand-hifive-case.png">
  143. <img alt="Bridge"
  144. class="img-fluid img-thumbnail img2"
  145. src="forksand_website/static/src/img/showcase/forksand-hifive-case.png"/>
  146. </a>
  147. </div>
  148. </div>
  149. <div class="row">
  150. <div class="col-md-4">
  151. <a class="lightbox"
  152. href="forksand_website/static/src/img/showcase/IMG_20180118_182121.jpg">
  153. <img alt="Bridge"
  154. class="img-fluid img-thumbnail img2"
  155. src="forksand_website/static/src/img/showcase/IMG_20180118_182121.jpg"/>
  156. </a>
  157. </div>
  158. <div class="col-md-4">
  159. <a class="lightbox"
  160. href="forksand_website/static/src/img/showcase/IMG_20180118_182153.jpg">
  161. <img alt="Bridge"
  162. class="img-fluid img-thumbnail img2"
  163. src="forksand_website/static/src/img/showcase/IMG_20180118_182153.jpg"/>
  164. </a>
  165. </div>
  166. <div class="col-md-4">
  167. <a class="lightbox"
  168. href="forksand_website/static/src/img/showcase/IMG_20180118_190156.jpg">
  169. <img alt="Bridge"
  170. class="img-fluid img-thumbnail img2"
  171. src="forksand_website/static/src/img/showcase/IMG_20180118_190156.jpg"/>
  172. </a>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. </section>
  178. <section class="section showcase-bottom">
  179. <div class="card col-md-12 container bg-primary text-white text-center p-2">
  180. <div class="myHeading white mx-auto">Built upon the philosophy
  181. of users' freedom
  182. </div>
  183. </div>
  184. </section>
  185. </template>
  186. <template id="forksand_website.contact" name="Contact Forksand">
  187. <div class="container">
  188. <h1 class="Brown">Contact</h1>
  189. <div class="row">
  190. <div class="col-md-8">
  191. <div class="text-center mt64" name="mail_button">
  192. <form action="/website_form/" method="post" data-model_name="crm.lead" data-success_page="/contactus-thank-you" class="s_website_form form-horizontal container-fluid mt32" enctype="multipart/form-data" data-editable-form="false">
  193. <div class="form-group form-field o_website_form_required_custom">
  194. <label class="col-md-3 col-sm-4 control-label" for="contact_name">Your Name</label>
  195. <div class="col-md-7 col-sm-8">
  196. <input type="text" class="form-control o_website_form_input" name="contact_name" t-att-value="request.params.get('contact_name', '')" required=""/>
  197. </div>
  198. </div>
  199. <div class="form-group form-field">
  200. <label class="col-md-3 col-sm-4 control-label" for="phone">Phone Number</label>
  201. <div class="col-md-7 col-sm-8">
  202. <input type="text" class="form-control o_website_form_input" name="phone" t-att-value="request.params.get('phone', '')"/>
  203. </div>
  204. </div>
  205. <div class="form-group form-field o_website_form_required_custom">
  206. <label class="col-md-3 col-sm-4 control-label" for="email_from">Email</label>
  207. <div class="col-md-7 col-sm-8">
  208. <input type="text" class="form-control o_website_form_input" name="email_from" required="" t-att-value="request.params.get('email_from', '')"/>
  209. </div>
  210. </div>
  211. <div class="form-group form-field o_website_form_required_custom">
  212. <label class="col-md-3 col-sm-4 control-label" for="partner_name">Your Company</label>
  213. <div class="col-md-7 col-sm-8">
  214. <input type="text" class="form-control o_website_form_input" name="partner_name" required="" t-att-value="request.params.get('partner_name', '')"/>
  215. </div>
  216. </div>
  217. <div class="form-group form-field o_website_form_required">
  218. <label class="col-md-3 col-sm-4 control-label" for="name">Subject</label>
  219. <div class="col-md-7 col-sm-8">
  220. <input type="text" class="form-control o_website_form_input" name="name" required="" t-att-value="request.params.get('name', '')"/>
  221. </div>
  222. </div>
  223. <div class="form-group form-field o_website_form_required_custom">
  224. <label class="col-md-3 col-sm-4 control-label" for="description">Your Question</label>
  225. <div class="col-md-7 col-sm-8">
  226. <textarea class="form-control o_website_form_input" name="description" required=""><t t-esc="request.params.get('description', '')"/></textarea>
  227. </div>
  228. </div>
  229. <div class="form-group">
  230. <div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
  231. <span class="btn btn-primary btn-lg o_website_form_send">Send</span>
  232. <span id="o_website_form_result"/>
  233. </div>
  234. </div>
  235. </form>
  236. </div>
  237. </div>
  238. <div class="col-md-4 mb32">
  239. <img class="img-fluid" src="forksand_website/static/src/img/BC.png"/>
  240. </div>
  241. </div>
  242. </div>
  243. </template>
  244. </odoo>