Contains OCA addons specific to Fork Sand Inc.
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

266 rader
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>