[ADD] theme saas-6

This commit is contained in:
Design
2021-05-25 18:32:22 +02:00
committed by Jeremy Kersten
commit b2e6533276
3407 changed files with 104584 additions and 0 deletions
+27
View File
@@ -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.
View File
+22
View File
@@ -0,0 +1,22 @@
{
'name': 'Beauty Theme',
'description': 'Beauty Theme - Cosmetics, Beauty, Make Up, Hairdresser',
'category': 'Theme/Retail',
'version': '1.0',
'author': 'Odoo SA',
'depends': ['theme_loftspace', 'website_animate', 'snippet_google_map'],
'data': [
'views/assets.xml',
'views/images.xml',
'views/preset.xml',
],
'demo': [
'demo/demo.xml',
],
'images': [
'static/description/beauty_description.png',
],
'price': 4,
'currency': 'EUR',
'live_test_url': 'https://theme-beauty.odoo.com',
}
+777
View File
@@ -0,0 +1,777 @@
<?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 1318.5px;">
<div class="container-fluid">
<div class="row">
<div class="col-md-9 col-sm-12 hero-bg o_animate o_anim_zoom_in" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<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="s_color_blocks_4">
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-sm-6 s_color_blocks_4_block text-center o_animate bg-beta" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<h4>A COLOR BLOCK</h4>
<p>Highlight Your Content</p>
<p>
<span class="fa fa-adjust fa-5x o_animate o_anim_zoom_in" style="-webkit-transition: none; transition: none; animation-play-state: paused; -webkit-animation-play-state: paused;"/>
</p>
</div>
<div class="col-md-3 col-sm-6 s_color_blocks_4_block text-center o_animate bg-gamma" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<h4>A COLOR BLOCK</h4>
<p>Customize Backgrounds</p>
<p>
<span class="fa fa-arrow-circle-down fa-5x o_animate o_anim_zoom_in" style="animation-play-state: paused; -webkit-animation-play-state: paused;"/>
</p>
</div>
<div class="col-md-3 col-sm-6 s_color_blocks_4_block text-center o_animate bg-epsilon" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<h4>A COLOR BLOCK</h4>
<p>Resize and Duplicate</p>
<p>
<span class="fa fa-dot-circle-o fa-5x o_animate o_anim_zoom_in" style="animation-play-state: paused; -webkit-animation-play-state: paused;"/>
</p>
</div>
<div class="col-md-3 col-sm-6 s_color_blocks_4_block text-center bg-delta">
<h4>A COLOR BLOCK</h4>
<p>Select the Colors</p>
<p>
<span class="fa fa-info-circle fa-5x o_animate o_anim_zoom_in" style="animation-play-state: paused; -webkit-animation-play-state: paused;"/>
</p>
</div>
</div>
</div>
</section>
<section class="s_1_column_text oe_structure o_animate bg-alpha mt48" style="height: 360px; overflow: hidden; animation-play-state: paused; -webkit-animation-play-state: paused;">
<section class="s_title_big">
<div class="oe_share">
<h1 class="mb32 mt32 text-center">Add a title to the text</h1>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Custom Pages: Have No Limits.</h2>
<p>Our #1 priority is you, the user. We believe in our product and hold ourselves to the highest standards. We truly care about your site as much as you do, which is why we offer amazing support at our dedicated support center. In addition, we offer free updates with new features requested by our users. You can count on us.<br/>This theme gives you limitless potential to build amazing pages. Easily create unique page layouts using the tools we provide. In addition, we have you covered with dozens of beautiful pre-designed pages you can quickly choose from.
</p>
</div>
</div>
</div>
</section>
<section class="s_big_icon_circle o_animate bg-beta bg-img-01" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<div class="container">
<div class="row mb64">
<div class="col-md-12 text-center mb32">
<h2 class="px30 o_animate" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<font class="text-alpha">Big Icon Circle</font>
</h2>
<h3 class="text-muted">
<font class="text-blue">
<font class="bg-alpha">A Great Way to Show Your Numbers</font>
</font>
</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 o_animate o_anim_fade_in_down" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<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 o_animate o_anim_fade_in_up" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<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 o_animate o_anim_fade_in_down" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<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 o_animate o_anim_fade_in_up" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<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 o_animate o_anim_fade_in_down" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<span class="fa fa-users"/>
<h5>75 Partners</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="s_text_picture_text">
<div class="container">
<div class="row mb32 mt32">
<div class="col-md-4 col-sm-12">
<h3>The latest technology</h3>
<p>Product design is the process of creating a new product to be sold by a business to its customers. A very broad concept, it is essentially the efficient and effective generation and development of ideas through a process that leads to new products.</p>
</div>
<div class="col-md-4 col-sm-12 text-center">
<img alt="#" src="/website/image/theme_common.image_content_05" class="img img-responsive"/>
<a href="#">DISCOVER THE PRODUCT</a>
</div>
<div class="col-md-4 col-sm-12">
<h3>The best approach</h3>
<p>In a systematic approach, product designers conceptualize and evaluate ideas, turning them into tangible inventions and products. The product designer's role is to combine art, science, and technology to create new products that other people can use.</p>
</div>
</div>
</div>
</section>
<section class="s_separator_block o_animate bg-gamma" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<div class="container">
<div class="row">
<div class="s_separator_block-container"/></div>
</div>
</section>
<section class="s_cubes">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 cube cube-big col-xs-12 col-sm-12 bg-img-06"/>
<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-05"/></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_separator_block o_animate bg-gamma" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<div class="container">
<div class="row">
<div class="s_separator_block-container"/></div>
</div>
</section>
<section class="s_event_list o_animate bg-alpha" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<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 o_animate o_anim_flip_in_x" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<li>
<time class="bg-delta" 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="#">
<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="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="s_event_list o_animate o_anim_flip_in_x" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<li>
<time class="bg-gamma" 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="#">
<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="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="s_event_list o_animate o_anim_flip_in_x" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<li>
<time class="bg-delta" 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="#">
<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="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="col-md-12">
<p class="text-center">With Theme Clean 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 o_animate o_anim_flip_in_x" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<li>
<time class="gray" 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" style=""/>
<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="#">
<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="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<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 o_animate o_anim_flip_in_x" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<li>
<time class="gray" 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">
<span class="o_animate fa fa-info-circle fa-4x" style="animation-play-state: paused; -webkit-animation-play-state: paused;"/>
</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="#">
<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="#">
<span class="fa fa-facebook"/>
</a>
</li>
<li class="s_event_list_twitter" style="width:34%;">
<a href="#">
<span class="fa fa-twitter"/>
</a>
</li>
<li class="s_event_list_google_plus" style="width:33%;">
<a href="#">
<span class="fa fa-google-plus"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
</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-beta" style="animation-play-state: paused; -webkit-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">Highlight Your Content</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="#">
<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-primary" href="#">
<i class="fa fa-cog"/> More Details
</a>
</div>
</div>
</div>
</section>
<section class="s_title_big mt32" style="height: 136px; overflow: hidden;">
<div class="oe_share">
<h1 class="mb32 mt32 text-center">Top products of 2015</h1>
</div>
</section>
<section class="s_product_list">
<div class="container-fluid product-list">
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-6 o_animate o_anim_bounce_in_left" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_product_01" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 o_animate o_anim_bounce_in_left" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_product_02" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 o_animate o_anim_bounce_in_left" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_product_03" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 o_animate o_anim_bounce_in_right" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_product_04" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 o_animate o_anim_bounce_in_right" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_product_05" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
<div class="col-md-2 col-sm-4 col-xs-6 o_animate o_anim_bounce_in_right" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<a href="http://www.odoo.com">
<img alt="#" src="/website/image/theme_common.image_product_06" class="img img-responsive"/>
</a>
<a class="btn btn-default" href="http://www.odoo.com">
<i class="fa fa-eye"/>Watch item
</a>
</div>
</div>
</div>
</section>
<section class="s_separator_block o_animate bg-gamma" style="animation-play-state: paused; -webkit-animation-play-state: paused;">
<div class="container">
<div class="row">
<div class="s_separator_block-container"/></div>
</div>
</section>
<section class="s_header_text_big_picture">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 text-center mt32 mb32">
<h1>The product which fits your needs</h1>
</div>
<div class="col-md-6 mb16 mt16">
<p>Design expression comes from the combined effect of all elements in a product. Colour tone, shape and size should direct a person's thoughts towards buying the product. Therefore it is in the product designer's best interest to consider the audiences who are most likely to be the product's end consumers. Keeping in mind how consumers will perceive the product during the design process will direct towards the products success in the market. However, even within a specific audience, it is challenging to cater to each possible personality within that group.</p>
</div>
<div class="col-md-6 mb16 mt16">
<p>The solution to that is to create a product that, in its designed appearance and function, expresses a personality or tells a story. Products that carry such attributes are more likely to give off a stronger expression that will attract more consumers. On that note it is important to keep in mind that design expression does not only concern the appearance of a product, but also its function. For example, as humans our appearance as well as our actions are subject to people's judgment when they are making a first impression of us.</p>
</div>
<div class="col-md-12">
<img alt="#" src="/website/image/theme_common.image_content_04" class="img img-responsive"/>
</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="overflow: hidden; transform: translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px); background-color: rgb(229, 227, 223);">
<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) 8 8, default;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; transform-origin: 0px 0px 0px; transform: matrix(1, 0, 0, 1, 0, 0);">
<div style="transform: translateZ(0px); 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; transform: translateZ(0px); position: absolute; left: 585px; top: 1px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 585px; top: 257px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 329px; top: 1px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 329px; top: 257px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 841px; top: 1px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 841px; top: 257px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 585px; top: 513px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 585px; top: -255px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 329px; top: -255px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 329px; top: 513px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 841px; top: -255px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 841px; top: 513px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 1097px; top: 257px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 73px; top: 1px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 1097px; top: 1px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 73px; top: 257px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 1097px; top: -255px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 73px; top: -255px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 73px; top: 513px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 1097px; top: 513px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: -183px; top: 257px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 1353px; top: 257px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 1353px; top: 1px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: -183px; top: 1px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 1353px; top: -255px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: -183px; top: -255px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: -183px; top: 513px;"/>
<div style="width: 256px; height: 256px; transform: translateZ(0px); position: absolute; left: 1353px; top: 513px;"/></div>
</div>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"/>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"/>
<div style="transform: translateZ(0px); 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; transform: translateZ(0px); position: absolute; left: 585px; top: 1px;">
<canvas draggable="false" height="512" style="-webkit-user-select: none; position: absolute; left: 0px; top: 0px; height: 256px; width: 256px;" width="512"/>
</div>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 585px; top: 257px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 329px; top: 1px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 329px; top: 257px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 841px; top: 1px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 841px; top: 257px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 585px; top: 513px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 585px; top: -255px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 329px; top: -255px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 329px; top: 513px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 841px; top: -255px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 841px; top: 513px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 1097px; top: 257px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 73px; top: 1px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 1097px; top: 1px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 73px; top: 257px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 1097px; top: -255px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 73px; top: -255px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 73px; top: 513px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 1097px; top: 513px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: -183px; top: 257px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 1353px; top: 257px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 1353px; top: 1px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: -183px; top: 1px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 1353px; top: -255px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: -183px; top: -255px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: -183px; top: 513px;"/>
<div style="width: 256px; height: 256px; overflow: hidden; transform: translateZ(0px); position: absolute; left: 1353px; 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="transform: translateZ(0px); position: absolute; left: 585px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2097!3i1373!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 585px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2097!3i1374!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 329px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2096!3i1373!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 329px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2096!3i1374!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 841px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2098!3i1373!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 841px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2098!3i1374!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 585px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2097!3i1375!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 585px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2097!3i1372!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 329px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2096!3i1372!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 329px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2096!3i1375!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 841px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2098!3i1372!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 841px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2098!3i1375!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 1097px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2099!3i1374!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 73px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2095!3i1373!2m3!1e0!2sm!3i316021765!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 1097px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2099!3i1373!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 73px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2095!3i1374!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 1097px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2099!3i1372!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 73px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2095!3i1372!2m3!1e0!2sm!3i316021765!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 73px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2095!3i1375!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 1097px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts1.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2099!3i1375!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: -183px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2094!3i1374!2m3!1e0!2sm!3i316000000!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 1353px; top: 257px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2100!3i1374!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 1353px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2100!3i1373!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: -183px; top: 1px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2094!3i1373!2m3!1e0!2sm!3i316022485!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 1353px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2100!3i1372!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: -183px; top: -255px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2094!3i1372!2m3!1e0!2sm!3i316022485!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: -183px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2094!3i1375!2m3!1e0!2sm!3i316022485!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; padding: 0px; margin: 0px; width: 256px; height: 256px;"/>
</div>
<div style="transform: translateZ(0px); position: absolute; left: 1353px; top: 513px; width: 256px; height: 256px; transition: opacity 200ms ease-out; -webkit-transition: opacity 200ms ease-out;">
<img draggable="false" src="https://mts0.googleapis.com/vt?pb=!1m4!1m3!1i12!2i2100!3i1375!2m3!1e0!2sm!3i316023927!3m9!2sen-US!3sUS!5e18!12m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!5f2" style="-webkit-user-select: none; border: 0px; 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%; transform-origin: 0px 0px 0px; transform: matrix(1, 0, 0, 1, 0, 0);">
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"/>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"/>
<div style="transform: translateZ(0px); position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"/>
<div style="transform: translateZ(0px); 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&amp;z=12&amp;t=m&amp;hl=en-US&amp;gl=US&amp;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; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"/>
</a>
</div>
</div>
<div style="padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto, Arial, sans-serif; color: rgb(34, 34, 34); -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 570px; top: 154px; background-color: white;">
<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; -webkit-user-select: none; border: 0px; padding: 0px; margin: 0px;"/>
</div>
</div>
<div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 204px; bottom: 0px; width: 122px;">
<div class="gm-style-cc" draggable="false" style="-webkit-user-select: none;">
<div style="opacity: 0.7; width: 100%; height: 100%; position: absolute;">
<div style="width: 1px;"/>
<div style="width: auto; height: 100%; margin-left: 1px; background-color: rgb(245, 245, 245);"/></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; -webkit-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="width: auto; height: 100%; margin-left: 1px; background-color: rgb(245, 245, 245);"/></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="-webkit-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="width: auto; height: 100%; margin-left: 1px; background-color: rgb(245, 245, 245);"/></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&amp;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; -webkit-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; -webkit-user-select: none; border: 0px; 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>
+34
View File
@@ -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: 252 KiB

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: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

