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.
 
 
 
 
 

578 lines
39 KiB

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- About template for about page-->
<template id="about_page" name="About">
<t t-call="website.layout">
<section class="banner_about about_slider">
<div class="wrapper">
<div class="container">
<div class="banner_content">
About us
<div class="c_wrapper">
About us
</div>
</div>
</div>
</div>
</section>
<!-- Template for banner page -->
<img class="bg_img"
src="/theme_levelup/static/src/images/Main_bg/circle_trans.png"
alt=""/>
<section class="about">
<div class="wrapper">
<div class="intro">
<div class="container-fluid no-gutters">
<div class="row">
<div class="col-lg-6 col-12 p-0">
<div class="left">
<div class="main_heading text-left">
<p>ABOUT Levelup AGENCY</p>
<h3>
We help brands and companies
stand out in the digital age
</h3>
</div>
</div>
</div>
<div class="col-lg-6 col-12 p-0">
<div class="right">
<h6>Brand research and strategy</h6>
<p>
Lorem ipsum dolor sit amet
consectetur adipiscing elit do
eiusmod tempor incididunt ut labore
et dolore magna ut enim
ad minim veniam nostrud ullamco
laboris nisi ut aliquip ex
ea commodo incididunt ut labore et
dolore magna consequat.
</p>
<div class="next">
<a href="#">
<span>COMPANY SERVICES</span>
<div class="arrow">
<i class="bi bi-arrow-right-short"/>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Template for slider carousel -->
<section class="slider">
<div class="container">
<div class="owl-carousel my-slider" id="owl-slider-8">
<div class="item">
<div class="bg1">
<img src="/theme_levelup/static/src/images/about_page/slider1.jpg"
alt=""/>
</div>
</div>
<div class="item">
<div class="bg1">
<img src="/theme_levelup/static/src/images/about_page/slider2.jpg"
alt=""/>
</div>
</div>
<div class="item">
<div class="bg1">
<img src="/theme_levelup/static/src/images/about_page/slider3.jpg"
alt=""/>
</div>
</div>
</div>
</div>
</section>
<!-- Slider template -->
<!-- Template for awards -->
<section class="awards">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="col-lg-3 col-12">
<div class="aw_wrapp">
<div class="u_sub_heading">Awards
</div>
<span class="line"/>
</div>
</div>
<div class="col-9">
<ul>
<li>
<div class="aw_sub">
<div class="year">
2017
</div>
<p>
Best webdesign
</p>
</div>
</li>
<li>
<div class="aw_sub">
<div class="year">
2019
</div>
<p>
Communication
</p>
</div>
</li>
<li>
<div class="aw_sub">
<div class="year">
2022
</div>
<p>
Branding Service
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Awards -->
<!-- Template for Social media -->
<section class="socail_media">
<div class="warpper_s">
<div class="container">
<div class="mt-4">
<p class="u_sub_heading">BROWSE AMAZING
SOCIAL MEDIA FEATURES
</p>
<h3 class="bold_heading">
We offer a full range of digital
<br/>
marketing services!
</h3>
</div>
<div class="row">
<div class="content">
<div class="card-deck">
<div class="card">
<div class="card-body">
<div class="">
<div class="icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-globe"
viewBox="0 0 16 16">
<path
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z"/>
</svg>
</div>
<h3 class="card-heading">
Website design
</h3>
<p class="card-text">
Lorem ipsum dolor
sit amet consectetur
adipiscing
elit do eiusmod
tempor
</p>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="">
<div class="inner">
<div class="icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-briefcase"
viewBox="0 0 16 16">
<path
d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5zm1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0zM1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5z"/>
</svg>
</div>
<h3 class="card-heading">
eCommerce
solutions
</h3>
<p class="card-text">
Lorem ipsum
dolor sit amet
consectetur
adipiscing
elit do eiusmod
tempor
</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="">
<div class="inner">
<div class="icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-gear"
viewBox="0 0 16 16">
<path
d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"/>
<path
d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"/>
</svg>
</div>
<h3 class="card-heading">
Web development
</h3>
<p class="card-text">
Lorem ipsum
dolor sit amet
consectetur
adipiscing
elit do eiusmod
tempor
</p>
</div>
</div>
</div>
</div>
</div>
<div class="card-deck">
<div class="card">
<div class="card-body">
<div class="">
<div class="inner">
<div class="icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-pencil-square"
viewBox="0 0 16 16">
<path
d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
<path fill-rule="evenodd"
d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
</svg>
</div>
<h3 class="card-heading">
Interactive
design
</h3>
<p class="card-text">
Lorem ipsum
dolor sit amet
consectetur
adipiscing
elit do eiusmod
tempor
</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="">
<div class="inner">
<div class="icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-bar-chart-line"
viewBox="0 0 16 16">
<path
d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z"/>
</svg>
</div>
<h3 class="card-heading">
Digital
marketing
</h3>
<p class="card-text">
Lorem ipsum
dolor sit amet
consectetur
adipiscing
elit do eiusmod
tempor
</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="">
<div class="inner">
<div class="icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-unity"
viewBox="0 0 16 16">
<path
d="M15 11.2V3.733L8.61 0v2.867l2.503 1.466c.099.067.099.2 0 .234L8.148 6.3c-.099.067-.197.033-.263 0L4.92 4.567c-.099-.034-.099-.2 0-.234l2.504-1.466V0L1 3.733V11.2v-.033.033l2.438-1.433V6.833c0-.1.131-.166.197-.133L6.6 8.433c.099.067.132.134.132.234v3.466c0 .1-.132.167-.198.134L4.031 10.8l-2.438 1.433L7.983 16l6.391-3.733-2.438-1.434L9.434 12.3c-.099.067-.198 0-.198-.133V8.7c0-.1.066-.2.132-.233l2.965-1.734c.099-.066.197 0 .197.134V9.8L15 11.2Z"/>
</svg>
</div>
<h3 class="card-heading">
Branding
identity
</h3>
<p class="card-text">
Lorem ipsum
dolor sit amet
consectetur
adipiscing
elit do eiusmod
tempor
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Social media -->
<section class="skills">
<div class="wrapper">
<div class="container">
<div class="top">
<div class="row">
<div class="left_info col-12 col-lg-8">
<div class="main_heading text-left">
<h6 class="u_sub_heading">
ACCOMPLISHED SKILLS
</h6>
<h1 class="bold_heading">Our
special skills
</h1>
<div class="s_info">
Lorem ipsum is simply dummy
text of the printing and
typesetting industry. Lorem
ipsum has been the
industry’s standard dummy
text ever since.
</div>
</div>
</div>
<div class="col-12">
<div class="right">
<div class="progress_wrapp">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="chart x-70">
<p>70%</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="chart x-85">
<p>85%</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="chart x-95 ">
<p>95%</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="skill_img">
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-12">
<div class="img_wrapper">
<img
src="/theme_levelup/static/src/images/about_page/portrait-happy-successful-young-businessman-wears-white-shirt-office.jpg"
alt=""/>
</div>
</div>
<div class="col-12">
<div class="b_right">
<div class="text-center">
<h5 class="u_sub_heading">
CREATIVE CONCEPT DESIGNS
</h5>
<h3 class="b_head">
We make your
ideas became true
</h3>
<div class="b_info">
Lorem ipsum is simply dummy
text of the printing and
typesetting industry. Lorem
ipsum has been the
industry’s standard dummy
text ever since.
</div>
<a href="#"
class="btn btn-primary">OUR
SERVICES
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="roll">
<div class="container">
<div class="asd">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="as">
<h6>GRAPHIC DESIGN</h6>
<p>Branding design</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="as">
<h6>WEB DESIGN</h6>
<p>Branding design</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="as">
<h6>WEB DEVELOPMENT</h6>
<p>Branding design</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Template for video -->
<section class="abt_video">
<div class="container">
<div class="wrapper">
<div class="play">
<a href="#">
<svg width="90" height="90"
viewBox="0 0 90 90" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="44.6118" cy="44.6118"
r="44.6118" fill="#FCB017"/>
<path d="M68.1113 45.3622L31.7365 66.3632L31.7365 24.3612L68.1113 45.3622Z"
fill="white"/>
</svg>
</a>
</div>
</div>
</div>
<img class="bg_img2"
src="/theme_levelup/static/src/images/Main_bg/circle_trans.png"
alt=""/>
</section>
<!-- Video -->
</div>
</section>
<!-- Template for creative -->
<section class="creative">
<div class="wrapper">
<div class=" text-center">
<h5 class="u_sub_heading">TALENTED PROFESSIONALS</h5>
<h3 class="bold_heading">Creative People</h3>
</div>
<div class="container">
<div class="c_wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="c_img small">
<img src="/theme_levelup/static/src/images/creative/craetive (1).jpg"
alt=""/>
<div class="info">
<div class="i_wrapper">
<div class="ss">
<h5>Stepheny Martin</h5>
<p>Development head</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="c_img">
<img src="/theme_levelup/static/src/images/creative/craetive (2).jpg"
alt=""/>
<div class="info">
<div class="i_wrapper">
<div class="ss">
<h5>Jhon Luther</h5>
<p>Project manager</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="c_img small_img">
<img src="/theme_levelup/static/src/images/creative/craetive (3).jpg"
alt=""/>
<div class="info">
<div class="i_wrapper">
<div class="ss">
<h5>Steve Jobs</h5>
<p>Financial Manager</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Creative -->
<!-- Subscribe template for showing subscription plans -->
<section class="subscribe">
<div class="wrapper">
<img class="bg_sub" src="/theme_levelup/static/src/images/Main_bg/circle_trans.png"
alt=""/>
<div class="wrapper_sub">
<div class="">
<h5 class="u_sub_heading">UNLIMITED POWER
CUSTOMIZATION
</h5>
<h3 class="bold_heading">
Hando is meant to simplify
<br/>
the website building
</h3>
</div>
<a href="#" class="btn btn-primary mt-5">Get in touch
</a>
</div>
</div>
</section>
<!-- Subscribe -->
<div class="oe_structure"/>
</t>
</template>
</odoo>