Design
274 lines
20 KiB
XML
274 lines
20 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<openerp>
|
||
<data>
|
||
|
||
<template id="website.demo" page="True" name="Theme Demo">
|
||
<t t-call="website.layout">
|
||
|
||
<div id="wrap" class="oe_structure oe_empty">
|
||
|
||
<section class="carousel slide" data-interval="10000" id="myCarousel4">
|
||
<ol class="carousel-indicators hidden" type="01"><li class="active" data-slide-to="0" data-target="#myCarousel4"/></ol>
|
||
<div class="carousel-inner">
|
||
<div class="item bg-img-03 active">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-8 col-sm-12 hero-bg">
|
||
<h1>Generate customers</h1>
|
||
<h2>from visitors.</h2>
|
||
<img alt="#" src="/web/image/theme_common.image_content_01" class="img img-responsive"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item bg-img-07">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-8 col-sm-12 hero-bg">
|
||
<h1>Present your products</h1>
|
||
<h2>with this Theme.</h2>
|
||
<img alt="#" src="/web/image/theme_common.image_content_01" class="img img-responsive"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-control left" data-slide="prev" data-target="#myCarousel4" href="#myCarousel4">
|
||
<i class="fa fa-chevron-left"/>
|
||
</div>
|
||
<div class="carousel-control right" data-slide="next" data-target="#myCarousel4" href="#myCarousel4">
|
||
<i class="fa fa-chevron-right"/>
|
||
</div>
|
||
</section>
|
||
<section class="s_product_list mt0 bg-alpha">
|
||
<div class="container-fluid product-list">
|
||
<div class="row">
|
||
<div class="col-md-2 col-sm-4 col-xs-6">
|
||
<a href="http://www.odoo.com">
|
||
<img alt="#" src="/web/image/theme_common.image_content_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 class="col-md-2 col-sm-4 col-xs-6">
|
||
<a href="http://www.odoo.com">
|
||
<img alt="#" src="/web/image/theme_common.image_content_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 class="col-md-2 col-sm-4 col-xs-6">
|
||
<a href="http://www.odoo.com">
|
||
<img alt="#" src="/web/image/theme_common.image_content_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 class="col-md-2 col-sm-4 col-xs-6">
|
||
<a href="http://www.odoo.com">
|
||
<img alt="#" src="/web/image/theme_common.image_content_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 class="col-md-2 col-sm-4 col-xs-6">
|
||
<a href="http://www.odoo.com">
|
||
<img alt="#" src="/web/image/theme_common.image_content_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 class="col-md-2 col-sm-4 col-xs-6">
|
||
<a href="http://www.odoo.com">
|
||
<img alt="#" src="/web/image/theme_common.image_content_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_color_blocks_2 o_animation o_displayed_top o_displayed_middle o_displayed_bottom">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-6 s_color_blocks_2_block text-center bg-beta">
|
||
<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 text-center bg-epsilon">
|
||
<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">
|
||
<font class="text-alpha">Customize Backgrounds</font>
|
||
</h3>
|
||
<p class="text-justify mb32">Color blocks are a simple and effective way to
|
||
<strong>present and highlight your content</strong>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.
|
||
</p>
|
||
<a class="btn btn-danger " href="#">
|
||
<i class="fa fa-cog"/> More Details
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="jumbotron s_big_message mt0 mb0 bg-gray-dark">
|
||
<div class="container">
|
||
<h1>Sell Online. Easily.</h1>
|
||
<p>Write one sentence to convince visitor about your message.</p>
|
||
<p>
|
||
<a class="btn btn-success btn-lg" href="/page/website.contactus">Contact us </a>
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section class="s_color_blocks_4 o_animation o_displayed_top o_displayed_middle o_displayed_bottom">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-3 col-sm-12 s_color_blocks_4_block text-center bg-alpha">
|
||
<h4>A COLOR BLOCK</h4>
|
||
<p>Highlight Your Content</p>
|
||
</div>
|
||
<div class="col-md-3 col-sm-12 s_color_blocks_4_block text-center bg-beta">
|
||
<h4>A COLOR BLOCK</h4>
|
||
<p>Customize Backgrounds</p>
|
||
</div>
|
||
<div class="col-md-3 col-sm-12 s_color_blocks_4_block text-center bg-gamma">
|
||
<h4>A COLOR BLOCK</h4>
|
||
<p>Resize and Duplicate</p>
|
||
</div>
|
||
<div class="col-md-3 col-sm-12 s_color_blocks_4_block text-center bg-delta">
|
||
<h4>A COLOR BLOCK</h4>
|
||
<p>Select the Colors</p>
|
||
</div>
|
||
</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 product’s 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 s_header_text_big_picture_picturecol">
|
||
<img alt="#" src="/web/image/theme_common.image_content_04" class="img img-responsive"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="s_testimonial_slider carousel slide mt0 mb0" data-interval="6000" data-ride="carousel" id="myCarousel4">
|
||
<ol class="carousel-indicators hidden"><li class="active" data-slide-to="0" data-target="#myCarousel4"/></ol>
|
||
<div class="carousel-inner">
|
||
<div class="item active">
|
||
<div class="container">
|
||
<div class="row content text-center mt64 mb64">
|
||
<h3>
|
||
<i class="fa fa-quote-left"/> Let your visitors know what they said about you.
|
||
<i class="fa fa-quote-right"/>
|
||
</h3>
|
||
<p class="lead">Name, Function / Company Inc.</p>
|
||
<div class="col-md-2 col-md-offset-5">
|
||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="s_cubes bg-beta">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-6 cube cube-big col-xs-12 col-sm-12 bg-img-03"/>
|
||
<div class="cube-big col-md-6 col-xs-12 col-sm-12">
|
||
<div class="row">
|
||
<div class="cube cube-text col-md-6 col-sm-6 col-xs-12">
|
||
<div class="cube-heading">
|
||
<h4 class="text-center">A good subtitle</h4>
|
||
<p class="text-center">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</p>
|
||
</div>
|
||
</div>
|
||
<div class="cube cube-small col-md-6 col-sm-6 col-xs-12 bg-img-04"/></div>
|
||
<div class="row">
|
||
<div class="cube cube-small col-md-6 col-sm-6 col-xs-12 bg-img-02"/>
|
||
<div class="cube cube-text col-md-6 col-sm-6 col-xs-12 last">
|
||
<div class="cube-heading">
|
||
<h4 class="text-center">A good subtitle</h4>
|
||
<p class="text-center">A great way to catch your reader's attention is to tell a story. Everything you consider writing can be told as a story.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="s_text_picture_text bg-alpha mt48">
|
||
<div class="container-fluid">
|
||
<div class="row mb32 mt32">
|
||
<div class="col-sm-12 col-md-3 col-md-offset-1">
|
||
<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="/web/image/theme_common.image_content_05" class="img img-responsive"/>
|
||
<a href="#">DISCOVER THE PRODUCT</a>
|
||
</div>
|
||
<div class="col-sm-12 col-md-3">
|
||
<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_title">
|
||
<div class="container">
|
||
<h1 class="mb32 mt32 text-center">Our references</h1>
|
||
</div>
|
||
</section>
|
||
<hr class="s_separator"/>
|
||
<section class="s_references bg-alpha">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-2 col-md-offset-1">
|
||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<img class="img-responsive center-block" src="/web/image/theme_common.image_content_08"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
</t>
|
||
</template>
|
||
|
||
</data>
|
||
</openerp>
|