[REF] website: move s_faq_collapse to dedicated files
This commit is contained in:
qsm-odoo
@@ -50,6 +50,7 @@
|
||||
'views/snippets/s_company_team.xml',
|
||||
'views/snippets/s_call_to_action.xml',
|
||||
'views/snippets/s_references.xml',
|
||||
'views/snippets/s_faq_collapse.xml',
|
||||
'views/website_views.xml',
|
||||
'views/website_visitor_views.xml',
|
||||
'views/res_config_settings_views.xml',
|
||||
|
||||
@@ -410,42 +410,6 @@ table.table_desc tr td {
|
||||
}
|
||||
}
|
||||
|
||||
// FAQ
|
||||
.s_faq_collapse {
|
||||
.accordion .card {
|
||||
.card-header {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: .5em 0;
|
||||
border-radius: 0;
|
||||
outline: none;
|
||||
&:before {
|
||||
content:'\f056';
|
||||
font-family: 'FontAwesome';
|
||||
display: inline-block;
|
||||
margin: 0 .5em 0 .75em;
|
||||
color: $gray-600;
|
||||
}
|
||||
&.collapsed:before {
|
||||
content:'\f055';
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.card-body {
|
||||
padding: 1em 2.25em;
|
||||
}
|
||||
}
|
||||
.card-body p:last-child,
|
||||
.card-body ul:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Carousel -> TODO: should be versioned in 000.scss file but how ?
|
||||
.s_carousel,
|
||||
.s_quotes_carousel {
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
.s_faq_collapse {
|
||||
.accordion .card {
|
||||
.card-header {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: .5em 0;
|
||||
border-radius: 0;
|
||||
outline: none;
|
||||
&:before {
|
||||
content:'\f056';
|
||||
font-family: 'FontAwesome';
|
||||
display: inline-block;
|
||||
margin: 0 .5em 0 .75em;
|
||||
color: $gray-600;
|
||||
}
|
||||
&.collapsed:before {
|
||||
content:'\f055';
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.card-body {
|
||||
padding: 1em 2.25em;
|
||||
}
|
||||
}
|
||||
.card-body p:last-child,
|
||||
.card-body ul:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_faq_collapse" name="Accordion">
|
||||
<section class="s_faq_collapse pt48 pb32">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="col-lg-12 s_title pt16 pb16">
|
||||
<h1 class="s_title_thin"><font style="font-size: 62px;">FAQ</font></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-lg-12 pt16 pb16">
|
||||
<div id="myCollapse" class="accordion" role="tablist">
|
||||
<div class="card bg-white">
|
||||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="true" class="card-header">Terms of service</a>
|
||||
<div class="collapse show" role="tabpanel">
|
||||
<div class="card-body">
|
||||
<p class="card-text">These terms of service ("Terms", "Agreement") are an agreement between the website ("Website operator", "us", "we" or "our") and you ("User", "you" or "your"). This Agreement sets forth the general terms and conditions of your use of this website and any of its products or services (collectively, "Website" or "Services").</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-white">
|
||||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="false" class="collapsed card-header">Links to other Websites</a>
|
||||
<div class="collapse" role="tabpanel">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Although this Website may be linked to other websites, we are not, directly or indirectly, implying any approval, association, sponsorship, endorsement, or affiliation with any linked website, unless specifically stated herein.</p>
|
||||
<p class="card-text">You should carefully review the legal statements and other conditions of use of any website which you access through a link from this Website. Your linking to any other off-site pages or other websites is at your own risk.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-white">
|
||||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="false" class="collapsed card-header">Use of Cookies</a>
|
||||
<div class="collapse" role="tabpanel">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Website may use cookies to personalize and facilitate maximum navigation of the User by this site. The User may configure his / her browser to notify and reject the installation of the cookies sent by us.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="assets_snippet_s_faq_collapse_css_000" inherit_id="website.assets_frontend">
|
||||
<xpath expr="//link[last()]" position="after">
|
||||
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_faq_collapse/000.scss"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -1,49 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_faq_collapse" name="Accordion">
|
||||
<section class="s_faq_collapse pt48 pb32">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="col-lg-12 s_title pt16 pb16">
|
||||
<h1 class="s_title_thin"><font style="font-size: 62px;">FAQ</font></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row s_col_no_bgcolor">
|
||||
<div class="col-lg-12 pt16 pb16">
|
||||
<div id="myCollapse" class="accordion" role="tablist">
|
||||
<div class="card bg-white">
|
||||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="true" class="card-header">Terms of service</a>
|
||||
<div class="collapse show" role="tabpanel">
|
||||
<div class="card-body">
|
||||
<p class="card-text">These terms of service ("Terms", "Agreement") are an agreement between the website ("Website operator", "us", "we" or "our") and you ("User", "you" or "your"). This Agreement sets forth the general terms and conditions of your use of this website and any of its products or services (collectively, "Website" or "Services").</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-white">
|
||||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="false" class="collapsed card-header">Links to other Websites</a>
|
||||
<div class="collapse" role="tabpanel">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Although this Website may be linked to other websites, we are not, directly or indirectly, implying any approval, association, sponsorship, endorsement, or affiliation with any linked website, unless specifically stated herein.</p>
|
||||
<p class="card-text">You should carefully review the legal statements and other conditions of use of any website which you access through a link from this Website. Your linking to any other off-site pages or other websites is at your own risk.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card bg-white">
|
||||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="false" class="collapsed card-header">Use of Cookies</a>
|
||||
<div class="collapse" role="tabpanel">
|
||||
<div class="card-body">
|
||||
<p class="card-text">Website may use cookies to personalize and facilitate maximum navigation of the User by this site. The User may configure his / her browser to notify and reject the installation of the cookies sent by us.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<template id="s_features_grid" name="Features Grid">
|
||||
<section class="s_features_grid pt48 pb24">
|
||||
<div class="container">
|
||||
Reference in New Issue
Block a user