選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

266 行
15 KiB

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="assets_frontend" name="Custom styles"
inherit_id="web.assets_frontend">
<xpath expr="." position="inside">
<link rel='stylesheet'
href='/forksand_website/static/src/css/scrolling-nav.css'/>
<link rel='stylesheet'
href='/forksand_website/static/src/css/baguetteBox.min.css'/>
<script type="text/javascript"
src="/forksand_website/static/src/js/scrolling-nav.js"></script>
<script type="text/javascript"
src="/forksand_website/static/src/js/baguetteBox.min.js"></script>
<script>
baguetteBox.run('.tz-gallery');
</script>
</xpath>
</template>
<template id="website.homepage" priority="29" name="Home">
<t t-call="website.layout">
<t t-set="pageName" t-value="'homepage'"/>
<div id="wrap" class="oe_structure oe_empty">
<t t-call="forksand_website.init_header"/>
<t t-call="forksand_website.about"/>
<t t-call="forksand_website.showcase"/>
<t t-call="forksand_website.contact"/>
</div>
</t>
</template>
<template id="forksand_website.init_header" name="Home Carrousel">
<div class="bg-primary text-white" id="intro">
<div class="img-fluid container text-center">
<img alt=""
src="forksand_website/static/src/img/logoVertical.png"
data-sr-id="2"
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; "/>
<p class="lead" data-sr-id="5"
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; ">
Free Software &amp; Open Source Hardware
</p>
<div class="mx-auto">
<a class="btn btn-light btnRoundded buttonMargin sr-button js-scroll-trigger"
href="#media" data-sr-id="14"
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;">
Free Software
</a>
<a class="btn btn-light btnRoundded buttonMargin sr-button js-scroll-trigger"
href="#media" data-sr-id="15"
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;">
Open Source Hardware
</a>
</div>
</div>
</div>
</template>
<template id="forksand_website.about" name="About">
<div class="section1" id="about">
<div class="case-study showcase-bottom">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title text-center">
<h1 class="Brown">About Us</h1>
<div class="myHeading">Fork Sand, Inc. is a free
Software, Open Source
<br/>
Hardware company developing Secure computing
<br/>
devices that guard users&#39; privacy.
</div>
</div>
</div>
</div>
</div>
</div>
<section id="media">
<div class="container-fluid showcase-left">
<div class="title text-center">
<h1 class="Brown">Media</h1>
</div>
<div class="container">
<div class="carousel slide" data-ride="carousel"
id="demo">
<ul class="carousel-indicators">
<li class="active" data-slide-to="0"
data-target="#demo"></li>
<li data-slide-to="1" data-target="#demo"></li>
<li data-slide-to="2" data-target="#demo"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img alt="Los Angeles"
class="img-fluid img-thumbnail"
height="300"
src="forksand_website/static/src/img/carousel/forksand-hifive-case.png"
width="1100"/>
</div>
<div class="carousel-item">
<img alt="Chicago"
class="img-fluid img-thumbnail"
height="300"
src="forksand_website/static/src/img/carousel/IMG_20180118_182153.jpg"
width="1100"/>
</div>
<div class="carousel-item">
<img alt="New York"
class="img-fluid img-thumbnail"
height="300"
src="forksand_website/static/src/img/carousel/IMG_20180117_222633.jpg"
width="1100"/>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</template>
<template id="forksand_website.showcase" name="Newsletter Modal">
<section class="showcase-left">
<div class="container">
<div class="tz-gallery">
<div class="row">
<div class="col-md-4">
<a class="lightbox"
href="forksand_website/static/src/img/showcase/freecadhifi.png">
<img alt="Bridge"
class="img-fluid img-thumbnail img2"
src="forksand_website/static/src/img/showcase/freecadhifi.png"/>
</a>
</div>
<div class="col-md-4">
<a class="lightbox"
href="forksand_website/static/src/img/showcase/IMG_20180117_231522.jpg">
<img alt="Bridge"
class="img-fluid img-thumbnail img2"
src="forksand_website/static/src/img/showcase/IMG_20180117_231522.jpg"/>
</a>
</div>
<div class="col-md-4">
<a class="lightbox"
href="forksand_website/static/src/img/showcase/forksand-hifive-case.png">
<img alt="Bridge"
class="img-fluid img-thumbnail img2"
src="forksand_website/static/src/img/showcase/forksand-hifive-case.png"/>
</a>
</div>
</div>
<div class="row">
<div class="col-md-4">
<a class="lightbox"
href="forksand_website/static/src/img/showcase/IMG_20180118_182121.jpg">
<img alt="Bridge"
class="img-fluid img-thumbnail img2"
src="forksand_website/static/src/img/showcase/IMG_20180118_182121.jpg"/>
</a>
</div>
<div class="col-md-4">
<a class="lightbox"
href="forksand_website/static/src/img/showcase/IMG_20180118_182153.jpg">
<img alt="Bridge"
class="img-fluid img-thumbnail img2"
src="forksand_website/static/src/img/showcase/IMG_20180118_182153.jpg"/>
</a>
</div>
<div class="col-md-4">
<a class="lightbox"
href="forksand_website/static/src/img/showcase/IMG_20180118_190156.jpg">
<img alt="Bridge"
class="img-fluid img-thumbnail img2"
src="forksand_website/static/src/img/showcase/IMG_20180118_190156.jpg"/>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section showcase-bottom">
<div class="card col-md-12 container bg-primary text-white text-center p-2">
<div class="myHeading white mx-auto">Built upon the philosophy
of users' freedom
</div>
</div>
</section>
</template>
<template id="forksand_website.contact" name="Contact Forksand">
<div class="container">
<h1 class="Brown">Contact</h1>
<div class="row">
<div class="col-md-8">
<div class="text-center mt64" name="mail_button">
<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">
<div class="form-group form-field o_website_form_required_custom">
<label class="col-md-3 col-sm-4 control-label" for="contact_name">Your Name</label>
<div class="col-md-7 col-sm-8">
<input type="text" class="form-control o_website_form_input" name="contact_name" t-att-value="request.params.get('contact_name', '')" required=""/>
</div>
</div>
<div class="form-group form-field">
<label class="col-md-3 col-sm-4 control-label" for="phone">Phone Number</label>
<div class="col-md-7 col-sm-8">
<input type="text" class="form-control o_website_form_input" name="phone" t-att-value="request.params.get('phone', '')"/>
</div>
</div>
<div class="form-group form-field o_website_form_required_custom">
<label class="col-md-3 col-sm-4 control-label" for="email_from">Email</label>
<div class="col-md-7 col-sm-8">
<input type="text" class="form-control o_website_form_input" name="email_from" required="" t-att-value="request.params.get('email_from', '')"/>
</div>
</div>
<div class="form-group form-field o_website_form_required_custom">
<label class="col-md-3 col-sm-4 control-label" for="partner_name">Your Company</label>
<div class="col-md-7 col-sm-8">
<input type="text" class="form-control o_website_form_input" name="partner_name" required="" t-att-value="request.params.get('partner_name', '')"/>
</div>
</div>
<div class="form-group form-field o_website_form_required">
<label class="col-md-3 col-sm-4 control-label" for="name">Subject</label>
<div class="col-md-7 col-sm-8">
<input type="text" class="form-control o_website_form_input" name="name" required="" t-att-value="request.params.get('name', '')"/>
</div>
</div>
<div class="form-group form-field o_website_form_required_custom">
<label class="col-md-3 col-sm-4 control-label" for="description">Your Question</label>
<div class="col-md-7 col-sm-8">
<textarea class="form-control o_website_form_input" name="description" required=""><t t-esc="request.params.get('description', '')"/></textarea>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
<span class="btn btn-primary btn-lg o_website_form_send">Send</span>
<span id="o_website_form_result"/>
</div>
</div>
</form>
</div>
</div>
<div class="col-md-4 mb32">
<img class="img-fluid" src="forksand_website/static/src/img/BC.png"/>
</div>
</div>
</div>
</template>
</odoo>