[ADD] theme saas-6
This commit is contained in:
Design
@@ -0,0 +1,27 @@
|
||||
Odoo Proprietary License v1.0
|
||||
|
||||
This software and associated files (the "Software") may only be used (executed,
|
||||
modified, executed after modifications) if you have purchased a valid license
|
||||
from the authors, typically via Odoo Apps, or if you have received a written
|
||||
agreement from the authors of the Software (see the COPYRIGHT file).
|
||||
|
||||
You may develop Odoo modules that use the Software as a library (typically
|
||||
by depending on it, importing it and using its resources), but without copying
|
||||
any source code or material from the Software. You may distribute those
|
||||
modules under the license of your choice, provided that this license is
|
||||
compatible with the terms of the Odoo Proprietary License (For example:
|
||||
LGPL, MIT, or proprietary licenses similar to this one).
|
||||
|
||||
It is forbidden to publish, distribute, sublicense, or sell copies of the Software
|
||||
or modified copies of the Software.
|
||||
|
||||
The above copyright notice and this permission notice must be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
||||
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
|
||||
DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
|
||||
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
|
||||
DEALINGS IN THE SOFTWARE.
|
||||
@@ -0,0 +1,25 @@
|
||||
{
|
||||
'name': 'Odoo Experts Theme',
|
||||
'description': 'Odoo Experts Business Theme',
|
||||
'category': 'Theme/Corporate',
|
||||
'version': '1.0',
|
||||
'author': 'Odoo SA',
|
||||
'depends': ['theme_loftspace', 'website_animate', 'snippet_google_map'],
|
||||
'data': [
|
||||
'views/assets.xml',
|
||||
'views/images.xml',
|
||||
'views/preset.xml',
|
||||
'views/layout.xml',
|
||||
'views/snippets.xml',
|
||||
],
|
||||
'demo': [
|
||||
'demo/demo.xml',
|
||||
'demo/blocks.xml',
|
||||
],
|
||||
'images': [
|
||||
'static/description/odoo_experts_description.png',
|
||||
],
|
||||
'price': 4,
|
||||
'currency': 'EUR',
|
||||
'live_test_url': 'https://theme-odoo-experts.odoo.com',
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template id="odoo_experts_demo_blocks" inherit_id="website.demo_blocks" name="Odoo Experts Building Blocks">
|
||||
<xpath expr="//div[@data-oe-call='theme_common.s_big_icon_circle']" position="after">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mt16 mb16">
|
||||
<h4 class="text-muted text-center">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 mt16 mb16">
|
||||
<h4 class="text-muted text-center">Showcase</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-oe-call="theme_common.s_showcase"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,744 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Demo Page" id="website.demo" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure">
|
||||
|
||||
<section class="s_banner_parallax bg-img-04 parallax" data-scroll-background-offset="0" data-scroll-background-ratio="0.3" style="background-attachment: scroll; background-position: 0px 1550.1px;">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-12 hero-bg">
|
||||
<h1>Present your products</h1>
|
||||
<h2>with this theme.</h2>
|
||||
<section class="s_button_text">
|
||||
<div class="oe_share">
|
||||
<a class="btn btn-success btn-lg mt8" href="/page/website.contactus">
|
||||
<i class="fa fa-arrow-right"/> Contact Us Now
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="jumbotron s_big_message mt0 mb0">
|
||||
<div class="container">
|
||||
<h1>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>
|
||||
<section class="parallax s_parallax bg-img-05" data-scroll-background-offset="0" data-scroll-background-ratio="0.3" style="background-attachment: scroll; background-position: 0px 1550.1px; height: 296px; overflow: hidden;">
|
||||
<div>
|
||||
<div class="oe_structure"/></div>
|
||||
</section>
|
||||
<section class="s_showcase mt64" style="height: 360px; overflow: hidden;">
|
||||
<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="https://www.odoo.com">Discover all the features</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_cubes o_animate bg-beta" style="animation-play-state: paused;">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 cube cube-big col-xs-12 col-sm-12 bg-img-03"/>
|
||||
<div class="cube-big col-md-6 col-xs-12 col-sm-12">
|
||||
<div class="row">
|
||||
<div class="cube cube-text col-md-6 col-sm-6 col-xs-12">
|
||||
<div class="cube-heading">
|
||||
<h4 class="text-center">A good subtitle</h4>
|
||||
<p class="text-center">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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cube cube-small col-md-6 col-sm-6 col-xs-12 bg-img-04"/></div>
|
||||
<div class="row">
|
||||
<div class="cube cube-small col-md-6 col-sm-6 col-xs-12 bg-img-02"/>
|
||||
<div class="cube cube-text col-md-6 col-sm-6 col-xs-12 last">
|
||||
<div class="cube-heading">
|
||||
<h4 class="text-center">A good subtitle</h4>
|
||||
<p class="text-center">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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_text_big_picture">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 col-xs-12 hero-paragraph">
|
||||
<h1 class="mt32">Endless Possibilities</h1>
|
||||
<h2>The only theme you need</h2>
|
||||
<p>This powerful theme along with its unique structure lets you create any design style with just one theme. These simple yet powerful options allow you to create any type of website. No two versions will ever look the same.</p>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12 col-xs-12 hero-image">
|
||||
<img alt="#" src="/website/image/theme_common.image_content_03" style=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="jumbotron s_button mb0 o_animate bg-delta" style="animation-play-state: paused;">
|
||||
<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 btn-lg" href="/page/website.contactus">
|
||||
<i class="fa fa-arrow-right"/> Contact Us Now
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_big_picture_text">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 hero-image">
|
||||
<img alt="#" src="/website/image/theme_common.image_content_02" style=""/>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12 hero-paragraph">
|
||||
<h1 class="mt32">Endless Possibilities</h1>
|
||||
<h2>The only theme you need</h2>
|
||||
<p>This powerful theme along with its unique structure lets you create any design style with just one theme. These simple yet powerful options allow you to create any type of website. No two versions will ever look the same.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="parallax s_parallax o_animate bg-img-01" data-scroll-background-offset="0" data-scroll-background-ratio="0.3" style="background-attachment: scroll; background-position: 0px 1550.1px; height: 288px; overflow: hidden; animation-play-state: paused;">
|
||||
<div>
|
||||
<div class="oe_structure"/></div>
|
||||
</section>
|
||||
<section class="s_event_list">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt32 mb32">
|
||||
<h2>Nice and Efficient Events List</h2>
|
||||
<h3 class="text-muted">Display Your Last Activities</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<ul class="s_event_list">
|
||||
<li>
|
||||
<time class="bg-epsilon" datetime="2014-07-20 0000">
|
||||
<span class="s_event_list_day">02</span>
|
||||
<span class="s_event_list_month">Jul</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">12:00 AM</span>
|
||||
</time>
|
||||
<div class="s_event_list_info">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul>
|
||||
<li style="width:50%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-globe"/> Link
|
||||
</a>
|
||||
</li>
|
||||
<li style="width:50%;">
|
||||
<span class="fa fa-info-circle"/> Info
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul>
|
||||
<li class="s_event_list_facebook" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-facebook"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_twitter" style="width: 34%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-twitter"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_google_plus" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-google-plus"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<ul class="s_event_list">
|
||||
<li>
|
||||
<time class="bg-delta" datetime="2014-07-20 0000">
|
||||
<span class="s_event_list_day">05</span>
|
||||
<span class="s_event_list_month">Sep</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">12:00 AM</span>
|
||||
</time>
|
||||
<div class="s_event_list_info">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul>
|
||||
<li style="width:50%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-globe"/> Link
|
||||
</a>
|
||||
</li>
|
||||
<li style="width:50%;">
|
||||
<span class="fa fa-info-circle"/> Info
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul>
|
||||
<li class="s_event_list_facebook" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-facebook"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_twitter" style="width: 34%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-twitter"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_google_plus" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-google-plus"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<ul class="s_event_list">
|
||||
<li>
|
||||
<time class="bg-epsilon" datetime="2014-07-20 0000">
|
||||
<span class="s_event_list_day">2</span>
|
||||
<span class="s_event_list_month">Jul</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">12:00 AM</span>
|
||||
</time>
|
||||
<div class="s_event_list_info">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul>
|
||||
<li style="width:50%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-globe"/> Link
|
||||
</a>
|
||||
</li>
|
||||
<li style="width:50%;">
|
||||
<span class="fa fa-info-circle"/> Info
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul>
|
||||
<li class="s_event_list_facebook" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-facebook"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_twitter" style="width: 34%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-twitter"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_google_plus" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-google-plus"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<p class="text-center">With this theme you get a list of your events with date, time, description, etc. Select the simple or image mode and edit your content.
|
||||
<br/>You can link your events to your favorite social network.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6 mt32 mb32">
|
||||
<ul class="s_event_list">
|
||||
<li>
|
||||
<time class="bg-delta" datetime="2014-07-20">
|
||||
<span class="s_event_list_day">18</span>
|
||||
<span class="s_event_list_month">Jul</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">ALL DAY</span>
|
||||
</time>
|
||||
<img class="img-responsive" src="/website/image/theme_common.image_content_09"/>
|
||||
<div class="s_event_list_info">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul>
|
||||
<li style="width:50%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-globe"/> Link
|
||||
</a>
|
||||
</li>
|
||||
<li style="width:50%;">
|
||||
<span class="fa fa-info-circle"/> Info
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul>
|
||||
<li class="s_event_list_facebook" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-facebook"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_twitter" style="width: 34%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-twitter"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_google_plus" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-google-plus"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 mt32 mb32">
|
||||
<ul class="s_event_list">
|
||||
<li>
|
||||
<time class="bg-delta" datetime="2014-07-20">
|
||||
<span class="s_event_list_day">21</span>
|
||||
<span class="s_event_list_month">Jul</span>
|
||||
<span class="s_event_list_year">2014</span>
|
||||
<span class="s_event_list_time">ALL DAY</span>
|
||||
</time>
|
||||
<div class="s_event_list_icon">
|
||||
<i class="fa fa-calendar fa-5x"/>
|
||||
</div>
|
||||
<div class="s_event_list_info">
|
||||
<h4 class="s_event_list_title">Your Event Name</h4>
|
||||
<p class="s_event_list_desc">Write a description of your event here.</p>
|
||||
<ul>
|
||||
<li style="width:50%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-globe"/> Link
|
||||
</a>
|
||||
</li>
|
||||
<li style="width:50%;">
|
||||
<span class="fa fa-info-circle"/> Info
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="s_event_list_social">
|
||||
<ul>
|
||||
<li class="s_event_list_facebook" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-facebook"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_twitter" style="width: 34%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-twitter"/>
|
||||
</a>
|
||||
</li>
|
||||
<li class="s_event_list_google_plus" style="width: 33%;">
|
||||
<a href="https://www.odoo.com">
|
||||
<span class="fa fa-google-plus"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr class="s_separator"/>
|
||||
<section class="s_big_icon_circle">
|
||||
<div class="container">
|
||||
<div class="row mb64">
|
||||
<div class="col-md-12 text-center mb32">
|
||||
<h2>Big Icon Circle</h2>
|
||||
<h3 class="text-muted">A Great Way to Show Your Numbers</h3>
|
||||
</div>
|
||||
<div class="col-md-2 col-md-offset-1 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon col-md-4 center-block">
|
||||
<span class="fa fa-desktop"/>
|
||||
<h5>1000 Apps</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon col-md-4">
|
||||
<span class="fa fa-users"/>
|
||||
<h5>20.000 Users</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon col-md-4">
|
||||
<span class="fa fa-user"/>
|
||||
<h5>234 Clients</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon col-md-4">
|
||||
<span class="fa fa-globe"/>
|
||||
<h5>30 Countries</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2 mt16 mb32">
|
||||
<div class="s_big_icon_circle_box">
|
||||
<div class="s_big_icon_circle_icon col-md-4">
|
||||
<span class="fa fa-users"/>
|
||||
<h5>75 Partners</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_numbers o_animate bg-delta" style="animation-play-state: paused;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3 mb32 text-center">
|
||||
<h1 class="mb0">
|
||||
<font class="text-epsilon">12</font>
|
||||
</h1>
|
||||
<p>
|
||||
<font class="text-epsilon">Useful options</font>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 mb32 text-center">
|
||||
<h1 class="mb0">45</h1>
|
||||
<p>Beautiful snippets</p>
|
||||
</div>
|
||||
<div class="col-md-3 mb32 text-center">
|
||||
<h1 class="mb0">
|
||||
<font class="text-epsilon">8</font>
|
||||
</h1>
|
||||
<p>
|
||||
<font class="text-epsilon">Amazing pages</font>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3 mb32 text-center">
|
||||
<h1 class="mb0">37</h1>
|
||||
<p>Outstanding images</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_color_blocks_2">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 s_color_blocks_2_block text-center o_animate bg-delta bg-img-01" style="animation-play-state: paused;">
|
||||
<span class="fa fa-shield fa-5x center-block"/>
|
||||
<h2 class="text-center">This Is a Color Block</h2>
|
||||
<h3 class="text-center text-muted mb16">
|
||||
<font class="text-epsilon">Highlight Your Content</font>
|
||||
</h3>
|
||||
<p class="text-justify mb32">Color blocks are a simple and effective way to
|
||||
<strong>present and highlight your content</strong>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.
|
||||
</p>
|
||||
<a class="btn btn-success" href="https://www.odoo.com/">
|
||||
<i class="fa fa-cog"/> More Details
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6 s_color_blocks_2_block bg-gamma text-center">
|
||||
<span class="fa fa-cube fa-5x center-block"/>
|
||||
<h2 class="text-center">An Other Color Block</h2>
|
||||
<h3 class="text-center text-muted mb16">Customize Backgrounds</h3>
|
||||
<p class="text-justify mb32">Color blocks are a simple and effective way to
|
||||
<strong>present and highlight your content</strong>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.
|
||||
</p>
|
||||
<a class="btn btn-default" href="https://www.odoo.com/">
|
||||
<i class="fa fa-cog"/> More Details
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s_google_map" data-map-color="" data-map-gps="(50.850344, 4.352701000000025)" data-map-type="ROADMAP" data-map-zoom="12" data-pin-style="flat" style="height: 488px; overflow: hidden;">
|
||||
<div class="map_container" style="background-color: rgb(229, 227, 223); overflow: hidden;">
|
||||
<div class="gm-style" style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">
|
||||
<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default;">
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%;">
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;">
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
|
||||
<div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 586px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 586px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 330px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 330px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 842px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 842px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 586px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 586px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 330px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 330px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 842px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 842px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 74px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 74px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 1098px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 1098px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 74px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 74px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 1098px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 1098px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: -182px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: -182px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 1354px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 1354px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: -182px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: -182px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 1354px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; position: absolute; left: 1354px; top: 513px;"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"/>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"/>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;">
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: -1;">
|
||||
<div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 586px; top: 1px;">
|
||||
<canvas draggable="false" height="512" style="-moz-user-select: none; position: absolute; left: 0px; top: 0px; height: 256px; width: 256px;" width="512"/>
|
||||
</div>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 586px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 330px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 330px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 842px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 842px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 586px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 586px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 330px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 330px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 842px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 842px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 74px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 74px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1098px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1098px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 74px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 74px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1098px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1098px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -182px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -182px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1354px; top: 1px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1354px; top: 257px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -182px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: -182px; top: 513px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1354px; top: -255px;"/>
|
||||
<div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 1354px; top: 513px;"/></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
|
||||
<div aria-hidden="true" style="position: absolute; left: 0px; top: 0px; z-index: 1; visibility: inherit;">
|
||||
<div style="position: absolute; left: 586px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2097!3i1373!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 586px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2097!3i1374!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 330px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2096!3i1373!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 330px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2096!3i1374!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 842px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2098!3i1373!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 842px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2098!3i1374!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 586px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2097!3i1372!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 586px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2097!3i1375!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 330px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2096!3i1372!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 330px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2096!3i1375!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 842px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2098!3i1372!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 842px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2098!3i1375!2m3!1e0!2sm!3i312189815!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 74px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2095!3i1373!2m3!1e0!2sm!3i312188375!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 74px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2095!3i1374!2m3!1e0!2sm!3i312178297!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 1098px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2099!3i1373!2m3!1e0!2sm!3i312186935!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 1098px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2099!3i1374!2m3!1e0!2sm!3i312186935!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 74px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2095!3i1372!2m3!1e0!2sm!3i312188375!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 74px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2095!3i1375!2m3!1e0!2sm!3i312170373!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 1098px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2099!3i1372!2m3!1e0!2sm!3i312186935!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 1098px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2099!3i1375!2m3!1e0!2sm!3i312168218!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: -182px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2094!3i1373!2m3!1e0!2sm!3i312188375!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: -182px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2094!3i1374!2m3!1e0!2sm!3i312127175!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 1354px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2100!3i1373!2m3!1e0!2sm!3i312186935!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 1354px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2100!3i1374!2m3!1e0!2sm!3i312186935!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: -182px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2094!3i1372!2m3!1e0!2sm!3i312188375!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: -182px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2094!3i1375!2m3!1e0!2sm!3i312170373!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 1354px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2100!3i1372!2m3!1e0!2sm!3i312186935!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
<div style="position: absolute; left: 1354px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out 0s;">
|
||||
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2100!3i1375!2m3!1e0!2sm!3i312168218!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; height: 100%;"/>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%;">
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"/>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"/>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"/>
|
||||
<div style="position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"/></div>
|
||||
</div>
|
||||
<div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;">
|
||||
<div style="width: 62px; height: 26px; cursor: pointer;">
|
||||
<a href="https://maps.google.com/maps?ll=50.850344,4.352701&z=12&t=m&hl=en-US&gl=US&mapclient=apiv3" style="position: static; overflow: visible; float: none; display: inline;" target="_blank" title="Click to see this area on Google Maps">
|
||||
<img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/google_white2_hdpi.png" style="position: absolute; left: 0px; top: 0px; width: 62px; height: 26px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-color: white; padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto,Arial,sans-serif; color: rgb(34, 34, 34); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 570px; top: 154px;">
|
||||
<div style="padding: 0px 0px 10px; font-size: 16px;">Map Data</div>
|
||||
<div style="font-size: 13px;">Map data ©2015 Google</div>
|
||||
<div style="width: 13px; height: 13px; overflow: hidden; position: absolute; opacity: 0.7; right: 12px; top: 12px; z-index: 10000; cursor: pointer;">
|
||||
<img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png" style="position: absolute; left: -2px; top: -336px; width: 59px; height: 492px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 167px; bottom: 0px; width: 122px;">
|
||||
<div class="gm-style-cc" draggable="false" style="-moz-user-select: none;">
|
||||
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
|
||||
<div style="width: 1px;"/>
|
||||
<div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"/></div>
|
||||
<div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;">
|
||||
<a style="color: rgb(68, 68, 68); text-decoration: none; cursor: pointer; display: none;">Map Data</a>
|
||||
<span>Map data ©2015 Google</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px;">
|
||||
<div style="font-family: Roboto,Arial,sans-serif; font-size: 11px; color: rgb(68, 68, 68); direction: ltr; text-align: right; background-color: rgb(245, 245, 245);">Map data ©2015 Google</div>
|
||||
</div>
|
||||
<div class="gmnoprint gm-style-cc" draggable="false" style="z-index: 1000001; -moz-user-select: none; position: absolute; right: 96px; bottom: 0px;">
|
||||
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
|
||||
<div style="width: 1px;"/>
|
||||
<div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"/></div>
|
||||
<div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;">
|
||||
<a href="https://www.google.com/intl/en-US_US/help/terms_maps.html" style="text-decoration: none; cursor: pointer; color: rgb(68, 68, 68);" target="_blank">Terms of Use</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gm-style-cc" draggable="false" style="-moz-user-select: none; position: absolute; right: 0px; bottom: 0px;">
|
||||
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
|
||||
<div style="width: 1px;"/>
|
||||
<div style="background-color: rgb(245, 245, 245); width: auto; height: 100%; margin-left: 1px;"/></div>
|
||||
<div style="position: relative; padding-right: 6px; padding-left: 6px; font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); white-space: nowrap; direction: ltr; text-align: right;">
|
||||
<a href="https://www.google.com/maps/@50.850344,4.352701,12z/data=!10m1!1e1!12b1?source=apiv3&rapsrc=apiv3" style="font-family: Roboto,Arial,sans-serif; font-size: 10px; color: rgb(68, 68, 68); text-decoration: none; position: relative;" target="_new" title="Report errors in the road map or imagery to Google">Report a map error</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="gmnoprint" controlheight="0" controlwidth="0" draggable="false" style="margin: 5px; -moz-user-select: none; position: absolute; display: none; left: 0px; top: 0px;">
|
||||
<div class="gmnoprint" controlheight="0" controlwidth="0" style="opacity: 0.6; display: none; position: absolute;">
|
||||
<div style="width: 22px; height: 22px; overflow: hidden; position: absolute; cursor: pointer;" title="Rotate map 90 degrees">
|
||||
<img draggable="false" src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6_hdpi.png" style="position: absolute; left: -38px; top: -360px; width: 59px; height: 492px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px;"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="description">
|
||||
<font>Visit us:</font>
|
||||
<span> Our office is located in the northeast of Brussels. TEL (555) 432 2365 </span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,34 @@
|
||||
You need to install the *Less CSS* compiler to run this theme
|
||||
|
||||
* on Linux, use your distribution's package manager to install nodejs and npm.
|
||||
* In debian wheezy and Ubuntu 13.10 and before you need to install nodejs manually:
|
||||
|
||||
.. code-block:: console
|
||||
|
||||
$ wget -qO- https://deb.nodesource.com/setup | bash -
|
||||
$ apt-get install -y nodejs
|
||||
|
||||
* In later debian (>jessie) and ubuntu (>14.04) you may need to add a symlink as npm packages call ``node`` but debian calls the binary ``nodejs``
|
||||
|
||||
.. code-block:: console
|
||||
|
||||
$ apt-get install -y npm
|
||||
$ sudo ln -s /usr/bin/nodejs /usr/bin/node
|
||||
|
||||
* Once npm is installed, use it to install less and less-plugin-clean-css:
|
||||
|
||||
.. code-block:: console
|
||||
|
||||
$ sudo npm install -g less less-plugin-clean-css
|
||||
|
||||
* on OS X, install nodejs via your preferred package manager (`homebrew <http://brew.sh/>`_, `macports <https://www.macports.org/>`_) then install less and less-plugin-clean-css:
|
||||
|
||||
.. code-block:: console
|
||||
|
||||
$ sudo npm install -g less less-plugin-clean-css
|
||||
|
||||
* on Windows, `install nodejs <http://nodejs.org/download/>`_, reboot (to update the `PATH`) and install less and less-plugin-clean-css:
|
||||
|
||||
.. code-block:: ps1
|
||||
|
||||
C:\> npm install -g less less-plugin-clean-css
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,213 @@
|
||||
<section class="container">
|
||||
<h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
|
||||
<hr>
|
||||
|
||||
<p class="lead">Odoo Experts is a professional responsive HTML5 theme, built using Bootstrap3,
|
||||
the most popular front-end framework for developing responsive, mobile
|
||||
first projects on the web. Just drag & drop the new building blocks
|
||||
you need to easily build your layout. All layouts are made of sections,
|
||||
that you can easily combine to fit your specific project.</p>
|
||||
<img src="odoo_experts_description.png" class="img-responsive center-block"/>
|
||||
<hr>
|
||||
|
||||
<h2 class="text-muted">Odoo Experts Customization Tool</h2>
|
||||
|
||||
<p>Theme Odoo Experts comes with customization tools. You can easily change
|
||||
the background, the colors and the font combination of your website or
|
||||
you a preset.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="customtool.jpg" class="img-responsive center-block"/>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h3>Theme Odoo Experts comes with a lot of options</h3>
|
||||
<ul>
|
||||
<li>WIDE OR BOXED LAYOUT</li>
|
||||
<li>6 COLOR SCHEMES</li>
|
||||
<li>8 BACKGROUND SHADES OR USE YOUR OWN</li>
|
||||
<li>6 FONT COMBINATIONS</li>
|
||||
<li>10 BACKGROUND PATTERNS</li>
|
||||
</ul>
|
||||
<p>All the background, color and font combinations were made to work together.
|
||||
You can not go wrong with the settings.</p>
|
||||
|
||||
<h3>Minimalistic Flat Design</h3>
|
||||
<p>Odoo Experts was made with easy customization and branding in mind. Based on
|
||||
simple, modern and typographical elements, it allows you to easily customize
|
||||
your website.</p>
|
||||
|
||||
<h3>6 Prebuild Presets</h3>
|
||||
<p>You don't have the time to play with options? Don't worry, Odoo Experts gives
|
||||
you six full presets wich combine colors, fonts and background.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="text-muted">Odoo Experts Building Blocks</h2>
|
||||
|
||||
<p>You get a new complete range of building blocks.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h4 class="text-muted">CONTENT BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Title</li>
|
||||
<li>1 Column Text</li>
|
||||
<li>2 Column Text</li>
|
||||
<li>3 Column Text</li>
|
||||
<li>4 Column Text</li>
|
||||
<li>Custom Button</li>
|
||||
<li>Separator Block</li>
|
||||
</ul>
|
||||
<h4 class="text-muted mb16">STRUCTURE BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>News Carousel</li>
|
||||
<li>Showcase</li>
|
||||
<li>Big Picture + Text</li>
|
||||
<li>Text + Big Picture</li>
|
||||
<li>Cubes</li>
|
||||
<li>Features Slideshow</li>
|
||||
<li>Header + Text + Picture</li>
|
||||
<li>Product List</li>
|
||||
<li>Text + Image + Text</li>
|
||||
<li>Parallax Banner</li>
|
||||
<li>2 Color Blocks</li>
|
||||
<li>4 Color Blocks</li>
|
||||
<li>Numbers</li>
|
||||
<li>Timeline</li>
|
||||
<li>Event List</li>
|
||||
<li>Logos Bar</li>
|
||||
<li>Testimonial Slider</li>
|
||||
<li>Big Circle Icons</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h4 class="text-muted">FEATURES BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Slide Banner</li>
|
||||
<li>Slideshow with products</li>
|
||||
<li>Google Maps Snippet</li>
|
||||
</ul>
|
||||
<h4 class="text-muted">EFFECTS BLOCKS</h4>
|
||||
<ul class="mb16">
|
||||
<li>Big Image Parallax</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>Customize Your Blocks</h3>
|
||||
<p class="mb16">Each building blocks comes with its own options. </p>
|
||||
<img src="customtool2.jpg" class="img-responsive center-block"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Some fonts might not work with extended charsets.</p>
|
||||
<p>The images in the theme are copyrighted and can't be used outside of the odoo.com domain.</p>
|
||||
<hr>
|
||||
|
||||
<h1 class="text-center">CONTRIBUTORS LIST</h1>
|
||||
<br/>
|
||||
|
||||
<p class="strong text-center">This theme was created with the help of our user community.</p>
|
||||
|
||||
<h3 class="text-center">Thanks to our backers the Indiegogo campaign was a success!</h3>
|
||||
|
||||
<p class="text-center"><a>https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/</a></p>
|
||||
<br/>
|
||||
|
||||
<h1 class="text-center"><u>Main Sponsor</u></h1>
|
||||
<br/>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.aselcis.com/" target="blank">
|
||||
<img src="contributors/aselcis.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.bas-solutions.nl/" target="blank">
|
||||
<img src="contributors/bas-solutions.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.bloopark.de/" target="blank">
|
||||
<img src="contributors/bloopark.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.brouwland.com" target="blank">
|
||||
<img src="contributors/brouwland.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.catsanddogs.com/" target="blank">
|
||||
<img src="contributors/catsdogs.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.hucke-media.de/" target="blank">
|
||||
<img src="contributors/huckemedia.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.datadialog.net/" target="blank">
|
||||
<img src="contributors/dialognet.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.dynapps.be/" target="blank">
|
||||
<img src="contributors/dynapps.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://opusvl.com/" target="blank">
|
||||
<img src="contributors/opusvl.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://oxenworkwear.com/" target="blank">
|
||||
<img src="contributors/oxen.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.simplit.co/" target="blank">
|
||||
<img src="contributors/simplitco.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.sodexis.com/" target="blank">
|
||||
<img src="contributors/sodexis.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-bottom:30px;">
|
||||
<div class="col-md-2 col-md-offset-3">
|
||||
<a href="https://www.techreceptives.com" target="blank">
|
||||
<img src="contributors/tech-receptives.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.applicatour.com/" target="blank">
|
||||
<img src="contributors/applicatour.jpg" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="https://vauxoo.com" target="blank">
|
||||
<img src="contributors/vauxoo.png" class="img-responsive center-block"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo</p>
|
||||
|
||||
<h1 class="text-center"><u>Sponsor</u></h1>
|
||||
<br/>
|
||||
|
||||
<p>Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour</p>
|
||||
|
||||
<h1 class="text-center"><u>Power Designer</u></h1>
|
||||
<br/>
|
||||
|
||||
<p>Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir</p>
|
||||
</section>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 298 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 212 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 267 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 283 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 249 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 294 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 273 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 302 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 227 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 288 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 279 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 283 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 297 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 311 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 278 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 240 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 303 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 388 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 327 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 478 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 225 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 239 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,3 @@
|
||||
@s_team_profile_box_bg_color: rgba(255, 255, 255, 0.5);
|
||||
@s_team_profile_box_border_color: rgba(255, 255, 255, 0.5);
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,66 @@
|
||||
#wrap {
|
||||
box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
|
||||
}
|
||||
.oe_login_form {
|
||||
.btn-primary {
|
||||
color: @black;
|
||||
}
|
||||
}
|
||||
|
||||
// Affix menu styles
|
||||
|
||||
#oe_main_menu_navbar + #wrapwrap .navbar-default .container.affix {
|
||||
top: 34px;
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
border-bottom: none;
|
||||
.container {
|
||||
margin-top: 0;
|
||||
top: -100px;
|
||||
&.affix {
|
||||
top: 0px;
|
||||
background-color: white;
|
||||
.box-shadow(@shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3));
|
||||
.transition (top 0.5s ease-out);
|
||||
#top_menu .dropdown-menu {
|
||||
.box-shadow(@shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.3));
|
||||
}
|
||||
}
|
||||
li > .dropdown-menu {
|
||||
margin-top: 0;
|
||||
li {
|
||||
height: auto;
|
||||
&:hover {
|
||||
border-bottom: none;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
li:not(.dropdown-menu) {
|
||||
height: 53px;
|
||||
|
||||
&:hover {
|
||||
border-bottom: 2px solid @color-epsilon;
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
li.active > a {
|
||||
color: black;
|
||||
}
|
||||
.navbar-brand {
|
||||
height: 53px;
|
||||
}
|
||||
}
|
||||
.container:before {
|
||||
height: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
// Footer
|
||||
|
||||
#wrapwrap > footer .container p {
|
||||
font-size: 14px;
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
@s_banner_3_carousel_height: 500px;
|
||||
@s_banner_3_padding: 30px;
|
||||
@s_banner_3_h1_size: 50px;
|
||||
@s_banner_3_h2_size: 30px;
|
||||
|
||||
.s_banner_3_row_hook(){
|
||||
background-color: transparent;
|
||||
height: auto;
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.s_banner_3_col_center_hook(){
|
||||
text-align: center;
|
||||
width: 400px;
|
||||
height: auto;
|
||||
margin-top: 100px;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
padding-bottom: 20px;
|
||||
h1, h2 {
|
||||
color: white;
|
||||
}
|
||||
.fa {
|
||||
transform: none;
|
||||
font-size: 18px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
@s_banner_parallax_text_color: white;
|
||||
.s_banner_parallax_row_hook(){
|
||||
|
||||
.hero-bg:before {
|
||||
border-top: 0px solid transparent;
|
||||
}
|
||||
.hero-bg:after {
|
||||
border-top: 0px solid transparent;
|
||||
}
|
||||
};
|
||||
.s_banner_parallax_hero_bg_hook (){
|
||||
margin-top: 200px;
|
||||
@media screen and (max-width: 640px) {
|
||||
margin-top: 50px;
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1 @@
|
||||
@s_big_icon_circle_text_color: @gray;
|
||||
@@ -0,0 +1,6 @@
|
||||
.s_news_carousel_fa_hook(){
|
||||
background-color: transparent;
|
||||
};
|
||||
.s_news_carousel_day_hook(){
|
||||
background-color: white;
|
||||
};
|
||||
@@ -0,0 +1,13 @@
|
||||
.s_three_columns {
|
||||
padding-top: 80px !important;
|
||||
img {
|
||||
margin: 0 auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
.container {
|
||||
width: 100%;
|
||||
}
|
||||
h4 {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data noupdate="1">
|
||||
<record id="base.open_menu" model="ir.actions.todo">
|
||||
<field name="action_id" ref="website.action_website"/>
|
||||
<field name="state">open</field>
|
||||
</record>
|
||||
</data>
|
||||
|
||||
<data>
|
||||
<template id="less" inherit_id="website.assets_frontend" active="True" priority="1">
|
||||
<xpath expr="." position="inside">
|
||||
<link href="/theme_odoo_experts/static/src/less/layout.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_odoo_experts/static/src/less/snippets/s_banner_3.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_odoo_experts/static/src/less/snippets/s_three_columns.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_odoo_experts/static/src/less/snippets/s_banner_parallax.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_odoo_experts/static/src/less/snippets/s_news_carousel.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_odoo_experts/static/src/less/snippets/s_big_icon_circle.less" rel="stylesheet" type="text/less"/>
|
||||
|
||||
<link href="/theme_common/static/src/less/s_news_carousel.less" rel="stylesheet" type="text/less"/>
|
||||
<link href="/theme_common/static/src/less/s_showcase.less" rel="stylesheet" type="text/less"/>
|
||||
</xpath>
|
||||
</template>
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,151 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<!-- BACKGROUNDS
|
||||
================================================== -->
|
||||
|
||||
<record id="theme_loftspace.bg_img_01" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/01.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_02" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/02.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_03" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/03.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_04" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/04.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_05" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/05.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_06" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/06.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_07" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/07.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_08" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/08.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_09" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/09.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.bg_img_10" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/backgrounds/10.jpg</field>
|
||||
</record>
|
||||
|
||||
<!-- CONTENT
|
||||
================================================== -->
|
||||
|
||||
<record id="theme_common.image_content_logo" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_logo.png</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_01" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_01.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_02" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_02.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_03" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_03.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_04" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_04.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_05" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_05.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_06" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_06.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_07" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_07.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_08" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_08.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_09" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_09.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_10" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_10.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_11" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_11.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_content_12" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/content_img_12.jpg</field>
|
||||
</record>
|
||||
|
||||
<!-- PRODUCTS
|
||||
================================================== -->
|
||||
|
||||
<record id="theme_common.image_product_01" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_01.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_02" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_02.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_03" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_03.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_04" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_04.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_05" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_05.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_06" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_06.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_07" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_07.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_08" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_08.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_09" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_09.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_10" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_10.jpg</field>
|
||||
</record>
|
||||
|
||||
<record id="theme_common.image_product_11" model="ir.attachment">
|
||||
<field name="url">/theme_odoo_experts/static/src/img/content/product_img_11.jpg</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<!-- Add affix to nav -->
|
||||
|
||||
<template id="add_data_spy_affix" inherit_id="website.layout" name="Add data-spy affix to nav">
|
||||
<xpath expr="//header/div[contains(@class, 'navbar-static-top')]/div" position="attributes">
|
||||
<attribute name="data-spy">affix</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<record id="theme_loftspace.option_colorPreset6" model="ir.ui.view">
|
||||
<field name="active" eval="False"/>
|
||||
</record>
|
||||
|
||||
<record id="theme_loftspace.option_colorPreset4" model="ir.ui.view">
|
||||
<field name="active" eval="True"/>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template id="snippet_selection" inherit_id="website.snippets">
|
||||
<xpath expr="//div[@id='snippet_structure']/div[contains(@class, 'o_panel_body')]" position="inside">
|
||||
<t t-snippet="theme_common.s_news_carousel" t-thumbnail="/theme_odoo_experts/static/src/img/snippets/s_news_carousel.png"/>
|
||||
<t t-snippet="theme_common.s_showcase" t-thumbnail="/theme_odoo_experts/static/src/img/snippets/s_showcase.png"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
Reference in New Issue
Block a user