[IMP] website: improve images and layout of References snippet

Part of https://github.com/odoo/odoo/pull/46773
task-2191381
This commit is contained in:
Cocographique
2020-03-03 16:12:23 +00:00
committed by qsm-odoo
parent 219b29c4e2
commit 9800c89913
8 changed files with 17 additions and 9 deletions
+6
View File
@@ -685,6 +685,12 @@
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_references_5.png</field>
</record>
<record id="website.s_reference_default_image_6" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_default_image_6.png</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_references_6.png</field>
</record>
<record id="website.s_company_team_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_1.png</field>
Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

+11 -9
View File
@@ -2,27 +2,29 @@
<odoo>
<template id="s_references" name="References">
<section class="s_references bg-200 pt16 pb16">
<section class="s_references bg-200 pt48 pb32">
<div class="container">
<h2 style="text-align: center;">Our References</h2>
<p style="text-align: center;">We are in good company.</p>
<div class="row">
<div class="col-lg-2 pt32">
<h4>References</h4>
</div>
<div class="col-lg-2">
<div class="col-lg-2 pt16 pb16">
<img src="/web/image/website.s_reference_demo_image_1" class="img img-fluid " alt="Demo Logo"/>
</div>
<div class="col-lg-2">
<div class="col-lg-2 pt16 pb16">
<img src="/web/image/website.s_reference_demo_image_2" class="img img-fluid " alt="Demo Logo"/>
</div>
<div class="col-lg-2">
<div class="col-lg-2 pt16 pb16">
<img src="/web/image/website.s_reference_demo_image_3" class="img img-fluid " alt="Demo Logo"/>
</div>
<div class="col-lg-2">
<div class="col-lg-2 pt16 pb16">
<img src="/web/image/website.s_reference_demo_image_4" class="img img-fluid " alt="Demo Logo"/>
</div>
<div class="col-lg-2">
<div class="col-lg-2 pt16 pb16">
<img src="/web/image/website.s_reference_demo_image_5" class="img img-fluid " alt="Demo Logo"/>
</div>
<div class="col-lg-2 pt16 pb16">
<img src="/web/image/website.s_reference_default_image_6" class="img-fluid" alt="Demo Logo"/>
</div>
</div>
</div>
</section>