+213
View File
@@ -0,0 +1,213 @@
<section class="container">
<h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
<hr>
<p>Beauty 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 &amp; 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="beauty_description.png" class="img-responsive center-block"/>
<hr>
<h2 class="text-muted">Beauty Customization Tool</h2>
<p style="">Theme Beauty comes with customization tools.&nbsp;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 Beauty 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.&nbsp;
You&nbsp;can not go wrong with the settings.</p>
<h3>Minimalistic Flat Design</h3>
<p>Beauty 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, Beauty gives
you six full presets wich combine colors, fonts and background.</p>
</div>
</div>
<hr>
<h2 class="text-muted">Beauty Building Blocks</h2>
<p>You get a new complete range of building blocks.</p>
<div class="row">
<div class="col-md-6">
<h4 class="text-muted mb16">STRUCTURE BLOCKS</h4>
<ul class="mb16">
<li>Custom Banner</li>
<li>Big Picture + Text</li>
<li>Text + Big Picture</li>
<li>Cubes</li>
<li>Cubes Reversed</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>Progress</li>
<li>Big Circle Icons</li>
</ul>
<h4 class="text-muted">EFFECT BLOCKS</h4>
<ul class="mb16">
<li>Big Image Parallax</li>
</ul>
</div>
<div class="col-md-6">
<h3>Customize Your Blocks</h3>
<p class="mb16">Each building blocks comes with its own options.&nbsp;</p>
<img src="customtool2.jpg" class="img-responsive center-block"/><br>
<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">FEATURES BLOCKS</h4>
<ul class="mb16">
<li>Slide Banner</li>
<li>Slideshow with products</li>
</ul>
</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: 290 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 263 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 339 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 263 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 270 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 267 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 294 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 299 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 314 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 307 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 300 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 297 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 B

