[ADD] theme saas-6
@@ -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,41 @@
|
||||
{
|
||||
'name': 'Treehouse Theme',
|
||||
'description': 'Treehouse Theme - Responsive Bootstrap Theme for Odoo CMS',
|
||||
'category': 'Theme/Environment',
|
||||
'version': '1.0',
|
||||
'author': 'Odoo SA',
|
||||
'depends': ['snippet_google_map'],
|
||||
'data': [
|
||||
# THEME
|
||||
'views/assets.xml',
|
||||
'views/images_library.xml',
|
||||
'views/images_content.xml',
|
||||
'views/layout.xml',
|
||||
'views/snippets.xml',
|
||||
'views/snippets_options.xml',
|
||||
'views/customize_modal.xml',
|
||||
# SNIPPETS
|
||||
'views/snippets/s_text_image.xml',
|
||||
'views/snippets/s_image_text.xml',
|
||||
'views/snippets/s_big_picture.xml',
|
||||
'views/snippets/s_well_extended.xml',
|
||||
'views/snippets/s_quote_extended.xml',
|
||||
'views/snippets/s_panel_extended.xml',
|
||||
'views/snippets/s_separator_extended.xml',
|
||||
'views/snippets/s_share_extended.xml',
|
||||
],
|
||||
'demo': [
|
||||
'demo/demo.xml',
|
||||
'demo/components.xml',
|
||||
'demo/blocks_structure.xml',
|
||||
'demo/blocks_content.xml',
|
||||
'demo/blocks_features.xml',
|
||||
'demo/blocks_default.xml',
|
||||
],
|
||||
'images': [
|
||||
'static/description/treehouse_cover.jpg',
|
||||
],
|
||||
'price': 195,
|
||||
'currency': 'EUR',
|
||||
'live_test_url': 'https://theme-treehouse.odoo.com/page/demo_page_01',
|
||||
}
|
||||
@@ -0,0 +1,212 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Building Blocks | Content" id="website.demo_blocks_content" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure mb64">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Content Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
|
||||
<!-- WELL -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Well</h4>
|
||||
|
||||
<div class="s_well well well-alpha">
|
||||
<span class="pull-left fa fa-plug fa-3x"></span>
|
||||
<div class="well-text">
|
||||
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="s_well well well-beta">
|
||||
<span class="pull-left fa fa-support fa-3x"></span>
|
||||
<div class="well-text">
|
||||
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="s_well well well-epsilon">
|
||||
<span class="pull-left fa fa-exclamation-triangle fa-3x"></span>
|
||||
<div class="well-text">
|
||||
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- BLOCKQUOTE -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Blockquote</h4>
|
||||
|
||||
<blockquote class="s_quote">
|
||||
<i class="fa fa-quote-left fa-1x bg-beta"/>
|
||||
<div class="blockquote-text">
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<img alt="" class="img img-circle" src="/website/image/theme_common.image_content_10"/>
|
||||
<small>Author of this quote</small>
|
||||
</div>
|
||||
</blockquote>
|
||||
|
||||
<!-- PANEL -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Panel</h4>
|
||||
|
||||
<div class="s_panel panel panel-delta">
|
||||
<div class="panel-heading">
|
||||
<h4 class="mt0 mb0"><i class="fa fa-bicycle fa-1x text-muted"/>Feature Title</h4>
|
||||
</div>
|
||||
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
|
||||
</div>
|
||||
|
||||
<div class="s_panel panel panel-gamma">
|
||||
<div class="panel-heading">
|
||||
<h4 class="mt0 mb0"><i class="fa fa-truck fa-1x text-muted"/>Feature Title</h4>
|
||||
</div>
|
||||
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
|
||||
</div>
|
||||
|
||||
<div class="s_panel panel panel-alpha">
|
||||
<div class="panel-heading">
|
||||
<h4 class="mt0 mb0"><i class="fa fa-fighter-jet fa-1x text-muted"/>Feature Title</h4>
|
||||
</div>
|
||||
<div class="panel-body">Panels are a great tool to compare offers or to emphasize on key features. To compare products, use the inside columns.</div>
|
||||
</div>
|
||||
|
||||
<!-- SEPARATOR -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Separator</h4>
|
||||
|
||||
<hr class="s_separator hr-full hr-1px hr-solid mt0"/>
|
||||
<hr class="s_separator hr-full hr-3px hr-dotted"/>
|
||||
<hr class="s_separator hr-full hr-5px hr-dashed mb0"/>
|
||||
|
||||
<!-- SHARE -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Social buttons</h4>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="oe_share s_share">
|
||||
<h4 class="s_share_title">Share <i class="text-muted fa fa-1x fa-hand-o-right"/></h4>
|
||||
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle fa fa-1x fa-facebook"/>
|
||||
</a>
|
||||
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Treehouse - A theme for Odoo CMS - https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle fa fa-1x fa-twitter"/>
|
||||
</a>
|
||||
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=https://theme-treehouse.odoo.com/page/demo_page_01&title=Treehouse - A theme for Odoo CMS" target="_blank">
|
||||
<i class="img-circle fa fa-1x fa-linkedin"/>
|
||||
</a>
|
||||
<a class="oe_share_google" href="https://plus.google.com/share?url=url=https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle fa fa-1x fa-google-plus"/>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="oe_share s_share">
|
||||
<h4 class="s_share_title text-beta">Share <i class="text-muted fa fa-1x fa-hand-o-right"/></h4>
|
||||
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-facebook"/>
|
||||
</a>
|
||||
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Treehouse - A theme for Odoo CMS - https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-twitter"/>
|
||||
</a>
|
||||
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=https://theme-treehouse.odoo.com/page/demo_page_01&title=Treehouse - A theme for Odoo CMS" target="_blank">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-linkedin"/>
|
||||
</a>
|
||||
<a href="#">
|
||||
<i class="img-rounded bg-beta fa fa-1x fa-envelope"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
<div class="oe_share s_share">
|
||||
<h4 class="s_share_title text-beta">Share <i class="text-muted fa fa-1x fa-hand-o-right"/></h4>
|
||||
<a class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle bg-gamma fa fa-2x fa-facebook"/>
|
||||
</a>
|
||||
<a class="oe_share_twitter" href="https://twitter.com/intent/tweet?text=Treehouse - A theme for Odoo CMS - https://theme-treehouse.odoo.com/page/demo_page_01" target="_blank">
|
||||
<i class="img-circle bg-gamma fa fa-2x fa-twitter"/>
|
||||
</a>
|
||||
<a class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=https://theme-treehouse.odoo.com/page/demo_page_01&title=Treehouse - A theme for Odoo CMS" target="_blank">
|
||||
<i class="img-circle bg-gamma fa fa-2x fa-linkedin"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- LABEL -->
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Label</h4>
|
||||
|
||||
<span class="s_label label bg-alpha">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-beta">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-gamma">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-delta">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
<span class="s_label label bg-epsilon">
|
||||
<strong>Category</strong>
|
||||
</span>
|
||||
|
||||
<h4 class="demo-subtitle mt64 mb32">Progress Bar</h4>
|
||||
|
||||
<div class="s_progress_bar progress">
|
||||
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" class="progress-bar progress-bar-success" role="progressbar" style="width: 80%">
|
||||
<span>80% Brainstorming</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="s_progress_bar progress">
|
||||
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" class="progress-bar progress-bar-striped progress-bar-warning" data-value="60" role="progressbar" style="width: 60%;">60% Development</div>
|
||||
</div>
|
||||
|
||||
<div class="s_progress_bar progress">
|
||||
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" class="progress-bar progress-bar-striped active progress-bar-info" data-value="90" role="progressbar" style="width: 90%;">90% Design</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_blocks_content_menu" model="website.menu">
|
||||
<field name="name">Content</field>
|
||||
<field name="url">/page/demo_blocks_content</field>
|
||||
<field name="parent_id" ref="demo_blocks_menu"/>
|
||||
<field name="sequence" type="int">42</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,487 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Building Blocks | Default" id="website.demo_blocks_default" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Title</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_title">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="text-center">Your Website Title</h1>
|
||||
<h3 class="text-muted text-center">And a great subtitle too</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Text + Image</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_text_image">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mt16">
|
||||
<h3>A Section Subtitle</h3>
|
||||
<p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
|
||||
<p>Start with the customer – find out what they want and give it to them.</p>
|
||||
</div>
|
||||
<div class="col-md-6 mt16">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_04"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Image + Text</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_image_text">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mt16">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_06"/>
|
||||
</div>
|
||||
<div class="col-md-6 mt16">
|
||||
<h3>A Section Subtitle</h3>
|
||||
<p>Write one or two paragraphs describing your product, services or a specific feature. To be successful your content needs to be useful to your readers.</p>
|
||||
<p>Start with the customer – find out what they want and give it to them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Text Block</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_text_block">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h2 class="mb8">A Great Headline</h2>
|
||||
<h3 class="text-primary mb0 mt0">A good subtitle</h3>
|
||||
<hr class="s_separator hr-full hr-1px hr-solid"/>
|
||||
</div>
|
||||
<div class="col-md-12 mb16 mt16">
|
||||
<p>A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</p>
|
||||
<p><b>Great stories have personality.</b> Consider telling a great story that provides personality. Writing a story with personality for potential clients will asist with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.</p>
|
||||
<p><b>Great stories are for everyone even when only written for just one person.</b> If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Big message</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="jumbotron s_big_message bg-gray-darker">
|
||||
<div class="container">
|
||||
<h1 class="text-success">Sell Online. Easily.</h1>
|
||||
<p>Write one sentence to convince visitor about your message.</p>
|
||||
<p>
|
||||
<a class="btn btn-success btn-lg" href="/page/website.contactus">Contact us </a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Big Picture</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_big_picture">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt32 mb32">
|
||||
<h2>A Punchy Headline</h2>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<img alt="Odoo CMS - a big picture" class="img img-responsive" src="/website/image/theme_common.image_content_05" style="margin: 0 auto;"/>
|
||||
</div>
|
||||
<div class="col-md-6 col-md-offset-3 mb16 mt16">
|
||||
<p class="text-center">
|
||||
<b>A Small Subtitle</b>
|
||||
</p>
|
||||
<p class="text-center">Choose a vibrant image and write an inspiring paragraph about it. It does not have to be long, but it should reinforce your image.</p>
|
||||
<p class="text-center">
|
||||
<a class="btn btn-success" href="/page/website.contactus">Contact us »</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Features Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Image Gallery</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_image_gallery">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb32">
|
||||
<h2>Our Customer References</h2>
|
||||
<h4 class="text-muted">More than 500 successful projects</h4>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img alt="Odoo CMS - Gallery sample" class="img img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Price Tables</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_comparisons">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb32">
|
||||
<h2>Our Offers</h2>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Beginner</h2>
|
||||
<p class="text-muted" style="margin: 0">Starter package</p>
|
||||
</div>
|
||||
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
|
||||
<h2 style="margin: 0">
|
||||
<span>$</span>
|
||||
<b style="font-size: 60px">450</b>
|
||||
<small>.00</small>
|
||||
</h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item active">Battery: 8 hours</li>
|
||||
<li class="list-group-item">Screen: 2.5 inch</li>
|
||||
<li class="list-group-item">Weight: 1.1 ounces</li>
|
||||
<li class="list-group-item">No support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, satisfied or reimbursed.</i>
|
||||
</p>
|
||||
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Order now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Professional</h2>
|
||||
<p style="margin: 0">Enterprise package</p>
|
||||
</div>
|
||||
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
|
||||
<h2 style="margin: 0">
|
||||
<span>$</span>
|
||||
<b style="font-size: 60px">590</b>
|
||||
<small>.00</small>
|
||||
</h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item active">Battery: 12 hours</li>
|
||||
<li class="list-group-item">Screen: 2.8 inch</li>
|
||||
<li class="list-group-item">Weight: 1.2 ounces</li>
|
||||
<li class="list-group-item">Limited support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, satisfied or reimbursed.</i>
|
||||
</p>
|
||||
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Order now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Expert</h2>
|
||||
<p class="text-muted" style="margin: 0">The top of the top</p>
|
||||
</div>
|
||||
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
|
||||
<h2 style="margin: 0">
|
||||
<span>$</span>
|
||||
<b style="font-size: 60px">890</b>
|
||||
<small>.00</small>
|
||||
</h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item active">Battery: 20 hours</li>
|
||||
<li class="list-group-item">Screen: 2.8 inch</li>
|
||||
<li class="list-group-item">Weight: 1.2 ounces</li>
|
||||
<li class="list-group-item">Unlimited support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, satisfied or reimbursed.</i>
|
||||
</p>
|
||||
<a class="btn btn-primary btn-lg" href="/page/website.contactus">Contact us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Button</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="jumbotron s_button bg-beta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-9">
|
||||
<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-primary pull-right mt8" href="/page/website.contactus"><i class="fa fa-arrow-right"/> Contact Us Now </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">FAQ</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_faq">
|
||||
<div class="container">
|
||||
<h2 class="page-header">Point of Sale Questions <small>v7</small></h2>
|
||||
<h3>Which hardware does Odoo POS support?</h3>
|
||||
<p>Odoo's POS is a web application that can run on any device that can display websites with little to no setup required.</p>
|
||||
<p>The Point of Sale works perfectly on any kind of touch enabled device, whether it's multi-touch tablets like an iPad or keyboardless resistive touchscreen terminals.</p>
|
||||
<h3>Does it works offline?</h3>
|
||||
<p>Deploy new stores with just an internet connection: no installation, no specific hardware required. It works with any iPad, Tablet PC, laptop or industrial POS machine.</p>
|
||||
<p>While an internet connection is required to start the Point of Sale, it will stay operational even after a complete disconnection.</p>
|
||||
<h2 class="page-header">Project Management Questions <small>v7</small></h2>
|
||||
<h3>Can I use it to manage projects based on agile methodologies?</h3>
|
||||
<p>Yes.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">References</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_references">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="text-center">Our References</h1>
|
||||
<h3 class="text-muted text-center">More than 500 happy customers.</h3>
|
||||
</div>
|
||||
<div class="col-md-4 col-md-offset-1 mt16">
|
||||
<blockquote>
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<small>Author of this quote</small>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="col-md-4 col-md-offset-2 mt16">
|
||||
<blockquote>
|
||||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||||
<small>John Doe, CEO</small>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="col-md-2 col-md-offset-1">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_12"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_13"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_14"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_15"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img alt="OpenERP logo" class="img img-responsive img-thumbnail" src="/website/image/theme_common.image_content_16"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-gray-darker">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Effect Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Parallax</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="parallax s_parallax" data-scroll-background-offset="-70.8" data-scroll-background-ratio="0.3" style="background-image: url(/website/static/src/img/banner/mountains.jpg); background-attachment: scroll; background-position: 0px -70.8px; height: 420px;">
|
||||
<div>
|
||||
<div class="oe_structure"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Parallax Slider</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="parallax s_parallax_slider" data-scroll-background-offset="-174" data-scroll-background-ratio="0.3" style="background-image: url(/website/static/src/img/parallax/quote.png); background-attachment: scroll; background-position: 0px -174px;">
|
||||
<div>
|
||||
<div>
|
||||
<div class="oe_structure">
|
||||
<div class="carousel quotecarousel slide mb0" id="myCarousel7">
|
||||
<ol class="carousel-indicators mb0"><li class="active" data-slide-to="0" data-target="#myCarousel7"></li><li data-slide-to="1" data-target="#myCarousel7" class=""></li></ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="item text_only active">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<small>Author of this quote</small>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item text_only">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<div class="row">
|
||||
<blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
|
||||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||||
<small>John Doe, CEO</small>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_blocks_default_menu" model="website.menu">
|
||||
<field name="name">Default</field>
|
||||
<field name="url">/page/demo_blocks_default</field>
|
||||
<field name="parent_id" ref="demo_blocks_menu"/>
|
||||
<field name="sequence" type="int">44</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,128 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Building Blocks | Features" id="website.demo_blocks_features" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure mb64">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Features Grid + Circle</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_features_grid_circle"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: Images + Captions</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_images_captions_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">News Carousel</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_news_carousel"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Numbers</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_numbers"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Process Steps</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_process_steps_2"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Accordion</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_collapse"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Quotes Slider</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_quotes_slider_2"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">References</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_references_2"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Google Map</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="s_google_map" data-map-type="ROADMAP" data-map-color="" data-map-zoom="12" data-map-gps="(50.6305797, 4.869176899999957)" data-pin-title="Discover Our Office:" data-pin-desc="Our office is located in Grand-Rosière - T. (+32) 81 81 37 00" data-pin-style="flat" style="height: 488px; overflow: hidden;">
|
||||
<div class="map_container"/>
|
||||
<div class="description">
|
||||
<font>Visit us:</font>
|
||||
<span> Our office is located in Grand-Rosière - T. (+32) 81 81 37 00</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Team Profiles</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_team_profiles_2"/>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_blocks_features_menu" model="website.menu">
|
||||
<field name="name">Features</field>
|
||||
<field name="url">/page/demo_blocks_features</field>
|
||||
<field name="parent_id" ref="demo_blocks_menu"/>
|
||||
<field name="sequence" type="int">43</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,137 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Building Blocks | Structure" id="website.demo_blocks_structure" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure mb64">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Structure Blocks</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt32 mb32">Full-width: Carousel</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_banner_2"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Boxed Carousel</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_carousel_boxed"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Features + Circle</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_features_circle"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">3-Columns + Carousel</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_three_columns_carousel"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Page Header</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_page_header"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Medias List</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_medias_list"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: 4-Columns</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_four_columns_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: Text + Image</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_text_image_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: Image + Text</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_image_text_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Full-width: Text block + Image</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_text_block_image_fw"/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="demo-subtitle mt64 mb32">Masonry Block</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-oe-call="theme_common.s_masonry_block"/>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_blocks_menu" model="website.menu">
|
||||
<field name="name">Blocks</field>
|
||||
<field name="url">/page/demo_blocks</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">40</field>
|
||||
</record>
|
||||
|
||||
<record id="demo_blocks_structure_menu" model="website.menu">
|
||||
<field name="name">Structure</field>
|
||||
<field name="url">/page/demo_blocks_structure</field>
|
||||
<field name="parent_id" ref="demo_blocks_menu"/>
|
||||
<field name="sequence" type="int">41</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,191 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Components" id="website.demo_page_components" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure oe_empty">
|
||||
|
||||
<section class="bg-gray-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1 class="demo-title mt0 mb0">Components</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb64">
|
||||
|
||||
<!-- TITLES -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Titles and Bodytext</h4>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<h1 class="mt0">h1. Heading</h1>
|
||||
<h2>h2. Heading</h2>
|
||||
<h3>h3. Heading</h3>
|
||||
<h4>h4. Heading</h4>
|
||||
<h5>h5. Heading</h5>
|
||||
<h6>h6. Heading</h6>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor <u>underlined text</u> et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco <a href="#">A link to...</a> laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit nulla pariatur.</p>
|
||||
<p><strong>BOLD - Excepteur sint occaecat cupidatat non proident,</strong> sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<p><em>ITALIC - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</em></p>
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Consectetur adipisicing elit sed do</li>
|
||||
<li>Eiusmodtempor incididunt ut labore</li>
|
||||
<li>Et dolore magna aliqua</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- TITLES STYLES -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Titles styles</h4>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
<h3 class="text-muted mt0">h3. Title muted</h3>
|
||||
<h3 class="text-underline">h3. Title underlined</h3>
|
||||
<h3 class="text-uppercase">h3. In uppercase</h3>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<h3 class="text-boxed mt8">h3. Boxed</h3>
|
||||
<h3 class="bg-gamma text-white">h3. Background Color</h3>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<h3 class="mt0"><small>h3. Small title</small></h3>
|
||||
<h3 class="text-success">h3. Colored</h3>
|
||||
<h3 class="text-info">h3. Colored</h3>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- BUTTON -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Buttons</h4>
|
||||
|
||||
<div class="mb16">
|
||||
<a href="#" class="btn btn-xs btn-default">Default</a>
|
||||
<a href="#" class="btn btn-xs btn-primary">Alpha</a>
|
||||
<a href="#" class="btn btn-xs btn-success">Beta</a>
|
||||
<a href="#" class="btn btn-xs btn-info">Gamma</a>
|
||||
<a href="#" class="btn btn-xs btn-warning">Delta</a>
|
||||
<a href="#" class="btn btn-xs btn-danger">Epsilon</a>
|
||||
<a href="#" class="btn btn-xs btn-link">Link</a>
|
||||
</div>
|
||||
|
||||
<div class="mb16">
|
||||
<a href="#" class="btn btn-sm btn-default">Default</a>
|
||||
<a href="#" class="btn btn-sm btn-primary">Alpha</a>
|
||||
<a href="#" class="btn btn-sm btn-success">Beta</a>
|
||||
<a href="#" class="btn btn-sm btn-info">Gamma</a>
|
||||
<a href="#" class="btn btn-sm btn-warning">Delta</a>
|
||||
<a href="#" class="btn btn-sm btn-danger">Epsilon</a>
|
||||
<a href="#" class="btn btn-sm btn-link">Link</a>
|
||||
</div>
|
||||
|
||||
<div class="mb16">
|
||||
<a href="#" class="btn btn-default">Default</a>
|
||||
<a href="#" class="btn btn-primary">Alpha</a>
|
||||
<a href="#" class="btn btn-success">Beta</a>
|
||||
<a href="#" class="btn btn-info">Gamma</a>
|
||||
<a href="#" class="btn btn-warning">Delta</a>
|
||||
<a href="#" class="btn btn-danger">Epsilon</a>
|
||||
<a href="#" class="btn btn-link">Link</a>
|
||||
</div>
|
||||
|
||||
<div class="mb16">
|
||||
<a href="#" class="btn btn-lg btn-default">Default</a>
|
||||
<a href="#" class="btn btn-lg btn-primary">Alpha</a>
|
||||
<a href="#" class="btn btn-lg btn-success">Beta</a>
|
||||
<a href="#" class="btn btn-lg btn-info">Gamma</a>
|
||||
<a href="#" class="btn btn-lg btn-warning">Delta</a>
|
||||
<a href="#" class="btn btn-lg btn-danger">Epsilon</a>
|
||||
<a href="#" class="btn btn-lg btn-link">Link</a>
|
||||
</div>
|
||||
|
||||
<!-- ICONS -->
|
||||
|
||||
<h4 class="demo-subtitle mt32 mb32">Icons</h4>
|
||||
<div class="row s_features_circle">
|
||||
|
||||
<div class="col-md-4 mb32">
|
||||
<i class="fa fa-1x fa-truck bg-gray-lighter"/>
|
||||
<i class="fa fa-1x fa-bicycle bg-gray-darker"/>
|
||||
<i class="fa fa-1x fa-plane bg-alpha"/>
|
||||
<i class="fa fa-1x fa-fighter-jet bg-beta"/>
|
||||
<i class="fa fa-1x fa-automobile bg-gamma"/>
|
||||
<i class="fa fa-1x fa-cab bg-delta"/>
|
||||
<i class="fa fa-1x fa-wheelchair bg-epsilon"/>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb32">
|
||||
<i class="fa fa-1x img-rounded fa-truck bg-gray-lighter"/>
|
||||
<i class="fa fa-1x img-rounded fa-bicycle bg-gray-darker"/>
|
||||
<i class="fa fa-1x img-rounded fa-plane bg-alpha"/>
|
||||
<i class="fa fa-1x img-rounded fa-fighter-jet bg-beta"/>
|
||||
<i class="fa fa-1x img-rounded fa-automobile bg-gamma"/>
|
||||
<i class="fa fa-1x img-rounded fa-cab bg-delta"/>
|
||||
<i class="fa fa-1x img-rounded fa-wheelchair bg-epsilon"/>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb32">
|
||||
<i class="fa fa-1x img-circle fa-truck bg-gray-lighter"/>
|
||||
<i class="fa fa-1x img-circle fa-bicycle bg-gray-darker"/>
|
||||
<i class="fa fa-1x img-circle fa-plane bg-alpha"/>
|
||||
<i class="fa fa-1x img-circle fa-fighter-jet bg-beta"/>
|
||||
<i class="fa fa-1x img-circle fa-automobile bg-gamma"/>
|
||||
<i class="fa fa-1x img-circle fa-cab bg-delta"/>
|
||||
<i class="fa fa-1x img-circle fa-wheelchair bg-epsilon"/>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 demo-icons">
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-white"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-gray-lighter"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail bg-gray-darker"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-alpha"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-beta"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded bg-gamma"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-delta"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-epsilon"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle bg-gray-darker"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail shadow bg-epsilon"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-circle shadow bg-alpha"/>
|
||||
<i class="fa fa-2x fa-rocket img-thumbnail img-rounded shadow bg-beta"/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_page_components_menu" model="website.menu">
|
||||
<field name="name">Components</field>
|
||||
<field name="url">/page/demo_page_components</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">50</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
@@ -0,0 +1,330 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<openerp>
|
||||
<data>
|
||||
|
||||
<template name="Demo" id="website.demo_page" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap" class="oe_structure">
|
||||
|
||||
<section class="s_text_block_image_fw bg-img-02" style="height: 450px; overflow: hidden;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="bg-white mt64 mb64 col-md-4 col-md-offset-4" style="text-align: center;">
|
||||
<h1>Treehouse</h1>
|
||||
<h5 class="text-primary mb16">A theme for OdooCMS</h5>
|
||||
<p>Just drag and 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.<br/></p>
|
||||
<p>
|
||||
<i class="fa fa-info-circle fa-1x text-primary"/>
|
||||
<strong>- Made with Bootstrap</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_three_columns_carousel bg-gray-lighter">
|
||||
<div class="container">
|
||||
<div class="row mt32 mb32">
|
||||
<div class="col-md-4 col-sm-4 bg-white">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_19"/>
|
||||
<h3>First Feature</h3>
|
||||
<h6 class="text-primary">Tell your story</h6>
|
||||
<p>Adapt these three columns to fit you design need. To duplicate, delete or move columns, select the column and use the top icons to perform your action.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 bg-white">
|
||||
<div class="carousel slide" data-interval="10000" id="s_three_columns_carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="item">
|
||||
<img alt="" src="/website/image/theme_common.image_content_20"/>
|
||||
</div>
|
||||
<div class="item active">
|
||||
<img alt="" src="/website/image/theme_common.image_content_21"/>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img alt="" src="/website/image/theme_common.image_content_22"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control left" data-slide="prev" data-target="#s_three_columns_carousel">
|
||||
<i class="fa fa-chevron-left fa-1x"/>
|
||||
</div>
|
||||
<div class="carousel-control right" data-slide="next" data-target="#s_three_columns_carousel">
|
||||
<i class="fa fa-chevron-right fa-1x"/>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Second Feature</h3>
|
||||
<h6 class="text-primary">Showcase your work</h6>
|
||||
<p>To add a fourth column, reduce the size of these three columns using the right icon of each block. Then, duplicate one of the column to create a new one.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 bg-white">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_23"/>
|
||||
<h3>Third Feature</h3>
|
||||
<h6 class="text-primary">Give some extra details</h6>
|
||||
<p>Delete the above image or replace it with a picture that illustrates your message.
|
||||
Click on the picture to change it's <em>rounded corner</em> style.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_features_circle mt48 mb48">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-sm-4 text-center">
|
||||
<span class="fa fa-bug fa-3x img-circle bg-alpha" style="-webkit-animation-play-state: paused; -webkit-transition: none; transition: none"></span>
|
||||
<h3 class="mt16">First Feature</h3>
|
||||
<p class="text-muted">Tell what's the value for the customer for this feature.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 text-center">
|
||||
<span class="fa fa-rocket fa-3x img-circle bg-gray-darker"></span>
|
||||
<h3 class="mt16">Second Feature</h3>
|
||||
<p class="text-muted">Write what the customer would like to know, not what you want to show.</p>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 text-center">
|
||||
<span class="fa fa-flask fa-3x img-circle bg-beta" style="-webkit-animation-play-state: paused; -webkit-transition: none; transition: none"></span>
|
||||
<h3 class="mt16">Third Feature</h3>
|
||||
<p class="text-muted">A small explanation of this great feature, in clear words.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_news_carousel bg-gray-lighter">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 carousel slide mt48 mb48" data-interval="10000" id="myCarousel7" style="height:240px; overflow: hidden;">
|
||||
<div class="carousel-control left" data-slide="prev" data-target="#myCarousel7" href="#myCarousel7">
|
||||
<i class="fa fa-chevron-left fa-1x bg-white"/>
|
||||
</div>
|
||||
<div class="carousel-inner bg-white">
|
||||
<div class="item active">
|
||||
<div class="row content">
|
||||
<div class="col-md-3 news-carousel-time text-center bg-beta">
|
||||
<span class="day bg-white img-circle">18</span>
|
||||
<span class="month">
|
||||
<strong>DECEMBER</strong>
|
||||
</span>
|
||||
<span class="year">2014</span>
|
||||
</div>
|
||||
<div class="col-md-9 news-carousel-content">
|
||||
<h3 class="mt0">Ten basic rules to making an irresistible website.</h3>
|
||||
<p>Your website is where almost all of your customers will end up first. Let's clear up what it takes to give them the best experience with it.</p>
|
||||
<p>
|
||||
<a class="btn btn-xs btn-primary" href="https://www.odoo.com/blog/business-hacks-1/post/10-basic-rules-to-making-an-irresistible-website-201">Full read</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row content">
|
||||
<div class="col-md-3 news-carousel-time text-center bg-beta">
|
||||
<span class="day bg-white img-circle">17</span>
|
||||
<span class="month">
|
||||
<strong>JANUARY</strong>
|
||||
</span>
|
||||
<span class="year">2015</span>
|
||||
</div>
|
||||
<div class="col-md-9 news-carousel-content">
|
||||
<h3 class="mt0">Five things to know to prepare for the future of eCommerce.</h3>
|
||||
<p>Which trends to follow? Which ideas will work?</p>
|
||||
<p>
|
||||
<a class="btn btn-xs btn-primary" href="https://www.odoo.com/blog/business-hacks-1/post/5-things-to-know-to-prepare-for-the-future-of-ecommerce-193">Discover more</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="row content">
|
||||
<div class="col-md-3 news-carousel-time text-center bg-beta">
|
||||
<span class="day bg-white img-circle">3</span>
|
||||
<span class="month">
|
||||
<strong>FEBRUARY</strong>
|
||||
</span>
|
||||
<span class="year">2015</span>
|
||||
</div>
|
||||
<div class="col-md-9 news-carousel-content">
|
||||
<h3 class="mt0">How you can use newsletters to increase your popularity?</h3>
|
||||
<p>Build relationships and recognition by staying in touch</p>
|
||||
<p>
|
||||
<a class="btn btn-xs btn-primary" href="https://www.odoo.com/blog/business-hacks-1/post/how-you-can-use-newsletters-to-increase-your-popularity-194">Click here</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-control right" data-slide="next" data-target="#myCarousel7" href="#myCarousel7">
|
||||
<i class="fa fa-chevron-right fa-1x bg-white"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_team_profiles_2 mb48 mt48">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="profile-body bg-white">
|
||||
<img alt="" class="img img-responsive img-circle" src="/website/image/theme_common.image_content_18"/>
|
||||
<h3>John DOE</h3>
|
||||
<h6 class="text-primary">- ART DIRECTOR -</h6>
|
||||
<p>Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="row profile-options">
|
||||
<div class="col-md-3 bg-gray-darker">
|
||||
<i class="fa fa-briefcase fa-2x"/>
|
||||
<p>Briefing</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-darker">
|
||||
<i class="fa fa-camera-retro fa-2x"/>
|
||||
<p>Pictures</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-darker">
|
||||
<i class="fa fa-paint-brush fa-2x"/>
|
||||
<p>Design</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-darker">
|
||||
<i class="fa fa-font fa-2x"/>
|
||||
<p>Fonts</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="profile-body bg-white">
|
||||
<img alt="" class="img img-responsive img-circle" src="/website/image/theme_common.image_content_09"/>
|
||||
<h3>John DOE</h3>
|
||||
<h6 class="text-primary">- PARTNER -</h6>
|
||||
<p>Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="row profile-options">
|
||||
<div class="col-md-4 bg-alpha">
|
||||
<i class="fa fa-facebook fa-2x"/>
|
||||
<a href="http://www.odoo.com/web/about/facebook" target="_blank">Facebook</a>
|
||||
</div>
|
||||
<div class="col-md-4 bg-alpha">
|
||||
<i class="fa fa-twitter fa-2x"/>
|
||||
<a href="http://www.odoo.com/web/about/twitter" target="_blank">Twitter</a>
|
||||
</div>
|
||||
<div class="col-md-4 bg-alpha">
|
||||
<i class="fa fa-linkedin fa-2x"/>
|
||||
<a href="http://www.odoo.com/web/about/linkedin" target="_blank">Linkedin</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="profile-body bg-white">
|
||||
<img alt="" class="img img-responsive img-circle" src="/website/image/theme_common.image_content_11"/>
|
||||
<h3>John DOE</h3>
|
||||
<h6 class="text-primary">- TRAINEE -</h6>
|
||||
<p>Use this paragraph to write a short, sweet and successful resume about this member of your team.</p>
|
||||
</div>
|
||||
<div class="row profile-options">
|
||||
<div class="col-md-3 bg-gray-lighter">
|
||||
<i class="fa fa-coffee fa-2x"/>
|
||||
<p>Coffee</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-lighter">
|
||||
<i class="fa fa-code fa-2x"/>
|
||||
<p>Code</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-lighter">
|
||||
<i class="fa fa-database fa-2x"/>
|
||||
<p>Database</p>
|
||||
</div>
|
||||
<div class="col-md-3 bg-gray-lighter">
|
||||
<i class="fa fa-video-camera fa-2x"/>
|
||||
<p>Video</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_text_block_image_fw bg-img-13">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="bg-white mt64 mb64 col-md-4 col-md-offset-4">
|
||||
<h2 style="text-align: center;">Short headline</h2>
|
||||
<h5 class="text-primary" style="text-align: center;">With a great subtitle</h5>
|
||||
<p style="text-align: center;">Write one or two paragraphs describing your product, services or a specific feature.<br/>
|
||||
To be successful your content needs to be useful to your readers.</p>
|
||||
<p style="text-align: center;">
|
||||
<i class="fa fa-info-circle fa-1x text-primary"/>
|
||||
<strong>- An additional information</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="s_references_2 mt32 mb32">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<h2>Our References</h2>
|
||||
<h5 class="text-primary mb32">More than 500 happy customers.</h5>
|
||||
<div class="carousel quotecarousel slide mb0" data-interval="5000" id="s_references_2">
|
||||
<div class="carousel-inner">
|
||||
<div class="item">
|
||||
<blockquote>
|
||||
<i class="fa fa-comment fa-1x bg-beta"/>
|
||||
<div class="blockquote-text">
|
||||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||||
<img alt="" class="img img-circle" src="/website/image/theme_common.image_content_10"/>
|
||||
<small>John DOE, CEO of <strong>MyCompany</strong></small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="item active">
|
||||
<blockquote>
|
||||
<i class="fa fa-comment fa-1x bg-beta"/>
|
||||
<div class="blockquote-text">
|
||||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||||
<img alt="" class="img img-circle" src="/website/image/theme_common.image_content_10"/>
|
||||
<small>John DOE, CEO of <strong>MyCompany</strong></small>
|
||||
</div>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<ol class="carousel-indicators"><li class="" data-slide-to="0" data-target="#s_references_2"></li><li data-slide-to="1" data-target="#s_references_2" class="active"></li></ol>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt16 col-md-6 col-md-offset-1">
|
||||
<div class="row">
|
||||
<div class="col-sm-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_12"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_13"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_14"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_15"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_16"/>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-4 mb16">
|
||||
<img alt="" class="img img-responsive" src="/website/image/theme_common.image_content_17"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<record id="demo_page_menu" model="website.menu">
|
||||
<field name="name">Demo</field>
|
||||
<field name="url">/page/demo_page</field>
|
||||
<field name="parent_id" ref="website.main_menu"/>
|
||||
<field name="sequence" type="int">30</field>
|
||||
</record>
|
||||
|
||||
</data>
|
||||
</openerp>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
@@ -0,0 +1,11 @@
|
||||
UNSPLASH - unsplash.com
|
||||
|
||||
All photos published on Unsplash are licensed under Creative Commons Zero which means you can copy, modify, distribute and use the photos for free, including commercial purposes, without asking permission from or providing attribution to the photographer or Unsplash.
|
||||
|
||||
|
||||
RAUMROT - Markus Spiske / raumrot.com / CC-BY
|
||||
|
||||
FFCU. STOCKPHOTOS - FREE FOR COMMERCIAL USE.
|
||||
FREE -handpicked- stockphotos for your commercial and personal works. All available hi-res/hi-quality pictures you can use on personal and commercial projects. Please be respectful to registered trademarks.
|
||||
Some rights reserved. Please keep attribution to the creator.
|
||||
http://creativecommons.org/licenses/by/2.0/
|
||||
@@ -0,0 +1,278 @@
|
||||
<section style="font-family: 'Lato', sans-serif;">
|
||||
<div class="container" style="text-align:left;">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p class="jumbotron lead" style="margin-bottom:40px;">Treehouse is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web.<br/> Just drag & drop the 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>
|
||||
<div class="row" style="margin-bottom:40px;">
|
||||
<div class="col-md-3">
|
||||
<img src="demo_01.jpg" class="img img-responsive" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="demo_02.jpg" class="img img-responsive" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="demo_03.jpg" class="img img-responsive" alt=""/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="demo_04.jpg" class="img img-responsive" alt=""/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 style="font-size:32px;font-weight:500;margin-bottom:20px;">Customization Tools</h2>
|
||||
<div class="alert alert-info" style="margin-bottom:20px; padding:20px;">Treehouse was made with <strong>easy customization</strong> and <strong>branding</strong> in mind. Based on simple, modern and typographical elements, it allows you to easily build your website. All the options were made to work together. You can not go wrong with the settings.
|
||||
</div>
|
||||
<p class="text-muted"><i class="fa fa-1x fa-info-circle" style="color:#000;"></i> - You will find these options in: <strong>Customize</strong> (top-right of the screen) > <strong>Customize Theme</strong></p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4" style="margin-bottom:40px;">
|
||||
<img src="customization-modal-colors.gif" class="img img-responsive">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="customization-modal-fonts-patterns.gif" class="img img-responsive">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="customization-modal-background.gif" class="img img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="margin-bottom:40px;">Some fonts might not work with extended charsets.</p>
|
||||
|
||||
<h2 style="font-size:32px;font-weight:500;margin-bottom:20px;">Building Blocks</h2>
|
||||
<div class="alert alert-info" style="padding:20px;">You get a <strong>new complete range</strong> of building blocks.</div>
|
||||
<p class="text-muted"><i class="fa fa-1x fa-info-circle" style="color:#000;"></i> - You will find these blocks in: <strong>Edit</strong> (top-left of the screen) > <strong>Insert Blocks</strong></p>
|
||||
|
||||
<h3 style="font-size:24px;font-weight:500;margin-bottom:10px;">Structure</h3>
|
||||
<div style="font-size:12px;">
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_banner_2.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Banner
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_page_header.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Page Header
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_features_circle.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Features Circle
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_numbers.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Numbers
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_three_columns_carousel.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
3-Col + Carousel
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_carousel_boxed.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Boxed Carousel
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_four_columns_fw.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
FW. 4-Col
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_text_image_fw.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
FW. Text-Image
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_image_text_fw.gif" style="border:2px solid #000;margin:10px 0 5px 0;"/><br/>
|
||||
FW. Image-Text
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_text_block_image_fw.gif" style="border:2px solid #000;margin:10px 0 5px 0;"/><br/>
|
||||
FW. Text-Block-Image
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_images_captions_fw.gif" style="border:2px solid #000;margin:10px 0 5px 0;"/><br/>
|
||||
FW. Images + Captions
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_masonry_block.gif" style="border:2px solid #000;margin:10px 0 5px 0;"/><br/>
|
||||
Masonry Block
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 style="font-size:24px;font-weight:500;padding:20px 0 10px 0;clear:both;">Content</h3>
|
||||
<div style="font-size:12px;">
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_well_extended.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Well + Icons
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_blockquote_extended.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Blockquote + Author
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_separator_extended.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Separator + Styles
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_panel_extended.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Panel + Icons
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_share_extended.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Social + Styles
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_label.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Label
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_progress_bar.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Progress bar
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 style="font-size:24px;font-weight:500;padding:20px 0 10px 0;clear:both;">Features</h3>
|
||||
<div style="font-size:12px;">
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_references_2.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
References
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_quotes_slider_2.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Quotes Slider
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_features_grid_circle.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Features Grid
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_collapse.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Collapse
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_medias_list.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Medias List
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_news_carousel.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Naws Carousel
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_process_steps_2.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Steps
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_team_profiles_2.gif" style="border:2px solid #000;margin-bottom:5px;"/><br/>
|
||||
Team Profiles
|
||||
</div>
|
||||
<div class="pull-left text-center" style="width:110px;">
|
||||
<img src="snippets_thumbs/s_google_map.gif" style="border:2px solid #000;margin:10px 0 5px 0;"/><br/>
|
||||
Google Map
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 style="font-size:32px;font-weight:500;padding:40px 0 20px 0;clear:both;">Customize Your Blocks</h2>
|
||||
<div class="alert alert-info" style="padding:20px;">Each building blocks comes with its own options of <strong>layout</strong>, <strong>backgrounds</strong>, <strong>colors</strong>, and <strong>styles</strong></div>
|
||||
|
||||
<p style="margin-bottom:40px;">The images in this theme are copyrighted and can't be used outside of the odoo.com domain.</p>
|
||||
|
||||
<p class="jumbotron lead text-center" style="margin-bottom:40px;">
|
||||
This theme was created with the help of our user community.<br/>
|
||||
<strong>Thanks to our backers the Indiegogo campaign was a success!</strong><br/>
|
||||
<a>https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/</a>
|
||||
</p>
|
||||
|
||||
<h2 class="text-center" style="margin-top: 32px;">MAIN SPONSOR</h1>
|
||||
<hr style="border-top-color:#000;">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.aselcis.com/" target="blank">
|
||||
<img src="contributors/aselcis.jpg" class="img-responsive img"/>
|
||||
</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 img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.bloopark.de/" target="blank">
|
||||
<img src="contributors/bloopark.png" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.brouwland.com" target="blank">
|
||||
<img src="contributors/brouwland.jpg" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.catsanddogs.com/" target="blank">
|
||||
<img src="contributors/catsdogs.png" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="https://www.hucke-media.de/" target="blank">
|
||||
<img src="contributors/huckemedia.png" class="img-responsive img"/>
|
||||
</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 img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.dynapps.be/" target="blank">
|
||||
<img src="contributors/dynapps.jpg" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://opusvl.com/" target="blank">
|
||||
<img src="contributors/opusvl.png" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://oxenworkwear.com/" target="blank">
|
||||
<img src="contributors/oxen.jpg" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.simplit.co/" target="blank">
|
||||
<img src="contributors/simplitco.jpg" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.sodexis.com/" target="blank">
|
||||
<img src="contributors/sodexis.jpg" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<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 img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="http://www.applicatour.com/" target="blank">
|
||||
<img src="contributors/applicatour.jpg" class="img-responsive img"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<a href="https://vauxoo.com" target="blank">
|
||||
<img src="contributors/vauxoo.png" class="img-responsive img"/>
|
||||
</a>
|
||||
</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>
|
||||
<h2 class="text-center" style="margin-top: 40px;">SPONSOR</h1>
|
||||
<hr style="border-top-color:#000;">
|
||||
<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>
|
||||
<h2 class="text-center" style="margin-top: 40px;">POWER DESIGNER</h1>
|
||||
<hr style="border-top-color:#000;">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
After Width: | Height: | Size: 518 B |
|
After Width: | Height: | Size: 435 B |
|
After Width: | Height: | Size: 547 B |
|
After Width: | Height: | Size: 410 B |
|
After Width: | Height: | Size: 564 B |
|
After Width: | Height: | Size: 342 B |
|
After Width: | Height: | Size: 793 B |
|
After Width: | Height: | Size: 911 B |
|
After Width: | Height: | Size: 531 B |
|
After Width: | Height: | Size: 666 B |
|
After Width: | Height: | Size: 335 B |
|
After Width: | Height: | Size: 675 B |
|
After Width: | Height: | Size: 624 B |
|
After Width: | Height: | Size: 522 B |
|
After Width: | Height: | Size: 573 B |
|
After Width: | Height: | Size: 207 B |
|
After Width: | Height: | Size: 310 B |
|
After Width: | Height: | Size: 612 B |
|
After Width: | Height: | Size: 217 B |
|
After Width: | Height: | Size: 446 B |
|
After Width: | Height: | Size: 638 B |
|
After Width: | Height: | Size: 292 B |
|
After Width: | Height: | Size: 766 B |
|
After Width: | Height: | Size: 568 B |
|
After Width: | Height: | Size: 547 B |
|
After Width: | Height: | Size: 539 B |
|
After Width: | Height: | Size: 607 B |
|
After Width: | Height: | Size: 363 B |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 215 KiB |
|
After Width: | Height: | Size: 188 KiB |
|
After Width: | Height: | Size: 225 KiB |
|
After Width: | Height: | Size: 277 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 348 KiB |
|
After Width: | Height: | Size: 148 KiB |
|
After Width: | Height: | Size: 211 KiB |
|
After Width: | Height: | Size: 191 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 262 KiB |
|
After Width: | Height: | Size: 313 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 200 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 201 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 174 B |