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.
316 lines
19 KiB
316 lines
19 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Team template-->
|
|
<template id="team_page" name="Team">
|
|
<t t-call="website.layout">
|
|
<section class="banner_service">
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<div class="banner_content text-center text-md-left">
|
|
<h1 class="text">
|
|
CREATIVE
|
|
PEOPLE
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Team Section -->
|
|
<section class="page_team">
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<h5 class="u_sub_heading">
|
|
MEET THE TEAM
|
|
</h5>
|
|
<h3 class="bold_heading">
|
|
Our Creative Team
|
|
</h3>
|
|
</div>
|
|
|
|
<!-- Leads Section - Modified for Responsiveness -->
|
|
<div class="leads">
|
|
<div class="row">
|
|
<!-- Changed from col-6 to col-md-6 for responsive behavior -->
|
|
<div class="col-12 col-md-6 mb-4 mb-md-0 pr-md-5">
|
|
<div class="lead_wrapper">
|
|
<div class="lead_img">
|
|
<img src="theme_levelup/static/src/images/team/lead (1).png"
|
|
class="img-fluid" alt=""/>
|
|
</div>
|
|
<div class="leads_body">
|
|
<h6>Jhon Luther</h6>
|
|
<div class="roll">Project Manager</div>
|
|
<p>
|
|
Lorem ipsum is simply dummy text
|
|
of the printing and typesetting
|
|
industry..
|
|
</p>
|
|
<ul class="socilal_media">
|
|
<!-- Social media icons remain the same -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 pl-md-5">
|
|
<div class="lead_wrapper">
|
|
<div class="lead_img">
|
|
<img src="theme_levelup/static/src/images/team/lead (2).png"
|
|
class="img-fluid" alt=""/>
|
|
</div>
|
|
<div class="leads_body">
|
|
<h6>Jhon Doe</h6>
|
|
<div class="roll">Marketing Director</div>
|
|
<p>
|
|
Lorem ipsum is simply dummy text
|
|
of the printing and typesetting
|
|
industry..
|
|
</p>
|
|
<ul class="socilal_media">
|
|
<!-- Social media icons remain the same -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-4">
|
|
<div class="col-12 col-md-6 mb-4 mb-md-0 pr-md-5">
|
|
<div class="lead_wrapper">
|
|
<div class="lead_img">
|
|
<img src="theme_levelup/static/src/images/team/lead (3).png"
|
|
class="img-fluid" alt=""/>
|
|
</div>
|
|
<div class="leads_body">
|
|
<h6>Luke Shaw</h6>
|
|
<div class="roll">Web designer</div>
|
|
<p>
|
|
Lorem ipsum is simply dummy text
|
|
of the printing and typesetting
|
|
industry..
|
|
</p>
|
|
<ul class="socilal_media">
|
|
<!-- Social media icons remain the same -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-md-6 pl-md-5">
|
|
<div class="lead_wrapper">
|
|
<div class="lead_img">
|
|
<img src="theme_levelup/static/src/images/team/lead (4).png"
|
|
class="img-fluid" alt=""/>
|
|
</div>
|
|
<div class="leads_body">
|
|
<h6>Sara Lorence</h6>
|
|
<div class="roll">HR Manager</div>
|
|
<p>
|
|
Lorem ipsum is simply dummy text
|
|
of the printing and typesetting
|
|
industry..
|
|
</p>
|
|
<ul class="socilal_media">
|
|
<!-- Social media icons remain the same -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Behind the Team Section - Made Responsive -->
|
|
<div class="behind mt-5">
|
|
<div class="b_head text-center text-md-left">
|
|
MEET THE ALL TEAM BEHIND YOUR SUCCESS
|
|
</div>
|
|
<div class="behind_warpper mt-4">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 mb-4 mb-md-0">
|
|
<div class="abt_team">
|
|
We're a talented team of branding
|
|
experts who know how to build brands
|
|
that resonate with customers.
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<div class="team_img text-center text-md-left">
|
|
<div class="r_img">
|
|
<img class="image1 img-fluid"
|
|
src="theme_levelup/static/src/images/team/Ellipse 26.png"/>
|
|
<img class="image2 img-fluid"
|
|
src="theme_levelup/static/src/images/team/Ellipse 27.png"/>
|
|
<img class="image3 img-fluid"
|
|
src="theme_levelup/static/src/images/team/Ellipse 28.png"/>
|
|
<img class="image4 img-fluid"
|
|
src="theme_levelup/static/src/images/team/Ellipse 29.png"/>
|
|
</div>
|
|
<div class="trust mt-3">
|
|
More than 50k people Trust on our Experts
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Team Members Grid - Made Responsive -->
|
|
<!-- Behind the Team Section - Made Responsive -->
|
|
<!-- Behind the Team Section -->
|
|
<div class="behind mt-5">
|
|
<div class="b_head text-center text-md-left">
|
|
MEET THE ALL TEAM BEHIND YOUR SUCCESS
|
|
</div>
|
|
<div class="behind_wrapper mt-4">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 mb-4 mb-md-0">
|
|
<div class="abt_team">
|
|
We're a talented team of branding
|
|
experts who know how to build brands
|
|
that resonate with customers.
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<div class="team_img">
|
|
<div class="r_img d-flex flex-wrap" style="gap: 15px;">
|
|
<img class="expert-img"
|
|
src="theme_levelup/static/src/images/team/Ellipse 26.png"/>
|
|
<img class="expert-img"
|
|
src="theme_levelup/static/src/images/team/Ellipse 27.png"/>
|
|
<img class="expert-img"
|
|
src="theme_levelup/static/src/images/team/Ellipse 28.png"/>
|
|
<img class="expert-img"
|
|
src="theme_levelup/static/src/images/team/Ellipse 29.png"/>
|
|
</div>
|
|
<div class="trust mt-3">
|
|
More than 50k people Trust on our Experts
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Team Members Grid -->
|
|
<div class="members mt-5">
|
|
<div class="row">
|
|
<div class="col-6 col-md-3 mb-4">
|
|
<div class="member-card">
|
|
<div class="member-img-wrapper">
|
|
<img src="theme_levelup/static/src/images/team/tr (1).png"
|
|
class="img-fluid" alt="Martha"/>
|
|
</div>
|
|
<div class="member-info">
|
|
<h6>Martha</h6>
|
|
<p>HR</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3 mb-4">
|
|
<div class="member-card">
|
|
<div class="member-img-wrapper">
|
|
<img src="theme_levelup/static/src/images/team/tr (4).png"
|
|
class="img-fluid" alt="Jhon"/>
|
|
</div>
|
|
<div class="member-info">
|
|
<h6>Jhon</h6>
|
|
<p>Designer</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3 mb-4">
|
|
<div class="member-card">
|
|
<div class="member-img-wrapper">
|
|
<img src="theme_levelup/static/src/images/team/tr (3).png"
|
|
class="img-fluid" alt="Samual"/>
|
|
</div>
|
|
<div class="member-info">
|
|
<h6>Samual</h6>
|
|
<p>MD</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3 mb-4">
|
|
<div class="member-card">
|
|
<div class="member-img-wrapper">
|
|
<img src="theme_levelup/static/src/images/team/tr (2).png"
|
|
class="img-fluid" alt="Roshan"/>
|
|
</div>
|
|
<div class="member-info">
|
|
<h6>Roshan</h6>
|
|
<p>Accountant</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Join Section - Made Responsive -->
|
|
<div class="join">
|
|
<div class="wrapper_j">
|
|
<div class="content text-center">
|
|
<p>AWESOMENESS AND CREATIVE PEOPLE</p>
|
|
<h4 class="mb-3">
|
|
We talk a lot about hope
|
|
<br class="d-none d-md-block"/>
|
|
helping and teamwork
|
|
</h4>
|
|
<a href="/contactus" class="btn btn-white">JOIN THE TEAM</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Words Section - Made Responsive -->
|
|
<div class="words">
|
|
<div class="wrapper_w">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 order-2 order-md-1">
|
|
<div class="right mt-4 mt-md-0">
|
|
<div class="main_heading text-center text-md-left">
|
|
<p>WORDS OF TEAM MEMBER</p>
|
|
<h3>
|
|
Teamwork is the ability work
|
|
together toward
|
|
</h3>
|
|
</div>
|
|
<div class="xox mt-3">
|
|
"Lorem ipsum is simply dummy
|
|
text of the printing and typeing
|
|
industry. lorem ipsum has been
|
|
the
|
|
industry's standard dummy text
|
|
ever since."
|
|
</div>
|
|
<div class="person d-flex align-items-center mt-4">
|
|
<div class="details mr-3">
|
|
<h6>Mike Bradford</h6>
|
|
<p>Creative director</p>
|
|
</div>
|
|
<img src="theme_levelup/static/src/images/team/Rectangle 124.png"
|
|
class="img-fluid" width="100px" alt=""/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 order-1 order-md-2">
|
|
<div class="left text-center">
|
|
<img src="theme_levelup/static/src/images/team/aa.png"
|
|
class="img_w1 img-fluid" alt=""/>
|
|
<img src="theme_levelup/static/src/images/team/as.png"
|
|
class="img_w2 img-fluid mt-3" alt=""/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="oe_structure"/>
|
|
</t>
|
|
</template>
|
|
</odoo>
|