+3
View File
@@ -0,0 +1,3 @@
#wrap {
box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.75);
}
@@ -0,0 +1,37 @@
@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: left;
width: 400px;
height: auto;
padding-bottom: 10px;
margin-top: 100px;
background-color: rgba(255, 255, 255, 1);
float: right;
@media screen and (max-width: 640px) {
background-color: rgba(255, 255, 255, .5);
text-align: center !important;
width: auto;
margin-top: 0;
}
h1 {
@media screen and (max-width: 768px) {
font-size: 40px !important;
margin-top: 0;
}
}
h2 {
font-size: 30px;
}
}
@@ -0,0 +1,22 @@
@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;
width: auto;
float: right;
margin-right: 50px;
text-align: right;
@media screen and (max-width: 640px) {
margin-top: 50px;
text-align: center;
width: 100%;
float: none;
}
};
@@ -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;
}
}
+19
View File
@@ -0,0 +1,19 @@
<?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="100">
<xpath expr="." position="inside">
<link href="/theme_beauty/static/src/less/layout.less" rel="stylesheet" type="text/less"/>
<link href="/theme_beauty/static/src/less/snippets/s_banner_3.less" rel="stylesheet" type="text/less"/>
<link href="/theme_beauty/static/src/less/snippets/s_three_columns.less" rel="stylesheet" type="text/less"/>
<link href="/theme_beauty/static/src/less/snippets/s_banner_parallax.less" rel="stylesheet" type="text/less"/>
</xpath>
</template>
</data>
</openerp>
+191
View File
@@ -0,0 +1,191 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<!-- BACKGROUNDS -->
<record id="theme_loftspace.bg_img_01" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/01.jpg</field>
</record>
<record id="theme_loftspace.bg_img_02" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/02.jpg</field>
</record>
<record id="theme_loftspace.bg_img_03" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/03.jpg</field>
</record>
<record id="theme_loftspace.bg_img_04" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/04.jpg</field>
</record>
<record id="theme_loftspace.bg_img_05" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/05.jpg</field>
</record>
<record id="theme_loftspace.bg_img_06" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/06.jpg</field>
</record>
<record id="theme_loftspace.bg_img_07" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/07.jpg</field>
</record>
<record id="theme_loftspace.bg_img_08" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/08.jpg</field>
</record>
<record id="theme_loftspace.bg_img_09" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/09.jpg</field>
</record>
<record id="theme_loftspace.bg_img_10" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/backgrounds/10.jpg</field>
</record>
<!-- CONTENT -->
<record id="theme_common.image_content_logo" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_logo.png</field>
</record>
<record id="theme_common.image_content_01" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_01.jpg</field>
</record>
<record id="theme_common.image_content_02" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_02.jpg</field>
</record>
<record id="theme_common.image_content_03" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_03.jpg</field>
</record>
<record id="theme_common.image_content_04" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_04.jpg</field>
</record>
<record id="theme_common.image_content_05" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_05.jpg</field>
</record>
<record id="theme_common.image_content_06" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_06.jpg</field>
</record>
<record id="theme_common.image_content_07" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_07.jpg</field>
</record>
<record id="theme_common.image_content_08" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_08.jpg</field>
</record>
<record id="theme_common.image_content_09" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_09.jpg</field>
</record>
<record id="theme_common.image_content_10" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_10.jpg</field>
</record>
<record id="theme_common.image_content_11" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/content_img_11.jpg</field>
</record>
<record id="theme_common.image_content_12" model="ir.attachment">
<field name="url">/theme_beauty/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_beauty/static/src/img/content/product_img_01.jpg</field>
</record>
<record id="theme_common.image_product_02" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_02.jpg</field>
</record>
<record id="theme_common.image_product_03" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_03.jpg</field>
</record>
<record id="theme_common.image_product_04" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_04.jpg</field>
</record>
<record id="theme_common.image_product_05" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_05.jpg</field>
</record>
<record id="theme_common.image_product_06" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_06.jpg</field>
</record>
<record id="theme_common.image_product_07" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_07.jpg</field>
</record>
<record id="theme_common.image_product_08" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_08.jpg</field>
</record>
<record id="theme_common.image_product_09" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_09.jpg</field>
</record>
<record id="theme_common.image_product_10" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_10.jpg</field>
</record>
<record id="theme_common.image_product_11" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/content/product_img_11.jpg</field>
</record>
<!-- Background Patterns
========================================================================== -->
<record id="theme_loftspace.bg_pattern_01" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_01.png</field>
</record>
<record id="theme_loftspace.bg_pattern_02" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_02.png</field>
</record>
<record id="theme_loftspace.bg_pattern_03" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_03.png</field>
</record>
<record id="theme_loftspace.bg_pattern_04" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_04.png</field>
</record>
<record id="theme_loftspace.bg_pattern_05" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_05.png</field>
</record>
<record id="theme_loftspace.bg_pattern_06" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_06.png</field>
</record>
<record id="theme_loftspace.bg_pattern_07" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_07.png</field>
</record>
<record id="theme_loftspace.bg_pattern_08" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_08.png</field>
</record>
<record id="theme_loftspace.bg_pattern_09" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_09.png</field>
</record>
<record id="theme_loftspace.bg_pattern_10" model="ir.attachment">
<field name="url">/theme_beauty/static/src/img/pattern/pattern_10.png</field>
</record>
</data>
</openerp>
+28
View File
@@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>
<record id="theme_loftspace.option_layout_fullwidth" model="ir.ui.view">
<field name="active" eval="True"/>
</record>
<record id="theme_loftspace.option_colorPreset6" model="ir.ui.view">
<field name="active" eval="False"/>
</record>
<record id="theme_loftspace.option_colorPreset2" model="ir.ui.view">
<field name="active" eval="True"/>
</record>
<record id="theme_loftspace.option_font_helvetica" model="ir.ui.view">
<field name="active" eval="False"/>
</record>
<record id="theme_loftspace.option_font_ubuntu" model="ir.ui.view">
<field name="active" eval="True"/>
</record>
<record id="theme_loftspace.option_bg_03" model="ir.ui.view">
<field name="active" eval="False"/>
</record>
<record id="theme_loftspace.option_bg_08" model="ir.ui.view">
<field name="active" eval="True"/>
</record>
</data>
</openerp>