[IMP] website: review section margins and icon color in showcase snippet
Part of https://github.com/odoo/odoo/pull/44980 task-2182907
This commit is contained in:
@@ -41,7 +41,6 @@
|
||||
.s_showcase_icon {
|
||||
// Make the default margin the one for the left aligned icon, as it's what we want on mobile
|
||||
margin-right: 15px;
|
||||
opacity: .5;
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,29 +3,29 @@
|
||||
|
||||
<!-- Template -->
|
||||
<template name="Showcase" id="s_showcase">
|
||||
<section class="s_showcase" data-vcss="001">
|
||||
<section class="s_showcase pt32 pb32" data-vcss="001">
|
||||
<div class="container">
|
||||
<div class="row text-center col-md-6 col-lg-12 mx-auto mt-3">
|
||||
<div class="row text-center col-md-6 col-lg-12">
|
||||
<div class="col-lg-3 offset-lg-2 my-2" data-name="Feature block">
|
||||
<h3 class="mb16"><span class="fa fa-fw fa-desktop s_showcase_icon"/>First feature</h3>
|
||||
<h3 class="mb16"><span class="fa fa-fw fa-desktop text-beta s_showcase_icon"/>First feature</h3>
|
||||
<p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
|
||||
</div>
|
||||
<div class="col-lg-3 offset-lg-2 my-2" data-name="Feature block">
|
||||
<h3 class="mb16"><span class="fa fa-paint-brush s_showcase_icon"/>Second feature</h3>
|
||||
<h3 class="mb16"><span class="fa fa-paint-brush text-beta s_showcase_icon"/>Second feature</h3>
|
||||
<p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
|
||||
</div>
|
||||
<div class="col-lg-3 offset-lg-2 my-2" data-name="Feature block">
|
||||
<h3 class="mb16"><span class="fa fa-heart s_showcase_icon"/>Another feature</h3>
|
||||
<h3 class="mb16"><span class="fa fa-heart text-beta s_showcase_icon"/>Another feature</h3>
|
||||
<p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
|
||||
</div>
|
||||
<div class="col-lg-3 offset-lg-2 my-2" data-name="Feature block">
|
||||
<h3 class="mb16"><span class="fa fa-sliders s_showcase_icon"/>Last Feature</h3>
|
||||
<h3 class="mb16"><span class="fa fa-sliders text-beta s_showcase_icon"/>Last Feature</h3>
|
||||
<p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt16 mb16 text-center">
|
||||
<a class="btn btn-secondary" href="">Discover all the features</a>
|
||||
<div class="pt16 text-center">
|
||||
<a href="#" class="btn btn-primary">Discover all the features</a>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user