CHIEFSOFT\ameye
385 lines
21 KiB
PHP
385 lines
21 KiB
PHP
<?= $this->extend('web/layouts/master') ?>
|
|
<?= $this->section('content') ?>
|
|
|
|
<!-- Page Header Start !-->
|
|
<div class="page-breadcrumb-area" style="background-image: url('images/section-bg/page-header.png')">
|
|
<div class="page-overlay"></div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="te-breadcrumb-wrapper">
|
|
<div class="te-page-heading">
|
|
<h3 class="te-page-title">About Us</h3>
|
|
</div>
|
|
<div class="te-breadcrumb-list">
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li class="active"><a href="#">About</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Page Header End !-->
|
|
|
|
<!-- About Us Area Start !-->
|
|
<div class="about-us-area style-1">
|
|
<div class="container">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-6">
|
|
<div class="te-about-image-card">
|
|
<div class="te-main-img-wrapper">
|
|
<div class="te-main-img-inner">
|
|
<img class="tilt-animate" src="/asset/images/about/about-card-3.jpg" alt="image" />
|
|
|
|
<!-- <div class="image-two">-->
|
|
<!-- <img class="tilt-animate" src="/asset/images/about/about-card-4.jpg" alt="image" />-->
|
|
<!-- </div>-->
|
|
<div class="te-img-card-shape">
|
|
<img class="tilt-animate" src="/asset/images/about/about-shape.png" alt="Shape" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 align-self-center">
|
|
<div class="te-about-info-card">
|
|
<div class="te-about-info-content">
|
|
<div class="te-section-title">
|
|
<div class="te-section-content">
|
|
<div>
|
|
<span class="short-title only-divider">Features</span>
|
|
</div>
|
|
<h2 class="title">AI solutions <span>tailored</span> <br/> for startups</h2>
|
|
<div class="te-section-desc">
|
|
<p>It is a long established fact that a reader will be distracted by the readable contedable content of a page whennt of a page when looking at its layout. The point of using Lorem Ipsum</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="te-list-item-wrapper">
|
|
<div class="te-list-item">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-angles-right"></i>
|
|
</span>
|
|
<span class="text">Startup with AI intelligence Making</span>
|
|
</div>
|
|
<div class="te-list-item">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-angles-right"></i>
|
|
</span>
|
|
<span class="text">Power of AI for your startup</span>
|
|
</div>
|
|
<div class="te-list-item">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-angles-right"></i>
|
|
</span>
|
|
<span class="text">AI solutions designed for startups</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- About Us Area End !-->
|
|
<!-- Abour Area Start !-->
|
|
<div class="about-feature-area">
|
|
<div class="circle-drop-shadow"></div>
|
|
<div class="container">
|
|
<div class="row gy-4 align-items-center">
|
|
<div class="col-lg-6 order-2 order-lg-1 wow animate__animated animate__slideInLeft animate__slow">
|
|
<div class="about-us-card">
|
|
<div class="te-section-title">
|
|
<div class="te-section-content">
|
|
<div class="short-title-wrapper">
|
|
<span class="short-title">About Us</span>
|
|
</div>
|
|
<h2 class="title">Technology It's not just the about the gadgets it's </h2>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at</p>
|
|
</div>
|
|
</div>
|
|
<div class="te-list-item-wrapper">
|
|
<div class="te-list-item">
|
|
<div class="icon">
|
|
<img src="/asset/images/icon/list-icon/icon-1.png" alt="icon">
|
|
</div>
|
|
<span class="text">OUR HISTORY</span>
|
|
</div>
|
|
<div class="te-list-item">
|
|
<div class="icon">
|
|
<img src="/asset/images/icon/list-icon/icon-2.png" alt="icon">
|
|
</div>
|
|
<span class="text">OUR VISION</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-5 offset-xl-1 order-1 order-lg-2 wow animate__animated animate__zoomIn animate__slow">
|
|
<div class="image-card">
|
|
<img class="tilt-animate" src="/asset/images/about/about-card-1.jpg" alt="image">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row gy-4 align-items-center mt-30">
|
|
<div class="col-lg-6 col-xl-5 wow animate__animated animate__zoomIn animate__slow">
|
|
<div class="image-card">
|
|
<img class="tilt-animate" src="/asset/images/about/about-card-2.jpg" alt="image">
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-xl-6 offset-xl-1 wow animate__animated animate__slideInRight animate__slower">
|
|
<div class="about-us-card">
|
|
<div class="te-section-title">
|
|
<div class="te-section-content">
|
|
<div class="short-title-wrapper">
|
|
<span class="short-title">Features</span>
|
|
</div>
|
|
<h2 class="title">The Future Starts with AI</h2>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at It is a long</p>
|
|
</div>
|
|
</div>
|
|
<div class="te-list-item-wrapper">
|
|
<div class="te-list-item">
|
|
<div class="icon">
|
|
<img src="/asset/images/icon/list-icon/icon-1.png" alt="icon">
|
|
</div>
|
|
<span class="text">OUR HISTORY</span>
|
|
</div>
|
|
<div class="te-list-item">
|
|
<div class="icon">
|
|
<img src="/asset/images/icon/list-icon/icon-2.png" alt="icon">
|
|
</div>
|
|
<span class="text">OUR VISION</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Abour Area End !-->
|
|
<!-- Work Progress Area Start -->
|
|
<div class="work-prgress-area style-1">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 wow animate__animated animate__slideInDown animate__slow">
|
|
<div class="te-section-title justify-content-center text-center">
|
|
<div class="te-section-content">
|
|
<div>
|
|
<span class="short-title">Work process</span>
|
|
</div>
|
|
<h2 class="title">Transforming <br/> businesses with AI</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row gy-5">
|
|
<!-- Single Service Start !-->
|
|
<div class="col-lg-4 col-md-6 te-process-two-step-wrapper wow animate__animated animate__fadeInTopLeft animate__slow">
|
|
<div class="te-process-step style-2">
|
|
<div class="te-content-wrapper">
|
|
<div class="te-title-wrapper">
|
|
<div class="icon-wrapper">
|
|
<div class="icon">
|
|
<img src="/asset/images/icon/work-progress/icon-1.png" alt="Icon">
|
|
</div>
|
|
</div>
|
|
<h3 class="title">Plan</h3>
|
|
<div class="shape-image">
|
|
<img class="shape-1" src="/asset/images/icon/work-progress/shape.png" alt="shape">
|
|
<img class="shape-2" src="/asset/images/icon/work-progress/shape-two.png" alt="shape">
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<p class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore go</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Service End !-->
|
|
<!-- Single Service Start !-->
|
|
<div class="col-lg-4 col-md-6 te-process-two-step-wrapper wow animate__animated animate__fadeInUp animate__slow">
|
|
<div class="te-process-step style-2">
|
|
<div class="te-content-wrapper">
|
|
<div class="te-title-wrapper">
|
|
<div class="icon-wrapper">
|
|
<div class="icon">
|
|
<img src="/asset/images/icon/work-progress/icon-2.png" alt="Icon">
|
|
</div>
|
|
</div>
|
|
<h3 class="title">Polish</h3>
|
|
<div class="shape-image">
|
|
<img class="shape-1" src="/asset/images/icon/work-progress/shape.png" alt="shape">
|
|
<img class="shape-2" src="/asset/images/icon/work-progress/shape-two.png" alt="shape">
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<p class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore go</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Service End !-->
|
|
<!-- Single Service Start !-->
|
|
<div class="col-lg-4 col-md-6 te-process-two-step-wrapper wow animate__animated animate__fadeInTopRight animate__slow">
|
|
<div class="te-process-step style-2">
|
|
<div class="te-content-wrapper">
|
|
<div class="te-title-wrapper">
|
|
<div class="icon-wrapper">
|
|
<div class="icon">
|
|
<img src="/asset/images/icon/work-progress/icon-3.png" alt="Icon">
|
|
</div>
|
|
</div>
|
|
<h3 class="title">Prototype</h3>
|
|
<div class="shape-image">
|
|
<img class="shape-1" src="/asset/images/icon/work-progress/shape.png" alt="shape">
|
|
<img class="shape-2" src="/asset/images/icon/work-progress/shape-two.png" alt="shape">
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<p class="desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore go</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Service End !-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Work Progress Area End -->
|
|
<!-- Newsletter Section Start-->
|
|
<div class="subscribe-area style-1 wow animate__animated animate__flipInX animate__slow">
|
|
<div class="circle-drop-shadow"></div>
|
|
<div class="circle-drop-shadow two"></div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-6 col-lg-8 offset-xl-3 offset-lg-2">
|
|
<div class="te-section-title justify-content-center text-center">
|
|
<div class="te-section-content">
|
|
<div class="short-title-wrapper">
|
|
<span class="short-title">Newsletter</span>
|
|
</div>
|
|
<h2 class="title">Technology Making the <br/> world a smaller</h2>
|
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem </p>
|
|
</div>
|
|
</div>
|
|
<div class="te-subscribe-form-widget">
|
|
<form>
|
|
<div class="mc4wp-form-fields">
|
|
<div class="single-field">
|
|
<input type="email" placeholder="Enter Your Email" />
|
|
</div>
|
|
<button class="submit-btn" type="submit">Subscribe Now <i class="fa fa-solid fa-arrow-right"></i></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Newsletter Section End-->
|
|
<!-- Price Area Start -->
|
|
<div class="price-area style-1">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 wow animate__animated animate__slideInDown animate__slow">
|
|
<div class="te-section-title justify-content-center text-center">
|
|
<div class="te-section-content">
|
|
<div>
|
|
<span class="short-title">Pricing action</span>
|
|
</div>
|
|
<h2 class="title">Technology that inspires us <br/> Technology for all</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row gy-4">
|
|
<div class="col-md-6 col-lg-4 price-card-wrapper wow animate__animated animate__fadeInUp animate__fast">
|
|
<div class="price-card style-1">
|
|
<div class="circle-drop-shadow"></div>
|
|
<div class="price">
|
|
<h3 class="price-heading">
|
|
<span class="currency">$</span>19
|
|
</h3>
|
|
<p class="price-desc">/mo</p>
|
|
</div>
|
|
<div class="card-title">
|
|
<h3 class="title">Stater</h3>
|
|
<p class="sub-title">Lorem Ipsum is simply dummy text of the printing.</p>
|
|
</div>
|
|
<a href="#" class="price-label">Get Started <i class="fa-solid fa-arrow-right"></i></a>
|
|
<div class="list-wrapper">
|
|
<div class="list">
|
|
<ul>
|
|
<li><i class="fa-light fa-check"></i> Mistakes To Avoid</li>
|
|
<li><i class="fa-light fa-check"></i> Miss his To Avoid</li>
|
|
<li><i class="fa-light fa-check"></i> Your Startup</li>
|
|
<li><i class="fa-light fa-check"></i> Knew About Fonts</li>
|
|
<li><i class="fa-thin fa-xmark"></i> Winning Metric for Your Startup</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 price-card-wrapper wow animate__animated animate__fadeInUp animate__slow">
|
|
<div class="price-card style-1 active">
|
|
<div class="circle-drop-shadow"></div>
|
|
<div class="price">
|
|
<h3 class="price-heading">
|
|
<span class="currency">$</span>28
|
|
</h3>
|
|
<p class="price-desc">/mo</p>
|
|
</div>
|
|
<div class="card-title">
|
|
<h3 class="title">Professional <span>popular</span></h3>
|
|
<p class="sub-title">Lorem Ipsum is simply dummy text of the printing.</p>
|
|
</div>
|
|
<a href="#" class="price-label">Get Started <i class="fa-solid fa-arrow-right"></i></a>
|
|
<div class="list-wrapper">
|
|
<div class="list">
|
|
<ul>
|
|
<li><i class="fa-light fa-check"></i> Mistakes To Avoid</li>
|
|
<li><i class="fa-light fa-check"></i> Miss his To Avoid</li>
|
|
<li><i class="fa-light fa-check"></i> Your Startup</li>
|
|
<li><i class="fa-light fa-check"></i> Knew About Fonts</li>
|
|
<li><i class="fa-thin fa-xmark"></i> Winning Metric for Your Startup</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 price-card-wrapper wow animate__animated animate__fadeInUp animate__slower">
|
|
<div class="price-card style-1">
|
|
<div class="circle-drop-shadow"></div>
|
|
<div class="price">
|
|
<h3 class="price-heading">
|
|
<span class="currency">$</span>85
|
|
</h3>
|
|
<p class="price-desc">/mo</p>
|
|
</div>
|
|
<div class="card-title">
|
|
<h3 class="title">Enterprise</h3>
|
|
<p class="sub-title">Lorem Ipsum is simply dummy text of the printing.</p>
|
|
</div>
|
|
<a href="#" class="price-label">Get Started <i class="fa-solid fa-arrow-right"></i></a>
|
|
<div class="list-wrapper">
|
|
<div class="list">
|
|
<ul>
|
|
<li><i class="fa-light fa-check"></i> Mistakes To Avoid</li>
|
|
<li><i class="fa-light fa-check"></i> Miss his To Avoid</li>
|
|
<li><i class="fa-light fa-check"></i> Your Startup</li>
|
|
<li><i class="fa-light fa-check"></i> Knew About Fonts</li>
|
|
<li><i class="fa-thin fa-check"></i> Winning Metric for Your Startup</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Price Area End -->
|
|
|
|
<?= $this->endSection() ?>
|