You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
278 lines
16 KiB
278 lines
16 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Portfolio website menu-->
|
|
<record id="menu_portfolio" model="website.menu">
|
|
<field name="name">Portfolio</field>
|
|
<field name="url">/portfolio</field>
|
|
<field name="parent_id" ref="website.main_menu"/>
|
|
<field name="sequence" type="int">31</field>
|
|
</record>
|
|
<!--Portfolio page template-->
|
|
<template id="portfolio_page" name="Portfolio">
|
|
<t t-call="website.layout">
|
|
<section class="banner_sub banner_portfolio banner_service">
|
|
<div class="container banner_content d-block">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="/">Home</a>
|
|
</li>
|
|
<li class="breadcrumb-item active" aria-current="page">
|
|
Portfolio
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
<div class="row">
|
|
<div class="col-xl-5 col-lg-8 col-md-7 col-sm-8 col-12">
|
|
<div class="details">
|
|
<h3 class="banner_heading">Our portfolio</h3>
|
|
<p>
|
|
Lorem ipsum dolor sit amet consecteadipiscing eiusmod tempor
|
|
Lorem ipsum dolor sit amet
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Banner -->
|
|
<!-- Service -->
|
|
<section class="portfolio">
|
|
<div class="wrapper_p">
|
|
<div class="portfolio_disc">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-7 col-md-6 col-12">
|
|
<div class="pd_left">
|
|
<h1 class="pd_heading">
|
|
Founded on passion built on service Measured on
|
|
<span>results</span>
|
|
</h1>
|
|
<p class="common_text">
|
|
Donec id sem quis felis tristique maximus. Cras iaculis
|
|
libero libero, id dictum tortor vulputate sed. Duis metus
|
|
ex, sodales sit amet posuere ac, posuere ut magna. Duis
|
|
gravida tincidunt tortor, ut vestibulum sapien porttitor
|
|
sed. Vestibulum rutrum suscipit luctus. Duis a sagittis leo.
|
|
Aliquam laoreet laoreet ex, ut sagittis nisl scelerisque a.
|
|
Maecenas a ex ipsum. Aliquam eget gravida erat. Aenean
|
|
dignissim urna et elementum commodo. Sed eget fringilla
|
|
tellus. Sed faucibus est lectus, at hendrerit augue mollis
|
|
pulvinar.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 col-md-6 col-12">
|
|
<div class="pd_right">
|
|
<div class="year">
|
|
<div class="yr">
|
|
10+
|
|
<br/>
|
|
years
|
|
</div>
|
|
<p>Experience in
|
|
<br/>
|
|
Automotive Industry
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section class="car_garage future">
|
|
<div class="container">
|
|
<div class="common_p">
|
|
Future
|
|
</div>
|
|
<h5 class="common_heading">Our garage
|
|
</h5>
|
|
<div class="future_content">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 11.png"
|
|
alt=""/>
|
|
</div>
|
|
<p class="img_caption">
|
|
2024 Lamborghini Revuelto
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 12.png"
|
|
alt=""/>
|
|
</div>
|
|
<p class="img_caption">
|
|
2023 Novitec Ferrari 296 GTB
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 13.png"
|
|
alt=""/>
|
|
</div>
|
|
<p class="img_caption">
|
|
2024 Lamborghini Revuelto
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 14.png"
|
|
alt=""/>
|
|
</div>
|
|
<p class="img_caption">
|
|
2024 Lamborghini Revuelto
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 15.png"
|
|
alt=""/>
|
|
</div>
|
|
<p>
|
|
<div class="col-12 px-0">
|
|
2024 Lamborghini Revuelto
|
|
</div>
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 17.png"
|
|
alt=""/>
|
|
</div>
|
|
<p class="img_caption">
|
|
2024 Lamborghini Revuelto
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 17.png"
|
|
alt=""/>
|
|
</div>
|
|
<p class="img_caption">
|
|
2024 Lamborghini Revuelto
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 18.png"
|
|
alt=""/>
|
|
</div>
|
|
<p class="img_caption">
|
|
2024 Lamborghini Revuelto
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_autofly/static/src/assets/portfolio/image 19.png"
|
|
alt=""/>
|
|
</div>
|
|
<p class="img_caption">
|
|
2024 Lamborghini Revuelto
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</section>
|
|
</t>
|
|
</template>
|
|
<template id="portfolio_garage_page" name="Portfolio">
|
|
<section class="car_garage future">
|
|
<div class="container">
|
|
<div class="common_p">
|
|
Future
|
|
</div>
|
|
<h5 class="common_heading">Our garage
|
|
</h5>
|
|
<div class="future_content">
|
|
<div class="row">
|
|
<t t-foreach="hot_deals" t-as="hot_deal" t-if="hot_deals">
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="future_card">
|
|
<a href="#">
|
|
<div class="img_wrapper">
|
|
<img t-attf-src="/web/image?model=car.garage&field=image&id=#{hot_deal.id}"
|
|
class="img img-fluid rotate-center" alt="" loading="lazy"/>
|
|
</div>
|
|
<p class="img_caption">
|
|
<t t-esc="hot_deal.name"/>
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="all_type future" style="margin-bottom:100px;">
|
|
<div class="container">
|
|
<div class="common_p">
|
|
Future
|
|
</div>
|
|
<h5 class="common_heading">All type
|
|
</h5>
|
|
<div class="row">
|
|
<div class="container">
|
|
<div class="row pt-4">
|
|
<t t-foreach="car_types" t-as="car_type" t-if="car_types">
|
|
<div class="col-12 px-0 mt-5 pt-3">
|
|
<div class="all_type_card"
|
|
t-attf-style="background-image:url('data:image/png;base64,#{car_type.image}')">
|
|
<div class="row w-100 type-name">
|
|
<div class="col-lg-5 offset-lg-7 col-md-6 offset-md-6 col-sm-9 offset-sm-3 col-9 offset-3">
|
|
<span>
|
|
<t t-esc="car_type.name"/>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
</odoo>
|
|
|