[REF] website: move s_picture snippet to dedicated file

This commit is contained in:
qsm-odoo
2019-12-18 00:32:06 +01:00
3 changed files with 26 additions and 21 deletions
+1
View File
@@ -35,6 +35,7 @@
'views/snippets/s_text_block.xml',
'views/snippets/s_features.xml',
'views/snippets/s_three_columns.xml',
'views/snippets/s_picture.xml',
'views/website_views.xml',
'views/website_visitor_views.xml',
'views/res_config_settings_views.xml',
@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_picture" name="Picture">
<section class="s_picture bg-200 pt48 pb24">
<div class="container">
<div class="row s_nb_column_fixed">
<div class="col-lg-12 s_title pt16 pb16">
<h2 class="s_title_thin" style="text-align: center;"><font style="font-size: 62px;">A punchy Headline</font></h2>
</div>
<div class="col-lg-12 pt16 pb16">
<p style="text-align: center;">Choose a vibrant image and write an inspiring paragraph about it.<br/> It does not have to be long, but it should reinforce your image.</p>
</div>
<div class="col-lg-8 offset-lg-2 pb24">
<figure class="figure">
<img src="/web/image/website.s_picture_default_image" class="figure-img img-fluid rounded img-thumbnail padding-large" alt="Odoo • A picture with a caption"/>
<figcaption class="figure-caption py-3 text-center"><i class="fa fa-1x fa-picture-o mr-2"/>Add a caption to enhance the meaning of this image.</figcaption>
</figure>
</div>
</div>
</div>
</section>
</template>
</odoo>
@@ -1,27 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_picture" name="Picture">
<section class="s_picture bg-200 pt48 pb24">
<div class="container">
<div class="row s_nb_column_fixed">
<div class="col-lg-12 s_title pt16 pb16">
<h2 class="s_title_thin" style="text-align: center;"><font style="font-size: 62px;">A punchy Headline</font></h2>
</div>
<div class="col-lg-12 pt16 pb16">
<p style="text-align: center;">Choose a vibrant image and write an inspiring paragraph about it.<br/> It does not have to be long, but it should reinforce your image.</p>
</div>
<div class="col-lg-8 offset-lg-2 pb24">
<figure class="figure">
<img src="/web/image/website.s_picture_default_image" class="figure-img img-fluid rounded img-thumbnail padding-large" alt="Odoo • A picture with a caption"/>
<figcaption class="figure-caption py-3 text-center"><i class="fa fa-1x fa-picture-o mr-2"/>Add a caption to enhance the meaning of this image.</figcaption>
</figure>
</div>
</div>
</div>
</section>
</template>
<template id="s_carousel" name="Carousel">
<section class="s_carousel_wrapper">
<div id="myCarousel" class="s_carousel s_carousel_default carousel slide" data-interval="10000">