NextERP/design-themes
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[ADD] theme 8.0

Browse Source
This commit is contained in:
Design
2021-05-11 15:41:12 +02:00
committed by Jeremy Kersten
commit 51c615247e
3583 changed files with 121845 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_zap/demo/blocks.xml
+19
View File
@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template id="website.demo_blocks" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure oe_empty"/>
</t>
</template>
<record id="demo_page_blocks_menu" model="website.menu">
<field name="name">Blocks</field>
<field name="url">/page/demo_blocks</field>
<field name="parent_id" ref="website.main_menu"/>
<field name="sequence" type="int">50</field>
</record>
</data>
</openerp>
theme_zap/demo/blocks_content.xml
+201
View File
@@ -0,0 +1,201 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Building Blocks - Content" id="website.demo_blocks_content" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure mb64">
<section class="bg-gray-dark">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="demo-title mt0 mb0">Content Blocks</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- WELL -->
<h4 class="demo-subtitle mt32 mb32">Well</h4>
<div class="s_well well well-alpha">
<span class="pull-left fa fa-plug fa-3x"></span>
<div class="well-text">
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
</div>
</div>
<div class="s_well well well-beta">
<span class="pull-left fa fa-support fa-3x"></span>
<div class="well-text">
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
</div>
</div>
<div class="s_well well well-epsilon">
<span class="pull-left fa fa-exclamation-triangle fa-3x"></span>
<div class="well-text">
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
</div>
</div>
<!-- BLOCKQUOTE -->
<h4 class="demo-subtitle mt64 mb32">Blockquote</h4>
<blockquote class="s_quote">
<i class="fa fa-quote-left fa-1x bg-beta"></i>
<div class="blockquote-text">
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
<img alt="" class="img img-circle" src="/website/image/theme_common.image_content_10"/>
<small>Author of this quote</small>
</div>
</blockquote>
<!-- PANEL -->
<h4 class="demo-subtitle mt64 mb32">Panel</h4>
<div class="s_panel panel panel-delta">
<div class="panel-heading">
<h4 class="mt0 mb0"><i class="fa fa-bicycle fa-1x text-muted"></i>Feature Title</h4>
</div>
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
</div>
<div class="s_panel panel panel-gamma">
<div class="panel-heading">
<h4 class="mt0 mb0"><i class="fa fa-truck fa-1x text-muted"></i>Feature Title</h4>
</div>
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
</div>
<div class="s_panel panel panel-alpha">
<div class="panel-heading">
<h4 class="mt0 mb0"><i class="fa fa-fighter-jet fa-1x text-muted"></i>Feature Title</h4>
</div>
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
</div>
<!-- SEPARATOR -->
<h4 class="demo-subtitle mt64 mb32">Separator</h4>
<hr class="s_separator hr-full hr-1px hr-solid mt0"/>
<hr class="s_separator hr-full hr-3px hr-dotted"/>
<hr class="s_separator hr-full hr-5px hr-dashed mb0"/>
<!-- SHARE -->
<h4 class="demo-subtitle mt64 mb32">Social buttons</h4>
<div class="row">
<div class="col-md-4">
<div class="oe_share s_share">
<h4 class="s_share_title">Share <i class="text-muted fa fa-1x fa-hand-o-right"></i></h4>
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle fa fa-1x fa-facebook"></i>
</a>
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Building%20Blocks%20-%20Content&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle fa fa-1x fa-twitter"></i>
</a>
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;title=Building%20Blocks%20-%20Content&amp;" target="_blank">
<i class="img-circle fa fa-1x fa-linkedin"></i>
</a>
<a class="oe_share_google" href="https://plus.google.com/share?url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle fa fa-1x fa-google-plus"></i>
</a>
<a href="mailto:?body=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;subject=Building%20Blocks%20-%20Content">
<i class="img-circle fa fa-1x fa-envelope"></i>
</a>
</div>
</div>
<div class="col-md-4">
<div class="oe_share s_share">
<h4 class="s_share_title text-beta">Share <i class="text-muted fa fa-1x fa-hand-o-right"></i></h4>
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-rounded bg-beta fa fa-1x fa-facebook"></i>
</a>
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Building%20Blocks%20-%20Content&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-rounded bg-beta fa fa-1x fa-twitter"></i>
</a>
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;title=Building%20Blocks%20-%20Content&amp;" target="_blank">
<i class="img-rounded bg-beta fa fa-1x fa-linkedin"></i>
</a>
<a class="oe_share_google" href="https://plus.google.com/share?url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-rounded bg-beta fa fa-1x fa-google-plus"></i>
</a>
<a href="mailto:?body=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;subject=Building%20Blocks%20-%20Content">
<i class="img-rounded bg-beta fa fa-1x fa-envelope"></i>
</a>
</div>
</div>
<div class="col-md-4">
<div class="oe_share s_share">
<h4 class="s_share_title text-beta">Share <i class="text-muted fa fa-1x fa-hand-o-right"></i></h4>
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle bg-gamma fa fa-2x fa-facebook"></i>
</a>
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Building%20Blocks%20-%20Content&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle bg-gamma fa fa-2x fa-twitter"></i>
</a>
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;title=Building%20Blocks%20-%20Content&amp;" target="_blank">
<i class="img-circle bg-gamma fa fa-2x fa-linkedin"></i>
</a>
</div>
</div>
</div>
<!-- LABEL -->
<h4 class="demo-subtitle mt64 mb32">Label</h4>
<span class="s_label label bg-alpha">
<strong>Category</strong>
</span>
<span class="s_label label bg-beta">
<strong>Category</strong>
</span>
<span class="s_label label bg-gamma">
<strong>Category</strong>
</span>
<span class="s_label label bg-delta">
<strong>Category</strong>
</span>
<span class="s_label label bg-epsilon">
<strong>Category</strong>
</span>
</div>
</div>
</div>
</div>
</t>
</template>
<record id="demo_blocks_content_menu" model="website.menu">
<field name="name">- Content</field>
<field name="url">/page/demo_blocks_content</field>
<field name="parent_id" ref="demo_page_blocks_menu"/>
<field name="sequence" type="int">52</field>
</record>
</data>
</openerp>
theme_zap/demo/blocks_effects.xml
+94
View File
@@ -0,0 +1,94 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Building Blocks - Effects" id="website.demo_blocks_effects" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure mb64">
<section class="bg-gray-darker">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="demo-title mt0 mb0">Effect Blocks</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Parallax</h4>
</div>
</div>
</div>
<section class="parallax s_parallax" data-scroll-background-offset="-70.8" data-scroll-background-ratio="0.3" style="background-image: url(/website/static/src/img/banner/mountains.jpg); background-attachment: scroll; background-position: 0px -70.8px; height: 420px;">
<div>
<div class="oe_structure"></div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Parallax Slider</h4>
</div>
</div>
</div>
<section class="parallax s_parallax_slider" data-scroll-background-offset="-174" data-scroll-background-ratio="0.3" style="background-image: url(/website/static/src/img/parallax/quote.png); background-attachment: scroll; background-position: 0px -174px;">
<div>
<div>
<div class="oe_structure">
<div class="carousel quotecarousel slide mb0" id="myCarousel7">
<ol class="carousel-indicators mb0">
<li class="active" data-slide-to="0" data-target="#myCarousel7"></li>
<li data-slide-to="1" data-target="#myCarousel7" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item text_only active">
<div class="container-fluid">
<div class="content">
<div class="row">
<blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
<small>Author of this quote</small>
</blockquote>
</div>
</div>
</div>
</div>
<div class="item text_only">
<div class="container-fluid">
<div class="content">
<div class="row">
<blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
<small>John Doe, CEO</small>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</t>
</template>
<record id="demo_blocks_effects_menu" model="website.menu">
<field name="name">Effects</field>
<field name="url">/page/demo_blocks_effects</field>
<field name="parent_id" ref="demo_page_blocks_menu"/>
<field name="sequence" type="int">53</field>
</record>
</data>
</openerp>
theme_zap/demo/blocks_features.xml
+269
View File
@@ -0,0 +1,269 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Building Blocks - Features" id="website.demo_blocks_features" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure">
<section class="bg-gray-dark">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="demo-title mt0 mb0">Features Blocks</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Image Gallery</h4>
</div>
</div>
</div>
<section class="s_image_gallery">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mt16 mb32">
<h2>Our Customer References</h2>
<h4 class="text-muted">More than 500 successful projects</h4>
</div>
<div class="col-md-6">
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
</div>
<div class="col-md-3">
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
</div>
<div class="col-md-3">
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
</div>
<div class="col-md-3">
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
</div>
<div class="col-md-3">
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
</div>
<div class="col-md-3">
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
</div>
<div class="col-md-6">
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
</div>
<div class="col-md-3">
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Price Tables</h4>
</div>
</div>
</div>
<section class="s_comparisons">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mt16 mb32">
<h2>Our Offers</h2>
</div>
<div class="col-md-4">
<div class="panel panel-info">
<div class="panel-heading text-center">
<h2 style="margin: 0">Beginner</h2>
<p class="text-muted" style="margin: 0">Starter package</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h2 style="margin: 0">
<span>$</span>
<b style="font-size: 60px">450</b>
<small>.00</small>
</h2>
<div>per month</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Battery: 8 hours</li>
<li class="list-group-item">Screen: 2.5 inch</li>
<li class="list-group-item">Weight: 1.1 ounces</li>
<li class="list-group-item">No support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Free shipping, satisfied or reimbursed.</i>
</p>
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Order now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h2 style="margin: 0">Professional</h2>
<p style="margin: 0">Enterprise package</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h2 style="margin: 0">
<span>$</span>
<b style="font-size: 60px">590</b>
<small>.00</small>
</h2>
<div>per month</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Battery: 12 hours</li>
<li class="list-group-item">Screen: 2.8 inch</li>
<li class="list-group-item">Weight: 1.2 ounces</li>
<li class="list-group-item">Limited support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Free shipping, satisfied or reimbursed.</i>
</p>
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Order now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-info">
<div class="panel-heading text-center">
<h2 style="margin: 0">Expert</h2>
<p class="text-muted" style="margin: 0">The top of the top</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h2 style="margin: 0">
<span>$</span>
<b style="font-size: 60px">890</b>
<small>.00</small>
</h2>
<div>per month</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Battery: 20 hours</li>
<li class="list-group-item">Screen: 2.8 inch</li>
<li class="list-group-item">Weight: 1.2 ounces</li>
<li class="list-group-item">Unlimited support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Free shipping, satisfied or reimbursed.</i>
</p>
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Contact us</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Button</h4>
</div>
</div>
</div>
<section class="jumbotron s_button bg-beta">
<div class="container">
<div class="row">
<div class="col-md-9 text-muted">
<p class="mb0">
<strong>50,000+ companies run Odoo to grow their businesses.</strong>
</p>
<p class="mb0">Join us and make your company a better place.</p>
</div>
<div class="col-md-3">
<a class="btn btn-success pull-right mt8" href="/page/website.contactus"><i class="fa fa-arrow-right"></i> Contact Us Now </a>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">FAQ</h4>
</div>
</div>
</div>
<section class="s_faq">
<div class="container">
<h2 class="page-header">Point of Sale Questions <small>v7</small></h2>
<h3>Which hardware does Odoo POS support?</h3>
<p>Odoo's POS is a web application that can run on any device that can display websites with little to no setup required.</p>
<p>The Point of Sale works perfectly on any kind of touch enabled device, whether it's multi-touch tablets like an iPad or keyboardless resistive touchscreen terminals.</p>
<h3>Does it works offline?</h3>
<p>Deploy new stores with just an internet connection: no installation, no specific hardware required. It works with any iPad, Tablet PC, laptop or industrial POS machine.</p>
<p>While an internet connection is required to start the Point of Sale, it will stay operational even after a complete disconnection.</p>
<h2 class="page-header">Project Management Questions <small>v7</small></h2>
<h3>Can I use it to manage projects based on agile methodologies?</h3>
<p>Yes.</p>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">References</h4>
</div>
</div>
</div>
<section class="s_references">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">Our References</h1>
<h3 class="text-muted text-center">More than 500 happy customers.</h3>
</div>
<div class="col-md-4 col-md-offset-1 mt16">
<blockquote>
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
<small>Author of this quote</small>
</blockquote>
</div>
<div class="col-md-4 col-md-offset-2 mt16">
<blockquote>
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
<small>John Doe, CEO</small>
</blockquote>
</div>
<div class="col-md-2 col-md-offset-1">
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_12"/>
</div>
<div class="col-md-2">
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_13"/>
</div>
<div class="col-md-2">
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_14"/>
</div>
<div class="col-md-2">
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_15"/>
</div>
<div class="col-md-2">
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_16"/>
</div>
</div>
</div>
</section>
</div>
</t>
</template>
<record id="demo_blocks_features_menu" model="website.menu">
<field name="name">Features</field>
<field name="url">/page/demo_blocks_features</field>
<field name="parent_id" ref="demo_page_blocks_menu"/>
<field name="sequence" type="int">52</field>
</record>
</data>
</openerp>
theme_zap/demo/blocks_structure.xml
+169
View File
@@ -0,0 +1,169 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Building Blocks - Structure" id="website.demo_blocks_structure" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure mb32">
<section class="bg-gray-dark">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Title</h4>
</div>
</div>
</div>
<section class="s_title">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">Your Website Title</h1>
<h3 class="text-muted text-center">And a great subtitle too</h3>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Text + Image</h4>
</div>
</div>
</div>
<section class="s_text_image">
<div class="container">
<div class="row">
<div class="col-md-6 mt16">
<h3>A Section Subtitle</h3>
<p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
<p>Start with the customer – find out what they want and give it to them.</p>
</div>
<div class="col-md-6 mt16">
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_04"/>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Image + Text</h4>
</div>
</div>
</div>
<section class="s_image_text">
<div class="container">
<div class="row">
<div class="col-md-6 mt16">
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_06"/>
</div>
<div class="col-md-6 mt16">
<h3>A Section Subtitle</h3>
<p>Write one or two paragraphs describing your product, services or a specific feature. To be successful your content needs to be useful to your readers.</p>
<p>Start with the customer – find out what they want and give it to them.</p>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Text Block</h4>
</div>
</div>
</div>
<section class="s_text_block">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="mb8">A Great Headline</h2>
<h3 class="text-primary mb0 mt0">A good subtitle</h3>
<hr class="s_separator hr-full hr-1px hr-solid"/>
</div>
<div class="col-md-12 mb16 mt16">
<p>A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</p>
<p><b>Great stories have personality.</b> Consider telling a great story that provides personality. Writing a story with personality for potential clients will asist with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.</p>
<p><b>Great stories are for everyone even when only written for just one person.</b> If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.</p>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Big message</h4>
</div>
</div>
</div>
<section class="jumbotron s_big_message bg-gray-darker">
<div class="container">
<h1 class="text-success">Sell Online. Easily.</h1>
<p>Write one sentence to convince visitor about your message.</p>
<p>
<a class="btn btn-success btn-lg" href="/page/website.contactus">Contact us </a>
</p>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Big Picture</h4>
</div>
</div>
</div>
<section class="s_big_picture">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mt32 mb32">
<h2>A Punchy Headline</h2>
</div>
<div class="col-md-12">
<img alt="Odoo CMS - a big picture" class="img img-responsive" src="/website/image/theme_common.image_content_05" style="margin: 0 auto;"/>
</div>
<div class="col-md-6 col-md-offset-3 mb16 mt16">
<p class="text-center">
<b>A Small Subtitle</b>
</p>
<p class="text-center">Choose a vibrant image and write an inspiring paragraph about it. It does not have to be long, but it should reinforce your image.</p>
<p class="text-center">
<a class="btn btn-success" href="/page/website.contactus">Contact us »</a>
</p>
</div>
</div>
</div>
</section>
</div>
</t>
</template>
<record id="demo_blocks_structure_menu" model="website.menu">
<field name="name">Structure</field>
<field name="url">/page/demo_blocks_structure</field>
<field name="parent_id" ref="demo_page_blocks_menu"/>
<field name="sequence" type="int">51</field>
</record>
</data>
</openerp>
theme_zap/demo/components.xml
+214
View File
@@ -0,0 +1,214 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Zap - Components" id="website.demo_page_components" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure oe_empty">
<section class="bg-gray-dark">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="demo-title mt0 mb0">Layout</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12 mb64">
<!-- TITLES -->
<h4 class="demo-subtitle mt32 mb32">Titles and Bodytext</h4>
<div class="row">
<div class="col-md-6">
<h1 class="mt0">h1. Zap Heading</h1>
<h2>h2. Zap Heading</h2>
<h3>h3. Zap Heading</h3>
<h4>h4. Zap Heading</h4>
<h5>h5. Zap Heading</h5>
<h6>h6. Zap Heading</h6>
</div>
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor <u>underlined text</u> et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco <a href="#">A link to...</a> laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit nulla pariatur.</p>
<p><strong>BOLD - Excepteur sint occaecat cupidatat non proident,</strong> sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p><em>ITALIC - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</em></p>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipisicing elit sed do</li>
<li>Eiusmodtempor incididunt ut labore</li>
<li>Et dolore magna aliqua</li>
</ul>
</div>
</div>
<!-- TITLES STYLES -->
<h4 class="demo-subtitle mt32 mb32">Titles styles</h4>
<div class="row">
<div class="col-md-4">
<h3 class="text-muted mt0">h3. Title muted</h3>
<h3 class="text-underline">h3. Title underlined</h3>
<h3 class="text-uppercase">h3. In uppercase</h3>
</div>
<div class="col-md-4">
<h3 class="text-boxed mt8">h3. Boxed</h3>
<h3 class="bg-gamma">h3. Background Color</h3>
</div>
<div class="col-md-4">
<h3 class="mt0"><small>h3. Small title</small></h3>
<h3 class="text-success">h3. Colored</h3>
<h3 class="text-info">h3. Colored</h3>
</div>
</div>
<!-- BUTTON -->
<h4 class="demo-subtitle mt32 mb32">Buttons</h4>
<div class="mb16">
<a href="#" class="btn btn-xs btn-default">Default</a>
<a href="#" class="btn btn-xs btn-primary">Alpha</a>
<a href="#" class="btn btn-xs btn-success">Beta</a>
<a href="#" class="btn btn-xs btn-info">Gamma</a>
<a href="#" class="btn btn-xs btn-warning">Delta</a>
<a href="#" class="btn btn-xs btn-danger">Espilon</a>
<a href="#" class="btn btn-xs btn-link">Link</a>
</div>
<div class="mb16">
<a href="#" class="btn btn-sm btn-default">Default</a>
<a href="#" class="btn btn-sm btn-primary">Alpha</a>
<a href="#" class="btn btn-sm btn-success">Beta</a>
<a href="#" class="btn btn-sm btn-info">Gamma</a>
<a href="#" class="btn btn-sm btn-warning">Delta</a>
<a href="#" class="btn btn-sm btn-danger">Espilon</a>
<a href="#" class="btn btn-sm btn-link">Link</a>
</div>
<div class="mb16">
<a href="#" class="btn btn-default">Default</a>
<a href="#" class="btn btn-primary">Alpha</a>
<a href="#" class="btn btn-success">Beta</a>
<a href="#" class="btn btn-info">Gamma</a>
<a href="#" class="btn btn-warning">Delta</a>
<a href="#" class="btn btn-danger">Espilon</a>
<a href="#" class="btn btn-link">Link</a>
</div>
<div class="mb16">
<a href="#" class="btn btn-lg btn-default">Default</a>
<a href="#" class="btn btn-lg btn-primary">Alpha</a>
<a href="#" class="btn btn-lg btn-success">Beta</a>
<a href="#" class="btn btn-lg btn-info">Gamma</a>
<a href="#" class="btn btn-lg btn-warning">Delta</a>
<a href="#" class="btn btn-lg btn-danger">Espilon</a>
<a href="#" class="btn btn-lg btn-link">Link</a>
</div>
<!-- ICONS -->
<h4 class="demo-subtitle mt32 mb32">Icons</h4>
<div class="row s_features_circle">
<div class="col-md-4 mb32">
<i class="fa fa-1x fa-ambulance bg-white"></i>
<i class="fa fa-1x fa-truck bg-gray-lighter"></i>
<i class="fa fa-1x fa-bicycle bg-gray-darker"></i>
<i class="fa fa-1x fa-plane bg-alpha"></i>
<i class="fa fa-1x fa-fighter-jet bg-beta"></i>
<i class="fa fa-1x fa-automobile bg-gamma"></i>
<i class="fa fa-1x fa-cab bg-delta"></i>
<i class="fa fa-1x fa-wheelchair bg-epsilon"></i>
</div>
<div class="col-md-4 mb32">
<i class="fa fa-1x img-rounded fa-ambulance bg-white"></i>
<i class="fa fa-1x img-rounded fa-truck bg-gray-lighter"></i>
<i class="fa fa-1x img-rounded fa-bicycle bg-gray-darker"></i>
<i class="fa fa-1x img-rounded fa-plane bg-alpha"></i>
<i class="fa fa-1x img-rounded fa-fighter-jet bg-beta"></i>
<i class="fa fa-1x img-rounded fa-automobile bg-gamma"></i>
<i class="fa fa-1x img-rounded fa-cab bg-delta"></i>
<i class="fa fa-1x img-rounded fa-wheelchair bg-epsilon"></i>
</div>
<div class="col-md-4 mb32">
<i class="fa fa-1x img-circle fa-ambulance bg-white"></i>
<i class="fa fa-1x img-circle fa-truck bg-gray-lighter"></i>
<i class="fa fa-1x img-circle fa-bicycle bg-gray-darker"></i>
<i class="fa fa-1x img-circle fa-plane bg-alpha"></i>
<i class="fa fa-1x img-circle fa-fighter-jet bg-beta"></i>
<i class="fa fa-1x img-circle fa-automobile bg-gamma"></i>
<i class="fa fa-1x img-circle fa-cab bg-delta"></i>
<i class="fa fa-1x img-circle fa-wheelchair bg-epsilon"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail bg-white"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail bg-gray-lighter"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail bg-gray-darker"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-alpha"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-beta"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-gamma"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-delta"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-epsilon"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-gray-darker"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail shadow bg-epsilon"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail img-circle shadow bg-alpha"></i>
</div>
<div class="col-md-1">
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded shadow bg-beta"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</t>
</template>
<record id="demo_page_components_menu" model="website.menu">
<field name="name">Components</field>
<field name="url">/page/demo_page_components</field>
<field name="parent_id" ref="website.main_menu"/>
<field name="sequence" type="int">40</field>
</record>
</data>
</openerp>
theme_zap/demo/demo.xml
+19
View File
@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Zap" id="website.demo_page" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure oe_empty"/>
</t>
</template>
<record id="demo_page_menu" model="website.menu">
<field name="name">Demo</field>
<field name="url">/page/demo_page</field>
<field name="parent_id" ref="website.main_menu"/>
<field name="sequence" type="int">30</field>
</record>
</data>
</openerp>
theme_zap/demo/home_01.xml
+34
View File
@@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Zap - Demo 01" id="website.demo_page_01" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure">
<div data-oe-call="theme_common.s_banner_2"/>
<div data-oe-call="theme_common.s_carousel_boxed"/>
<div data-oe-call="theme_common.s_three_columns_carousel"/>
<div data-oe-call="theme_common.s_features_circle"/>
<div data-oe-call="theme_common.s_news_carousel"/>
<div><br/><br/></div>
<div data-oe-call="theme_common.s_team_profiles_2"/>
<div><br/><br/></div>
<div data-oe-call="theme_common.s_text_block_image_fw"/>
<div><br/></div>
<div data-oe-call="theme_common.s_references_2"/>
<div><br/></div>
<div data-oe-call="theme_common.s_numbers"/>
<div data-oe-call="theme_common.s_quotes_slider_2"/>
</div>
</t>
</template>
<record id="demo_page_01_menu" model="website.menu">
<field name="name">Demo 01</field>
<field name="url">/page/demo_page_01</field>
<field name="parent_id" ref="demo_page_menu"/>
<field name="sequence" type="int">31</field>
</record>
</data>
</openerp>
theme_zap/demo/home_02.xml
+80
View File
@@ -0,0 +1,80 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template id="demo_page_02" inherit_id="website.layout" primary="True">
<xpath expr="//head/t[@t-call-assets='website.assets_frontend']" position="attributes">
<attribute name="t-call-assets">theme_zap.demo_page_02_assets_frontend</attribute>
</xpath>
</template>
<template id="demo_page_02_assets_frontend" inherit_id="website.assets_frontend" primary="True">
<xpath expr="//t[@t-call='website.theme']" position="replace">
<link rel="stylesheet" href='/website_less/static/src/less/import_bootstrap.less'/>
<link rel="stylesheet" href='/website_less/static/src/less/colors.less' t-ignore="true"/>
<link rel="stylesheet" href='/website/static/src/css/website.css'/>
<link rel="stylesheet" href='/website_less/static/src/less/website.less' type="text/less"/>
<link href="/theme_zap/static/src/less/options/layouts/header_dark.less" rel="stylesheet" type="text/less"/>
<link href="/theme_zap/static/src/less/options/layouts/footer_dark.less" rel="stylesheet" type="text/less"/>
<link href="/theme_zap/static/src/less/options/layouts/layout_boxed.less" rel="stylesheet" type="text/less"/>
<link href="/theme_zap/static/src/less/options/patterns/bg_pattern_1.less" rel="stylesheet" type="text/less"/>
<link href="/theme_zap/static/src/less/options/colors/colors_agency.less" rel="stylesheet" type="text/less"/>
<link href="/theme_zap/static/src/less/options/fonts/font_montserrat_alt_nunito.less" rel="stylesheet" type="text/less"/>
</xpath>
</template>
<template name="Zap - Demo 02" id="website.demo_page_02" page="True">
<t t-call="theme_zap.demo_page_02">
<div id="wrap" class="oe_structure">
<div data-oe-call="theme_common.s_text_block_image_fw"/>
<div data-oe-call="theme_common.s_four_columns_fw"/>
<section class="s_text_image_fw bg-white">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 mt16 mb16">
<div class="col-text">
<h2>Short Paragraph</h2>
<h4 class="text-primary">With a nice image</h4>
<p>A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story. Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers. Start with the customer. Find out what they want and give it to them.</p>
</div>
</div>
<div class="col-md-6 col-img">
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_04"/>
</div>
</div>
</div>
</section>
<div data-oe-call="theme_common.s_images_captions_fw"/>
<section class="s_image_text_fw bg-white">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-img">
<img alt="" class="img img-responsive" src="/theme_zap/static/src/img/backgrounds/11.jpg"/>
</div>
<div class="col-md-6 mt16 mb16">
<div class="col-text">
<h2>Great headline</h2>
<h4 class="text-primary">With a good subtitle</h4>
<p>Write <strong>one or two paragraphs</strong> describing your product, services or a specific feature. To be successful your content needs to be useful to your readers.</p>
<p>Start with the <strong>customer</strong>– find out what they want and give it to them.</p>
<p>
<a class="btn btn-default btn-sm" href="#">Get in touch</a>
</p>
</div>
</div>
</div>
</div>
</section>
</div>
</t>
</template>
<record id="demo_page_02_menu" model="website.menu">
<field name="name">Demo 02</field>
<field name="url">/page/demo_page_02</field>
<field name="parent_id" ref="demo_page_menu"/>
<field name="sequence" type="int">32</field>
</record>
</data>
</openerp>
theme_zap/demo/home_03.xml
+203
View File
@@ -0,0 +1,203 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template id="demo_page_03" inherit_id="website.layout" primary="True">
<xpath expr="//head/t[@t-call-assets='website.assets_frontend']" position="attributes">
<attribute name="t-call-assets">theme_zap.demo_page_03_assets_frontend</attribute>
</xpath>
</template>
<template id="demo_page_03_assets_frontend" inherit_id="website.assets_frontend" primary="True">
<xpath expr="//t[@t-call='website.theme']" position="replace">
<link rel="stylesheet" href='/website_less/static/src/less/import_bootstrap.less'/>
<link rel="stylesheet" href='/website_less/static/src/less/colors.less' t-ignore="true"/>
<link rel="stylesheet" href='/website/static/src/css/website.css'/>
<link rel="stylesheet" href='/website_less/static/src/less/website.less' type="text/less"/>
<link href="/theme_zap/static/src/less/options/layouts/header_light.less" rel="stylesheet" type="text/less"/>
<link href="/theme_zap/static/src/less/options/layouts/footer_white.less" rel="stylesheet" type="text/less"/>
<link href="/theme_zap/static/src/less/options/colors/colors_environment.less" rel="stylesheet" type="text/less"/>
<link href="/theme_zap/static/src/less/options/fonts/font_dosis_open_sans.less" rel="stylesheet" type="text/less"/>
</xpath>
</template>
<template name="Zap - Demo 03" id="website.demo_page_03" page="True">
<t t-call="theme_zap.demo_page_03">
<div id="wrap" class="oe_structure">
<section class="s_page_header bg-gamma">
<div class="container">
<div class="row">
<div class="col-md-12 mt32 mb32">
<span class="s_label label bg-alpha">
<strong>Tags</strong>
</span>
<span class="s_label label bg-gray-lighter">
<strong>Category</strong>
</span>
<h1>Page Title</h1>
<p class="lead">Introduce your content in few lines.</p>
</div>
</div>
</div>
</section>
<section class="s_process_steps_2 mt32">
<div class="container">
<div class="row">
<div class="col-md-3 text-center mt32 mb32">
<p style="text-align: left;">
<i class="fa fa-hand-o-up fa-2x img-circle bg-alpha" style=""></i>
</p>
<h4 style="text-align: left;">Select a product</h4>
<p class="text-muted" style="text-align: left;">This is the <strong>first step</strong>.</p>
<p style="text-align: left;">Let your customers follow and understand your process.</p>
</div>
<div class="col-md-3 text-center mt32 mb32">
<p style="text-align: left;">
<i class="fa fa-shopping-cart fa-2x img-circle bg-beta" style=""></i>
</p>
<h4 style="text-align: left;">Add to cart</h4>
<p class="text-muted" style="text-align: left;">This is the <strong>second step</strong>.</p>
<p style="text-align: left;">Click on the icon to adapt it to your purpose.</p>
</div>
<div class="col-md-3 text-center mt32 mb32">
<p style="text-align: left;">
<i class="fa fa-unlock-alt fa-2x img-circle bg-gamma" style=""></i>
</p>
<h4 style="text-align: left;">Sign in</h4>
<p class="text-muted" style="text-align: left;">This is the <strong>third step</strong>.</p>
<p style="text-align: left;">Duplicate blocks to add more steps.</p>
</div>
<div class="col-md-3 text-center mt32 mb32">
<p style="text-align: left;">
<i class="fa fa-paypal fa-2x img-circle bg-delta" style=""></i>
</p>
<h4 style="text-align: left;">Pay</h4>
<p class="text-muted" style="text-align: left;">This is the <strong>fourth step</strong>.</p>
<p style="text-align: left;">Select and delete blocks to remove some steps.</p>
</div>
</div>
</div>
</section>
<div data-oe-call="theme_common.s_medias_list"/>
<div data-oe-call="theme_common.s_collapse"/>
<section class="s_comparisons">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mb32">
<h2>Our Offers</h2>
</div>
<div class="col-md-4">
<div class="panel panel-info">
<div class="panel-heading text-center">
<h2 style="margin: 0">Beginner</h2>
<p class="text-muted" style="margin: 0">Starter package</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h2 style="margin: 0">
<span>$</span>
<b style="font-size: 60px">450</b>
<small>.00</small>
</h2>
<div>per month</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Battery: 8 hours</li>
<li class="list-group-item">Screen: 2.5 inch</li>
<li class="list-group-item">Weight: 1.1 ounces</li>
<li class="list-group-item">No support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Free shipping, satisfied or reimbursed.</i>
</p>
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Order now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h2 style="margin: 0">Professional</h2>
<p style="margin: 0">Enterprise package</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h2 style="margin: 0">
<span>$</span>
<b style="font-size: 60px">590</b>
<small>.00</small>
</h2>
<div>per month</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Battery: 12 hours</li>
<li class="list-group-item">Screen: 2.8 inch</li>
<li class="list-group-item">Weight: 1.2 ounces</li>
<li class="list-group-item">Limited support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Free shipping, satisfied or reimbursed.</i>
</p>
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Order now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-info">
<div class="panel-heading text-center">
<h2 style="margin: 0">Expert</h2>
<p class="text-muted" style="margin: 0">The top of the top</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h2 style="margin: 0">
<span>$</span>
<b style="font-size: 60px">890</b>
<small>.00</small>
</h2>
<div>per month</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Battery: 20 hours</li>
<li class="list-group-item">Screen: 2.8 inch</li>
<li class="list-group-item">Weight: 1.2 ounces</li>
<li class="list-group-item">Unlimited support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Free shipping, satisfied or reimbursed.</i>
</p>
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Contact us</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="jumbotron s_button bg-gamma">
<div class="container">
<div class="row">
<div class="col-md-9 text-muted">
<p class="mb0">
<strong>50,000+ companies run Odoo to grow their businesses.</strong>
</p>
<p class="mb0">Join us and make your company a better place.</p>
</div>
<div class="col-md-3">
<a class="btn btn-info btn-lg pull-right mt8" href="/page/website.contactus"><i class="fa fa-arrow-right"></i> Contact Us Now </a>
</div>
</div>
</div>
</section>
</div>
</t>
</template>
<record id="demo_page_03_menu" model="website.menu">
<field name="name">Demo 03</field>
<field name="url">/page/demo_page_03</field>
<field name="parent_id" ref="demo_page_menu"/>
<field name="sequence" type="int">33</field>
</record>
</data>
</openerp>
theme_zap/demo/zap_blocks.xml
+19
View File
@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Zap - Building Blocks" id="website.demo_zap_blocks" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure oe_empty"/>
</t>
</template>
<record id="demo_zap_blocks_menu" model="website.menu">
<field name="name">Zap Blocks</field>
<field name="url">/page/demo_zap_blocks</field>
<field name="parent_id" ref="website.main_menu"/>
<field name="sequence" type="int">40</field>
</record>
</data>
</openerp>
theme_zap/demo/zap_blocks_content.xml
+196
View File
@@ -0,0 +1,196 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Zap - Building Blocks - Content" id="website.demo_zap_blocks_content" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure mb64">
<section class="bg-gray-dark">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="demo-title mt0 mb0">Content Blocks</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- WELL -->
<h4 class="demo-subtitle mt32 mb32">Well</h4>
<div class="s_well well well-alpha">
<span class="pull-left fa fa-plug fa-3x" style=""></span>
<div class="well-text">
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
</div>
</div>
<div class="s_well well well-beta">
<span class="pull-left fa fa-support fa-3x" style=""></span>
<div class="well-text">
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
</div>
</div>
<div class="s_well well well-epsilon">
<span class="pull-left fa fa-exclamation-triangle fa-3x" style=""></span>
<div class="well-text">
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
</div>
</div>
<!-- BLOCKQUOTE -->
<h4 class="demo-subtitle mt64 mb32">Blockquote</h4>
<blockquote class="s_quote">
<i class="fa fa-quote-left fa-1x bg-beta"></i>
<div class="blockquote-text">
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
<img alt="" class="img img-circle" src="/website/image/theme_common.image_content_10"/>
<small>Author of this quote</small>
</div>
</blockquote>
<!-- PANEL -->
<h4 class="demo-subtitle mt64 mb32">Panel</h4>
<div class="s_panel panel panel-delta">
<div class="panel-heading">
<h4 class="mt0 mb0"><i class="fa fa-bicycle fa-1x text-muted"></i>Feature Title</h4>
</div>
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
</div>
<div class="s_panel panel panel-gamma">
<div class="panel-heading">
<h4 class="mt0 mb0"><i class="fa fa-truck fa-1x text-muted"></i>Feature Title</h4>
</div>
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
</div>
<div class="s_panel panel panel-alpha">
<div class="panel-heading">
<h4 class="mt0 mb0"><i class="fa fa-fighter-jet fa-1x text-muted"></i>Feature Title</h4>
</div>
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
</div>
<!-- SEPARATOR -->
<h4 class="demo-subtitle mt64 mb32">Separator</h4>
<hr class="s_separator hr-full hr-1px hr-solid mt0"/>
<hr class="s_separator hr-full hr-3px hr-dotted"/>
<hr class="s_separator hr-full hr-5px hr-dashed mb0"/>
<!-- SHARE -->
<h4 class="demo-subtitle mt64 mb32">Social buttons</h4>
<div class="row">
<div class="col-md-4">
<div class="oe_share s_share">
<h4 class="s_share_title">Share <i class="text-muted fa fa-1x fa-hand-o-right"></i></h4>
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle fa fa-1x fa-facebook"></i>
</a>
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Building%20Blocks%20-%20Content&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle fa fa-1x fa-twitter"></i>
</a>
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;title=Building%20Blocks%20-%20Content&amp;" target="_blank">
<i class="img-circle fa fa-1x fa-linkedin"></i>
</a>
<a class="oe_share_google" href="https://plus.google.com/share?url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle fa fa-1x fa-google-plus"></i>
</a>
</div>
</div>
<div class="col-md-4">
<div class="oe_share s_share">
<h4 class="s_share_title text-beta">Share <i class="text-muted fa fa-1x fa-hand-o-right"></i></h4>
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-rounded bg-beta fa fa-1x fa-facebook"></i>
</a>
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Building%20Blocks%20-%20Content&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-rounded bg-beta fa fa-1x fa-twitter"></i>
</a>
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;title=Building%20Blocks%20-%20Content&amp;" target="_blank">
<i class="img-rounded bg-beta fa fa-1x fa-linkedin"></i>
</a>
<a href="mailto:?body=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;subject=Building%20Blocks%20-%20Content">
<i class="img-rounded bg-beta fa fa-1x fa-envelope"></i>
</a>
</div>
</div>
<div class="col-md-4">
<div class="oe_share s_share">
<h4 class="s_share_title text-beta">Share <i class="text-muted fa fa-1x fa-hand-o-right"></i></h4>
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle bg-gamma fa fa-2x fa-facebook"></i>
</a>
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Building%20Blocks%20-%20Content&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content" target="_blank">
<i class="img-circle bg-gamma fa fa-2x fa-twitter"></i>
</a>
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Ftheme-zap.odoo.com%2Fpage%2Fdemo_blocks_content&amp;title=Building%20Blocks%20-%20Content&amp;" target="_blank">
<i class="img-circle bg-gamma fa fa-2x fa-linkedin"></i>
</a>
</div>
</div>
</div>
<!-- LABEL -->
<h4 class="demo-subtitle mt64 mb32">Label</h4>
<span class="s_label label bg-alpha">
<strong>Category</strong>
</span>
<span class="s_label label bg-beta">
<strong>Category</strong>
</span>
<span class="s_label label bg-gamma">
<strong>Category</strong>
</span>
<span class="s_label label bg-delta">
<strong>Category</strong>
</span>
<span class="s_label label bg-epsilon">
<strong>Category</strong>
</span>
</div>
</div>
</div>
</div>
</t>
</template>
<record id="demo_zap_blocks_content_menu" model="website.menu">
<field name="name">Content</field>
<field name="url">/page/demo_zap_blocks_content</field>
<field name="parent_id" ref="demo_zap_blocks_menu"/>
<field name="sequence" type="int">42</field>
</record>
</data>
</openerp>
theme_zap/demo/zap_blocks_features.xml
+121
View File
@@ -0,0 +1,121 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Zap - Building Blocks - Features" id="website.demo_zap_blocks_features" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure mb64">
<section class="bg-gray-dark">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Features Grid + Circle</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_features_grid_circle"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Full-width: Images + Captions</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_images_captions_fw"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">News Carousel</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_news_carousel"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Numbers</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_numbers"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Process Steps</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_process_steps_2"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Accordion</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_collapse"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Quotes Slider</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_quotes_slider_2"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">References</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_references_2"/>
<!-- <div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Tabs</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_tabs"/> -->
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Team Profiles</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_team_profiles_2"/>
</div>
</t>
</template>
<record id="demo_zap_blocks_features_menu" model="website.menu">
<field name="name">Features</field>
<field name="url">/page/demo_zap_blocks_features</field>
<field name="parent_id" ref="demo_zap_blocks_menu"/>
<field name="sequence" type="int">43</field>
</record>
</data>
</openerp>
theme_zap/demo/zap_blocks_structure.xml
+121
View File
@@ -0,0 +1,121 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<template name="Zap - Building Blocks - Structure" id="website.demo_zap_blocks_structure" page="True">
<t t-call="website.layout">
<div id="wrap" class="oe_structure mb64">
<section class="bg-gray-dark">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt32 mb32">Full-width: Carousel</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_banner_2"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Boxed Carousel</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_carousel_boxed"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Features + Circle</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_features_circle"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">3-Columns + Carousel</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_three_columns_carousel"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Page Header</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_page_header"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Medias List</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_medias_list"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Full-width: 4-Columns</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_four_columns_fw"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Full-width: Text + Image</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_text_image_fw"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Full-width: Image + Text</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_image_text_fw"/>
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="demo-subtitle mt64 mb32">Full-width: Text block + Image</h4>
</div>
</div>
</div>
<div data-oe-call="theme_common.s_text_block_image_fw"/>
</div>
</t>
</template>
<record id="demo_zap_blocks_structure_menu" model="website.menu">
<field name="name">Structure</field>
<field name="url">/page/demo_zap_blocks_structure</field>
<field name="parent_id" ref="demo_zap_blocks_menu"/>
<field name="sequence" type="int">41</field>
</record>
</data>
</openerp>