[ADD] theme saas-6
This commit is contained in:
Design
@@ -0,0 +1,320 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<record id="website.layout_logo_show" model="ir.ui.view" >
|
||||
<field name="active" eval="False"/>
|
||||
</record>
|
||||
|
||||
<template id="website.blocks" name="Building Blocks" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure demo_blocks text-center">
|
||||
|
||||
<section class="parallax s_parallax bg-img-02 move_to_top" style="padding-top: 40px; height: 424px; overflow: hidden; background-attachment: scroll; background-position: 0px 0px;" data-scroll-background-ratio="0.3" data-scroll-background-offset="0" contenteditable="false">
|
||||
<div>
|
||||
<div class="oe_structure container text-center mt32" contenteditable="true">
|
||||
<h1 class="mt128 o_animate o_not-animable title-boxed">Building Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div id="video" class="bg-white" style="height:80px"></div>
|
||||
<h3 class="text-center bg-white mt0 mb0">Media Block</h3>
|
||||
<hr class="mt4 mb4"/>
|
||||
<small class="mt4 mb32">Deligth your visitors with wonderful fullwidth videos</small>
|
||||
|
||||
<div class="text-left mt32">
|
||||
<section class="s_media_block" src="https://player.vimeo.com/video/86224382?badge=0" muted="muted" loop="loop" autoplay="autoplay" iframefit="fitIframe" style="height: 576px;" background="js-rgba(0, 0, 0, 0)">
|
||||
<div class="v-align text-center">
|
||||
<h1 class="text-center o_animate o_not-animable title-boxed">MEDIA BLOCK</h1>
|
||||
</div>
|
||||
</section>
|
||||
<span id="maps"/>
|
||||
</div>
|
||||
|
||||
<h3 class="text-center bg-white mt128 mb0">GOOGLE MAPS</h3>
|
||||
<hr class="mt4 mb4"/>
|
||||
<small class="mt4 mb48">Create and customize easily your maps</small>
|
||||
|
||||
<section class="s_google_map mt32" data-map-type="ROADMAP" data-map-color="" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 488px; overflow: hidden;">
|
||||
<div class="map_container"/>
|
||||
<div class="description">
|
||||
<font>Visit us:</font>
|
||||
<span>Our office is located in Paris. TEL (555) 432 2365</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<h3 class="text-center bg-white mt92 mb0">Map Types</h3>
|
||||
<hr class="mt4 mb32"/>
|
||||
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
<div class="col-md-3 mt32">
|
||||
<h4 class="mb4">Road Map</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-3 mt32">
|
||||
<h4 class="mb4">Satellite</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="SATELLITE" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-3 mt32">
|
||||
<h4 class="mb4">Hybrid</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="HYBRID" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-3 mt32">
|
||||
<h4 class="mb4">Terrain</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="TERRAIN" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-center bg-white mt92 mb0">Color Variations</h3>
|
||||
<hr class="mt4 mb32"/>
|
||||
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6 mt32">
|
||||
<h4 class="mb4">Light Mono</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="lightMonoMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 288px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-6 mt32">
|
||||
<h4 class="mb4">Cupertino</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="cupertinoMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 288px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-6 mt32">
|
||||
<h4 class="mb4">Retro</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="retroMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 288px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-6 mt32">
|
||||
<h4 class="mb4">Cobalt</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="cobaltMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 288px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-6 mt32">
|
||||
<h4 class="mb4">Flat</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="flatMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 288px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-6 mt32">
|
||||
<h4 class="mb4">Lilla</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="lillaMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 288px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-6 mt32">
|
||||
<h4 class="mb4">Caramello</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="carMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 288px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-6 mt32">
|
||||
<h4 class="mb4">B&W</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="bwMap" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="flat" style="height: 288px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-center bg-white mt92 mb0">Map Zoom <small>(samples)</small></h3>
|
||||
<hr class="mt4 mb32"/>
|
||||
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
<div class="col-md-3 mt32">
|
||||
<h4 class="mb4">12</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="12" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-3 mt32">
|
||||
<h4 class="mb4">14</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="14" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-3 mt32">
|
||||
<h4 class="mb4">16</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="16" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
|
||||
</div>
|
||||
<div class="col-md-3 mt32">
|
||||
<h4 class="mb4">18</h4>
|
||||
<hr class="mt0 mb4"/>
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="18" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-style="" style="min-height: 200px; height: 200px; overflow: hidden;"><div class="map_container"/></section>
|
||||
<span id="posts"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-center bg-white mt128 mb0">LATEST POSTS</h3>
|
||||
<hr class="mt4 mb32"/>
|
||||
|
||||
<section class="s_latest_posts_big_picture">
|
||||
<div class="js_get_posts first_is_big" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
|
||||
</section>
|
||||
|
||||
<h3 class="text-center bg-white mt92 mb0">Styles</h3>
|
||||
<hr class="mt4 mb32"/>
|
||||
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
<section class="s_latest_posts_big_picture col-md-6 mt32">
|
||||
<div class="js_get_posts first_is_big effect-marley" data-posts_limit="1" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
|
||||
</section>
|
||||
<section class="s_latest_posts_big_picture col-md-6 mt32">
|
||||
<div class="js_get_posts first_is_big effect-dexter" data-posts_limit="1" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<section class="s_latest_posts_big_picture col-md-6 mt32">
|
||||
<div class="js_get_posts first_is_big effect-chico" data-posts_limit="1" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
|
||||
</section>
|
||||
<section class="s_latest_posts_big_picture col-md-6 mt32">
|
||||
<div class="js_get_posts first_is_big effect-steve" data-posts_limit="1" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template" contenteditable="False"/>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-center bg-white mt128 mb0">Showcase Slider</h3>
|
||||
<hr class="mt4 mb4"/>
|
||||
<small class="mt4 mb48">A new UX solution to show your gallery</small>
|
||||
<div class="container">
|
||||
|
||||
<section class="s_showcase_slider mt32 o_not-animable">
|
||||
<div class="s-ss-slider-wrapper">
|
||||
|
||||
<ul class="s-ss-slider o_animable">
|
||||
<li class="selected o_not-animable"><img style="max-height: 570px" src="/website/image/theme_common.image_content_20" /></li>
|
||||
<li><img style="max-height: 570px" class="o_not-animable" src="/website/image/theme_common.image_content_21" /></li>
|
||||
<li><img style="max-height: 570px" class="o_not-animable" src="/website/image/theme_common.image_content_22" /></li>
|
||||
</ul> <!-- s-ss slider -->
|
||||
|
||||
<ul class="s-ss-slider-navigation">
|
||||
<li><span contentEditable="false" class="o_not-animable fa fa-chevron-left s-ss-prev inactive" /></li>
|
||||
<li><span contentEditable="false" class="o_not-animable fa fa-chevron-right s-ss-next" /></li>
|
||||
</ul> <!-- s-ss slider-navigation -->
|
||||
|
||||
<span href="#0" class="s-ss-close fa fa-times">Close</span>
|
||||
|
||||
</div> <!-- s-ss slider-wrapper -->
|
||||
|
||||
<div class="s-ss-item-info o_animable">
|
||||
<h2>My Title</h2>
|
||||
|
||||
<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>
|
||||
|
||||
<button class="btn btn-primary">Call to action</button>
|
||||
</div> <!-- s-ss info -->
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
<h3 class="text-center bg-white mt128 mb0">Showcase</h3>
|
||||
<hr class="mt4 mb48"/>
|
||||
|
||||
<section class="s_showcase">
|
||||
<div class="box">
|
||||
<div class="hidden-xs line"/>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 text-right feature">
|
||||
<h4>
|
||||
<i class="fa fa-desktop"/>First feature</h4>
|
||||
<p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature">
|
||||
<h4>
|
||||
<i class="fa fa-heart"/>Another feature</h4>
|
||||
<p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 text-right feature">
|
||||
<h4>
|
||||
<i class="fa fa-paint-brush "/>Second feature</h4>
|
||||
<p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature">
|
||||
<h4>
|
||||
<i class="fa fa-sliders "/>Last Feature</h4>
|
||||
<p>I then asked Queequeg whether he himself was ever troubled with dyspepsia; expressing the idea very plainly, so that he could take it in.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mt16 text-center">
|
||||
<a class="btn btn-default" href="">Discover all the features</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<h3 class="text-center bg-white mt128 mb0">Masonry Block</h3>
|
||||
<hr class="mt4 mb48"/>
|
||||
<section class="s_masonry_block mt16" style="height: 512px;">
|
||||
<div class="item col-sm-12 col-md-6 bg_patt-05">
|
||||
<div class="main-block text-center">
|
||||
<div class="content">
|
||||
<h2>A great title</h2>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item col-sm-12 col-md-6 bg-gamma-lighter">
|
||||
<div class="block text-center only-bg bg-gamma-darker">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block text-center bg_patt-03">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block text-center bg_patt-04">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block text-center only-bg bg-epsilon-light">
|
||||
<div class="content">
|
||||
<h3>A great title</h3>
|
||||
<p>And a great subtitle</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<h3 class="text-center bg-white mt128 mb0">Page Header</h3>
|
||||
<hr class="mt4 mb48"/>
|
||||
|
||||
<section class="s_page_header o_animate_preview text-left only-bg bg-gamma-lighter bg_patt-03"><div class="container"><div class="row"><div class="col-md-12 mt32">
|
||||
<span class="label bg-alpha">
|
||||
<span tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_inline" data-cke-display-name="i" data-cke-widget-id="26"><i class="fa fa-tag cke_widget_element" data-cke-widget-data="{}" data-cke-widget-keep-attr="0" data-widget="icons"></i></span> <strong>Tags</strong> </span>
|
||||
<span class="label bg-gamma"> <span tabindex="-1" contenteditable="false" data-cke-widget-wrapper="1" data-cke-filter="off" class="cke_widget_wrapper cke_widget_inline" data-cke-display-name="i" data-cke-widget-id="25"><i class="fa fa-tag cke_widget_element" data-cke-widget-data="{}" data-cke-widget-keep-attr="0" data-widget="icons"></i></span> <strong>Category</strong> </span>
|
||||
<h1>Page Title</h1><p class="lead">Introduce your content in few lines.</p></div></div></div></section>
|
||||
|
||||
<h3 class="text-center bg-white mt128 mb0">Numbers</h3>
|
||||
<hr class="mt4 mb48"/>
|
||||
|
||||
<section class="s_numbers o_animate_preview bg_patt-01 color-gray"><div class="container"><div class="row"><div class="col-md-3 mb32 text-center color-gray"><h1 class="mb0 color-gray">12</h1><p class="color-gray">Useful options</p></div><div class="col-md-3 mb32 color-gray text-center"><h1 class="mb0 color-gray">45</h1><p class="color-gray">Beautiful snippets</p></div><div class="col-md-3 mb32 text-center color-gray"><h1 class="mb0 color-gray">8</h1><p class="color-gray">Amazing pages</p></div><div class="col-md-3 mb32 text-center color-gray"><h1 class="mb0 color-gray">37</h1><p class="color-gray">Outstanding images</p></div></div></div></section>
|
||||
|
||||
<hr class="mt128 mb128"/>
|
||||
|
||||
</div> <!-- #wrap -->
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="graphene_blocks_menu" model="website.menu">
|
||||
<field name="name">Building Blocks</field>
|
||||
<field name="url">/page/blocks</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">12</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,102 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<record id="website_blog.blog_post_1" model="blog.post">
|
||||
<field name="background_image">/theme_graphene/static/src/img/theme_samples/radius.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="website_blog.blog_post_2" model="blog.post">
|
||||
<field name="background_image">/theme_graphene/static/src/img/theme_samples/bridge.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="website_blog.blog_post_3" model="blog.post">
|
||||
<field name="name">Organize a meeting</field>
|
||||
<field name="subtitle">Are your meetings useful and productive?</field>
|
||||
<field name="blog_id" ref="website_blog.blog_blog_1"/>
|
||||
<field name="website_published" eval="True"/>
|
||||
|
||||
<field name="background_image">/theme_graphene/static/src/img/theme_samples/design.jpg</field>
|
||||
<field name="content">
|
||||
<![CDATA[<section class="row readable">
|
||||
<div class="col-md-12 mb32">
|
||||
<img class="img-responsive" src="/website_blog/static/src/img/CMS_WMS_screens.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-6 col-md-offset-3 mb16 mt16">
|
||||
<p class="text-center">
|
||||
New Features Launched
|
||||
</p>
|
||||
<p class="text-center">
|
||||
To add to an already comprehensive set of Odoo
|
||||
features, a website content management system (CMS
|
||||
or WMS) has been developed and a beta release is
|
||||
available from today, 31st January 2014.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="readable">
|
||||
<p>
|
||||
Odoo claims to be 'the Open Source software that makes
|
||||
building your company's website and selling your products
|
||||
online easy'. So how true is this statement?
|
||||
</p><p>
|
||||
"Odoo's latest launch will allow a business to go from
|
||||
zero to trading online quicker than ever before,” Stuart
|
||||
Mackintosh, MD of Open Source specialist and Odoo
|
||||
integration partner, OpusVL, explains. “The investment
|
||||
required to have a fully automated business system is
|
||||
dramatically reduced, enabling the small and medium
|
||||
enterprise to compete at a level of functionality and
|
||||
performance previously reserved for the big IT investors."
|
||||
</p>
|
||||
<blockquote>
|
||||
<p>
|
||||
"Finally, the leading edge is being brought to the masses.
|
||||
It will now be the turn of the big players to catch up to
|
||||
the superior technologies of the SME."
|
||||
</p>
|
||||
</blockquote>
|
||||
<p>
|
||||
"This is another clever and highly disruptive move by
|
||||
Odoo,which will force other technology providers to
|
||||
take another look at the value they are providing to ensure
|
||||
that their 'solutions' can still compete."
|
||||
</p><p>
|
||||
"Odoo now competes on many fronts, with no real
|
||||
competition out there to knock them off the top spot.
|
||||
With the launch of their integrated CMS and Ecommerce
|
||||
systems,it only elevates their position as one of the leading
|
||||
lights in the open source revolution. It will be at least 5
|
||||
years before another ERP or CMS provider will be able to
|
||||
compete at this level due to the technology currently
|
||||
employed by most industry providers."
|
||||
</p>
|
||||
<h4>Adding to industry leading technology</h4>
|
||||
<p>
|
||||
Like many modern website editors, with Odoo you can edit
|
||||
content in-line, enabling you to see exactly what you are
|
||||
changing and ensure your changes suit the context.
|
||||
</p><p>
|
||||
However, unlike other web content management systems, it
|
||||
fully integrates into the back-end database. This means
|
||||
that when you edit a product description, image or price,
|
||||
it updates the product database in real time, providing a
|
||||
true self-service window into the business.
|
||||
</p><p>
|
||||
This provides a single source of data for your company and
|
||||
removes the need to create offline synchronisation between
|
||||
website and product database.
|
||||
</p><p>
|
||||
As it comes, there is a default website based on Bootstrap
|
||||
3, the latest industry standard for rapid development of
|
||||
multi-device websites backed by Twitter, so can be directly
|
||||
integrated with many web tools and works across all devices
|
||||
by default.
|
||||
</p>
|
||||
</section>
|
||||
]]>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<record id="website.layout_logo_show" model="ir.ui.view" >
|
||||
<field name="active" eval="False"/>
|
||||
</record>
|
||||
|
||||
<template id="website.feat" name="Features" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure demo_feat text-center">
|
||||
|
||||
<section class="parallax s_parallax bg-img-03 move_to_top" style="padding-top: 40px; height: 424px; overflow: hidden; background-attachment: scroll; background-position: 0px 0px;" data-scroll-background-ratio="0.3" data-scroll-background-offset="0" contenteditable="false">
|
||||
<div>
|
||||
<div class="oe_structure container text-center mt32" contenteditable="true">
|
||||
<h1 class="mt128 o_animate o_not-animable title-boxed">Features</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="bg-white" style="height:80px"></div>
|
||||
|
||||
<div class="container">
|
||||
<img class="img-responsive o_animate o_anim_fade_in " src="/theme_graphene/static/description/media/anima_editor.png" alt=""/>
|
||||
|
||||
<hr class="mb64 mt64"/>
|
||||
|
||||
<img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/video.jpg" alt=""/>
|
||||
|
||||
<a href="/page/blocks#video" class="btn btn-default">Discover More</a>
|
||||
|
||||
<hr class="mb64 mt64"/>
|
||||
|
||||
<img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/move_top.jpg" alt=""/>
|
||||
|
||||
<hr class="mb64 mt64"/>
|
||||
|
||||
<img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/latest_posts.jpg" alt=""/>
|
||||
|
||||
<a href="/page/blocks#posts" class="btn btn-default">Discover More</a>
|
||||
|
||||
<hr class="mb64 mt64"/>
|
||||
|
||||
<img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/typo.jpg" alt=""/>
|
||||
|
||||
<a href="/page/style" class="btn btn-default">Discover More</a>
|
||||
|
||||
<hr class="mb64 mt64"/>
|
||||
|
||||
<img class="img-responsive o_animate o_anim_fade_in" src="/theme_graphene/static/description/media/maps.jpg" alt=""/>
|
||||
|
||||
<a href="/page/blocks#maps" class="btn btn-default">Discover More</a>
|
||||
|
||||
<hr class="mb64 mt64"/>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- #wrap -->
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="graphene_feat_menu" model="website.menu">
|
||||
<field name="name">Features</field>
|
||||
<field name="url">/page/feat</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">13</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,135 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<record id="theme_graphene.option_font_abel" model="ir.ui.view" >
|
||||
<field name="active" eval="True"/>
|
||||
</record>
|
||||
|
||||
<template id="website.style" name="Style" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure demo_style text-center">
|
||||
|
||||
<h5 class="text-center mt32 mb0">BUTTONS</h5>
|
||||
<hr class="mt4 mb4"/>
|
||||
<small>Click them to get a preview </small>
|
||||
|
||||
<section class="container text-center mt32 mb48">
|
||||
<button class="btn btn-lg btn-default" type="button">Default</button>
|
||||
<button class="btn btn-lg btn-primary" type="button">Primary</button>
|
||||
<button class="btn btn-lg btn-success" type="button">Success</button>
|
||||
<button class="btn btn-lg btn-info" type="button">Info</button>
|
||||
<button class="btn btn-lg btn-warning" type="button">Warning</button>
|
||||
<button class="btn btn-lg btn-danger" type="button">Danger</button>
|
||||
<button class="btn btn-lg btn-link" type="button">Link</button>
|
||||
<h1 class="mt4 mb4"/>
|
||||
<button class="btn btn-default" type="button">Default</button>
|
||||
<button class="btn btn-primary" type="button">Primary</button>
|
||||
<button class="btn btn-success" type="button">Success</button>
|
||||
<button class="btn btn-info" type="button">Info</button>
|
||||
<button class="btn btn-warning" type="button">Warning</button>
|
||||
<button class="btn btn-danger" type="button">Danger</button>
|
||||
<button class="btn btn-link" type="button">Link</button>
|
||||
</section>
|
||||
|
||||
<h5 class="text-center mt92 mb0">LABELS</h5>
|
||||
<hr class="mt4 mb4"/>
|
||||
<section class="container text-center mt16 mb48">
|
||||
<span class="label label-default">Default</span>
|
||||
<span class="label label-primary">Primary</span>
|
||||
<span class="label label-success">Success</span>
|
||||
<span class="label label-info">Info</span>
|
||||
<span class="label label-warning">Warning</span>
|
||||
<span class="label label-danger">Danger</span>
|
||||
</section>
|
||||
|
||||
<h5 class="text-center mt92 mb0">PATTERNS</h5>
|
||||
<hr class="mt4 mb4"/>
|
||||
<section class="container text-center mt16 mb48">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="panel bg_patt-01" style="height:200px"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel bg_patt-02" style="height:200px"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel bg_patt-03" style="height:200px"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel bg_patt-04" style="height:200px"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel bg_patt-05" style="height:200px"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="panel bg_patt-06" style="height:200px"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<h5 class="text-center mt92 mb0">Typography</h5>
|
||||
<hr class="mt4 mb4"/>
|
||||
<div class="container text-left">
|
||||
<div class="col-md-6">
|
||||
<h1><strong>H1</strong> - My awesome title</h1>
|
||||
<h2><strong>H2</strong> - My awesome title</h2>
|
||||
<h3><strong>H3</strong> - My awesome title</h3>
|
||||
<h4><strong>H4</strong> - My awesome title</h4>
|
||||
<h5><strong>H5</strong> - My awesome title</h5>
|
||||
<h6><strong>H6</strong> - My awesome title</h6>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p class="mt32">Paragraphs.<br/>Integer dictum condimentum urna in viverra. Sed ut lacus vitae leo ornare rhoncus. Cras accumsan, justo id bibendum sollicitudin, dolor erat rutrum leo, varius sodales enim turpis et lacus. Ut augue ante, pretium nec venenatis et, tempor scelerisque sapien. Nam eu elit efficitur, luctus tellus eget, vehicula augue. Integer porttitor laoreet pellentesque. Aenean non velit ut nibh ultricies commodo posuere congue risus.</p>
|
||||
<p><strong>This is a strong text</strong></p>
|
||||
<p><em>This is an italic text</em></p>
|
||||
<p><u>This is an underlined text</u></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5 class="text-center mt92 mb0">Styled Titles</h5>
|
||||
<hr class="mt4 mb32"/>
|
||||
<div class="container">
|
||||
<div class="col-md-6">
|
||||
<h1 class="text-center o_animate o_not-animable title-boxed">A boxed Title</h1>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h1 class="text-center o_animate o_not-animable title-underlined">An underlined Title</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5 class="text-center mt92 mb0">Text costumization</h5>
|
||||
<hr class="mt4 mb32"/>
|
||||
<div class="container mb128">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h3 class="text-center letterSpacing4">Custom letter's spacing</h3>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h3 class="text-center text-uppercase">Uppercase text</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h3 class="text-center serif">A serif text</h3>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h3 class="text-center sans-serif">A sans-serif text</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- #wrap -->
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="graphene_style_menu" model="website.menu">
|
||||
<field name="name">Style</field>
|
||||
<field name="url">/page/style</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">11</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,156 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<record id="website.layout_logo_show" model="ir.ui.view" >
|
||||
<field name="active" eval="False"/>
|
||||
</record>
|
||||
|
||||
|
||||
<template id="website.welcome" name="Welcome" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure demo_welcome">
|
||||
|
||||
<section autoplay="autoplay" class="s_media_block move_to_top preserve3d" custom_content="<iframe src='https://www.youtube.com/embed/LyEz6Ru2IwY'></iframe>" iframefit="fitCont" loop="loop" src="http://media.sublimevideo.net/v/midnight-sun-short-edit-360p.mp4" muted="muted" style="height: 600px;" background="js-animated-bg" opacity="1">
|
||||
<div class="v-align text-center">
|
||||
<img src="/website/image/theme_common.image_content_logo" style="width: 100%; max-width: 270px;opacity:0" class=" center-block o_animate o_animate_both_scroll o_anim_fade_in o_anim_dur1500"/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mb32 bg-white bg_patt-03 color-gray">
|
||||
<div class="mt48 text-center o_animate o_animate_both_scroll o_anim_fade_in o_anim_dur1500">
|
||||
<h1 class="letterSpacing10 text-uppercase sans-serif o_animate o_not-animable title-underlined">Welcome</h1>
|
||||
<p class="serif">
|
||||
<em>Welcome to Graphene , Awesome multi-porpose Odoo 8 theme</em>
|
||||
</p>
|
||||
<!-- <p class="serif"><em>Graphene is a new kind of material, more efficent then silicon and stronger than diamond.</em><br /><em>It inspired the creation of this theme</em></p>-->
|
||||
</div>
|
||||
<div class="mt92 tech">
|
||||
<div class="row">
|
||||
<div class="col-xs-4">
|
||||
<img class="img-responsive" src="/theme_graphene/static/src/img/theme_samples/HTML5.png" alt=""/>
|
||||
</div>
|
||||
<div class="col-xs-4 mt8">
|
||||
<img class="img-responsive" src="/theme_graphene/static/src/img/theme_samples/less.png" alt=""/>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<img class="img-responsive" src="/theme_graphene/static/src/img/theme_samples/CSS3.png" alt=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="parallax s_parallax o_animate bg-img-03 o_anim_fade_in o_anim_dur2000" contenteditable="false" data-scroll-background-ratio="0.3" style="height: 336px; overflow: hidden; background-attachment: scroll;">
|
||||
<div>
|
||||
<div class="oe_structure" contenteditable="true"/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_showcase">
|
||||
<div class="box">
|
||||
<div class="hidden-xs line o_animate o_anim_fade_in_down o_anim_dur3000 o_anim_del1500"/>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 text-right feature o_animate o_anim_fade_in_left o_anim_dur1500">
|
||||
<h4>Fully-equipped <img src="/theme_graphene/static/description/media/gift.jpg" alt=""/></h4>
|
||||
<p>HTML5 videos, pure CSS3 Animation, Retina images support... Everyting is out of the box.</p>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature o_animate o_anim_fade_in_right o_anim_dur1500">
|
||||
<h4><img src="/theme_graphene/static/description/media/custom.jpg" alt=""/> Flexible</h4>
|
||||
<p>Limitless combination. Use the provided styles or start from scratch, Graphene will take care of everything</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-5 text-right feature o_animate o_anim_fade_in_left o_anim_dur1500 o_anim_del500">
|
||||
<h4>Mobile friendly <img src="/theme_graphene/static/description/media/mobile.jpg" alt=""/></h4>
|
||||
<p>Media queries are managed for you. Graphene work beautifully on desktop and mobile devices.</p>
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-5 col-sm-offset-2 text-left feature o_animate o_anim_fade_in_right o_anim_dur1500 o_anim_del500">
|
||||
<h4><img src="/theme_graphene/static/description/media/browsers.jpg" alt=""/>
|
||||
Cross-browser</h4>
|
||||
<p>Works on all modern browsers and degrades gracefully on the old ones.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container mt16 text-center o_animate o_anim_fade_in o_anim_del2000">
|
||||
<a href="/page/feat/" class="btn btn-default">Discover all the features</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr/>
|
||||
|
||||
<section class="s_text_block">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center title-parent mt64 mb0">
|
||||
<h2 class="o_animate o_not-animable title-boxed">Powerful snippets</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="blueMap" data-map-zoom="16" data-map-gps="(48.856614, 2.3522219000000177)" data-pin-title="Discover Our Office:" data-pin-desc="Our office is loceated in the northeast of Brussels. TEL (555) 43W2 2e365" data-pin-style="flat" style="height: 488px; overflow: hidden;">
|
||||
<div class="map_container"/>
|
||||
<div class="description">
|
||||
<font>Visit us:</font>
|
||||
<span> Our office is located in the northeast of Brussels. TEL (555) 432 2365 </span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_text_image mb128 mt64">
|
||||
<div class="col-md-4 col-md-offset-1 mt128">
|
||||
<h3>Fully Customizable</h3>
|
||||
<p>Create you unique font and colors combination. Everything in Graphene is ready to be c</p>
|
||||
<p>Start with the customer – find out what they want and give it to them.</p>
|
||||
</div>
|
||||
<div class="col-md-7 " style="padding:0; overflow:hidden">
|
||||
<img class="img img-responsive mb16 o_animate o_anim_fade_in_right o_anim_dur1500" src="/theme_graphene/static/src/img/theme_samples/browser_right.png"/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr/>
|
||||
|
||||
<section class="s_showcase_slider feat o_not-animable mb128">
|
||||
<div class="s-ss-slider-wrapper">
|
||||
<ul class="s-ss-slider o_animable">
|
||||
<li class="selected o_not-animable">
|
||||
<img src="/theme_graphene/static/description/media/move_top.jpg" alt="Product Image 1"/>
|
||||
</li>
|
||||
<li><img class="o_not-animable" src="/theme_graphene/static/description/media/anima_editor700.png" alt="Product Image 1"/></li>
|
||||
<li><img class="o_not-animable" src="/theme_graphene/static/description/media/latest_posts.jpg" alt="Product Image 2"/></li>
|
||||
<li><img class="o_not-animable" src="/theme_graphene/static/description/media/typo.jpg" alt="Product Image 2"/></li>
|
||||
</ul> <!-- s-ss slider -->
|
||||
|
||||
<ul class="s-ss-slider-navigation">
|
||||
<li><span contentEditable="false" class="o_not-animable fa fa-chevron-left s-ss-prev inactive">Next</span></li>
|
||||
<li><span contentEditable="false" class="o_not-animable fa fa-chevron-right s-ss-next">Prev</span></li>
|
||||
</ul> <!-- s-ss slider-navigation -->
|
||||
|
||||
<span href="#0" class="s-ss-close fa fa-times">Close</span>
|
||||
</div> <!-- s-ss slider-wrapper -->
|
||||
|
||||
<div class="s-ss-item-info o_animable">
|
||||
<h2>Produt Title</h2>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia, omnis illo iste ratione.</p>
|
||||
|
||||
<button class="btn btn-primary">Add to cart</button>
|
||||
</div> <!-- s-ss info -->
|
||||
</section>
|
||||
|
||||
<hr/>
|
||||
|
||||
</div> <!-- #wrap -->
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="graphene_home_menu" model="website.menu">
|
||||
<field name="name">Welcome</field>
|
||||
<field name="url">/page/welcome</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
Reference in New Issue
Block a user