Browse Source

Upload files to 'src'

Added button
devBranch
Emmanuel Quainoo 3 years ago
parent
commit
94fb0b0765
  1. 661
      src/index.html

661
src/index.html

@ -1,40 +1,651 @@
<!doctype html>
<html lang="en">
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<title>Teso Business</title>
<meta charset="utf-8">
<meta name="description" content="The Teso app web portal for businesses">
<meta name="keywords" content="Teso Ghana, discount, teso app">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
<meta charset="utf-8" />
<base href="/">
<!--====== Title ======-->
<title>Teso Ghana </title>
<!-- Favicon -->
<link rel="icon" type="image/png" href="favicon-16x16.png">
<link rel="icon" type="image/png" href="favicon-32x32.png">
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Fonts -->
<link href="assets/fonts/inter/inter.css" rel="stylesheet">
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="assets/images/logo.png" type="image/png" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/glightbox.min.css" />
<link rel="stylesheet" href="assets/css/lineIcons.css" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet">
<!-- Icon fonts -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Splash screen styles -->
<link href="assets/styles/splash-screen.css" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif !important;
background: #eff3f8;
}
.containerq {
padding-top: 150px;
}
h2 {
text-align: center;
padding: 20px;
}
.slick-slide {
margin: 0 20px;
}
.slick-slide img {
width: 100%;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-initialized .slick-slide {
display: block;
}
.copy {
padding-top: 250px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.containerq {
height: 200px;
}
}
</style>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/slick.min.js"></script>
</head>
<body>
<header class="header-area">
<div class="navbar-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img src="assets/images/logo/lafa.png" width=100 height=30 alt="Logo" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"> </span>
<span class="toggler-icon"> </span>
<span class="toggler-icon"> </span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul id="nav" class="navbar-nav ms-auto">
<li class="nav-item">
<a class="page-scroll active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#facts">Help and FAQs</a>
</li>
<li class="nav-item">
<a href="privacy.html">Privacy</a>
</li>
<li>
<a class="main-btn smallone" data-scroll-nav="0" href="https://businessportal.tesoapp.com" rel="nofollow">
Sign In
</a>
</li>
</ul>
<div class="navbar-btn d-none d-sm-inline-block">
<a class="main-btn bigone" data-scroll-nav="0" href="https://businessportal.tesoapp.com" rel="nofollow">
Sign In
</a>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
<div id="home" class="header-hero bg_cover" style="background-image: url(assets/images/header/banner-bg.svg)">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="header-hero-content text-center">
<h3 class="header-sub-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">
<span class="text-warning">Teso</span><span class="text-success">Business</span>
</h3>
<h2 class="header-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.5s">
Boost sales, Increase Customers, Stay connected!!
</h2>
<p class="text wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s">
An exclusive marketing platform
</p>
<a href="https://businessportal.tesoapp.com" class="main-btn wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="1.1s">
Sign In
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="header-hero-image text-center wow fadeIn" data-wow-duration="1.3s" data-wow-delay="1.4s">
<img src="assets/images/header/header-hero.png" alt="hero" />
</div>
</div>
</div>
</div>
<div id="particles-1" class="particles"></div>
</div>
</header>
<div class="containerq text-center">
<h2 class="text-center font-weight-bold">Our Partners</h2>
<section class="customer-logos slider">
<div class="slide"><img src="images/11.png" alt="logo"></div>
<div class="slide"><img src="images/2.png" alt="logo"></div>
<div class="slide"><img src="images/3.png" alt="logo"></div>
<div class="slide"><img src="images/4.png" alt="logo"></div>
<div class="slide" style="padding-top: 20px !important;"><img src="images/5.png" alt="logo"></div>
<div class="slide"><img src="images/4.png" alt="logo"></div>
<div class="slide"><img src="images/Bacware-com.png" alt="logo"></div>
</section>
</div>
<script>
$(document).ready(function() {
function myFunction(x) {
if (x.matches) { // If media query matches
slidesToShow1 = 2;
} else {
slidesToShow1 = 6;
}
}
var x = window.matchMedia("(max-width: 768px)");
myFunction(x);
$('.customer-logos').slick({
slidesToShow: slidesToShow1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 1500,
arrows: false,
dots: false,
pauseOnHover: false,
responsive: [{
breakpoint: 768,
setting: {
slidesToShow: 4
}
}, {
breakpoint: 520,
setting: {
slidesToShow: 3
}
}]
});
x.addListener(myFunction);
});
</script>
<section class="services-area pt-120">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="section-title text-center pb-40">
<div class="line m-auto"></div>
<h3 class="title">
Interactive and Reliable
<span> Gives you unique marketing advantage.</span>
</h3>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-7 col-sm-8">
<div class="single-services text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
<div class="services-icon">
<img class="shape" src="assets/images/services/services-shape.svg" alt="shape" />
<img class="shape-1" src="assets/images/services/services-shape-1.svg" alt="shape" />
<i class="lni lni-crown"> </i>
</div>
<div class="services-content mt-30">
<h4 class="services-title">
<a href="javascript:void(0)">Broadcast <br>Discounts</a>
</h4>
<p class="text">
Broadcast your discounts to users around your business premises. New customers get pinged and wowed . Its impossible to ignore such an an amazing offer to shop with your broadcast coupons.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-7 col-sm-8">
<div class="single-services text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="services-icon">
<img class="shape" src="assets/images/services/services-shape.svg" alt="shape" />
<img class="shape-1" src="assets/images/services/services-shape-2.svg" alt="shape" />
<i class="lni lni-amazon-pay"> </i>
</div>
<div class="services-content mt-30">
<h4 class="services-title">
<a href="javascript:void(0)">Innovative Advertising</a>
</h4>
<p class="text">
A new approach to advertising, in a way that allows you to upload adverisements directly to your targeted customers and your customers can make ads on your behalf
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-7 col-sm-8">
<div class="single-services text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
<div class="services-icon">
<img class="shape" src="assets/images/services/services-shape.svg" alt="shape" />
<img class="shape-1" src="assets/images/services/services-shape-3.svg" alt="shape" />
<i class="lni lni-investment"> </i>
</div>
<div class="services-content mt-30">
<h4 class="services-title">
<a href="javascript:void(0)">Desires <br>Come True</a>
</h4>
<p class="text">
Your new customers get to list all their needs for the upcoming month. Let it be your deepest desire to provide the needs of your honourable customers with items that serve their greatest value
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="features">
<div class="about-area pt-30">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="section-title text-center pb-40">
<div class="line m-auto"></div>
<h3 class="title">
Our
<span> Features</span>
</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="about-content mt-50 wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="section-title">
<div class="line"></div>
<h3 class="title">
Proximity Benefits. <span>Your customers are closer than you think.</span>
</h3>
</div>
<p class="text">
Broadcast your discount news to users around your business premises. Your new customers get pinged and wowed. Its impossible to ignore such an an amazing offer and motivation to shop with your broadcast coupons.
</p>
</div>
</div>
<div class="col-lg-6">
<div class="about-image text-center mt-50 wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s">
<img src="assets/images/about/about1.svg" alt="about" />
</div>
</div>
</div>
</div>
<div class="about-shape-1">
<img src="assets/images/about/about-shape-1.svg" alt="shape" />
</div>
</div>
<div class="about-area pt-30">
<div class="about-shape-2">
<img src="assets/images/about/about-shape-2.svg" alt="shape" />
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-last">
<div class="about-content ms-lg-auto mt-50 wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="section-title">
<div class="line"></div>
<h3 class="title">
Personal <span class="text-warning">Teso</span><span class="text-success">Agent</span> <span>. We're
here for you.</span>
</h3>
</div>
<p class="text">
Teso agents will help bring the best out of your business and guide you to stand out among your competitors.
</p>
</div>
</div>
<div class="col-lg-6 order-lg-first">
<div class="about-image text-center mt-50 wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s">
<img src="assets/images/about/about2.svg" alt="about" />
</div>
</div>
</div>
</div>
</div>
<div class="about-area pt-30">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about-content mt-50 wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="section-title">
<div class="line"></div>
<h3 class="title">
Post video ads <span>... and do more than that</span>
</h3>
</div>
<p class="text">
Content creators get to use their talents & prowess to promote your coupon and products to users.This is a great opportunity to introduce new products to the market space.
</p>
</div>
</div>
<div class="col-lg-6">
<div class="about-image text-center mt-50 wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s">
<img src="assets/images/video/zabu.png" alt="about" style="height: 500px;width: 270px;" />
</div>
</div>
</div>
</div>
<div class="about-shape-1">
<img src="assets/images/about/about-shape-1.svg" alt="shape" />
</div>
</div>
</section>
<div class="container">
<div id="about" class="row justify-content-center" style="margin-top: 50px;">
<div class="col-lg-10">
<div class="section-title text-center pb-40">
<div class="line m-auto"></div>
<h3 class="title">
About
<span> Us</span>
</h3>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-6 col-md-6 col-sm-8">
<div class="single-services mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
<div class="services-content mt-30">
<h4 class="services-title text-center">
<a href="javascript:void(0)">About the app</a>
</h4>
<p class="text text-left">
Teso is an exclusive marketing company with specialized mechanics to boost sales and provide undoubtedly the best of services and user experiences to it’s users.</p>
<p class="text text-left">Unlike conventional social media apps in which marketing is solely based on the number of users on apps, Teso, with TesoApp gives you categorized users who are basically on its accompanying mobile-app to make purchases therefore
meeting them halfway with discount offers and freebies to guarantee more purchase rate with TesoBusiness. </p>
<p class="text text-left">Most similar apps host products and services at the original prices but with the Teso-app,all products and services are exclusively discounted.
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-8">
<div class="single-services mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" style="margin-bottom: 30px;;">
<div class="services-content mt-30">
<h4 class="services-title text-center">
<a href="javascript:void(0)">Why Us</a>
</h4>
<p class="text text-left">
Whenever a business likes to offer discounts and freebies, Teso is the best platform to use. With a well designed AI that personalizes the coupon to the user and creates the urgency to shop. No need to pay for discount offer advertismen. Just post on
Teso-app for free .</p>
<p class="text text-left">
Teso increases traffic and customer base. Businesses now have a <strong class="text-success">hustle
free</strong> way of clearing goods with just a post on the app. Businesses that do paid ads enjoy free re-targeting. They also enjoy the benefit of getting positive viral reviews in the form of campaign/challenges about
their goods or services. Conventionally,most ads are shown to unintended or uninterested persons,Teso app has targeted audience that already have their hands half-way down their pockets.
</p>
</div>
</div>
</div>
</div>
</div>
<section id="facts" class="video-counter pt-30">
<div class="about-area pt-30">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="section-title text-center pb-40">
<div class="line m-auto"></div>
<h3 class="title">
Help...
<span> and FAQs</span>
</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="about-content mt-50 wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="section-title">
<div class="line"></div>
<h3 class="title">Getting <span>Started</span></h3>
</div>
<p class="text">
<span class="text-warning">Teso</span><span class="text-success">Business</span>, unlike conventional social media apps in which marketing is solely based on the number of users on apps, with TesoApp gives you categorized
users who are basically on its accompanying mobile-app to make purchases therefore meeting them halfway with discount offers and freebies to guarantee more purchase rate with TesoBusiness.
<br><br>
</p>
</div>
</div>
<div class="col-lg-6">
<div class="about-image text-center mt-50 wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s">
<img src="assets/images/about/about3.svg" alt="about" />
</div>
</div>
</div>
</div>
<div class="about-shape-1">
<img src="assets/images/about/about-shape-1.svg" alt="shape" />
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 order-lg-last">
<div class="counter-wrapper mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
<div class="counter-content">
<div class="section-title">
<div class="line"></div>
<h3 class="title">How do I<span> register?</span></h3>
</div>
<p class="text">
If you're already have an account with us, you can click on the Sign In button at the top right side of the page. However if you're new, you can sign up by clicking on the same Sign In button and then you can register with us from there
</p>
</div>
<br>
<div class="line"></div>
<div class="counter-content">
<div class="section-title">
<h3 class="title">How do I<span> download the app?</span></h3><br>
</div>
<div class="section-title text-center pb-40">
<section id="download" class="download text-center">
<div class="badges text-center" style="display:flex;">
<a class="badge-link" href="#">
<img src="assets/images/google-play-badge.svg" style="min-width: 135px;margin-right: 5px;"></a>
<a class="badge-link" href="#"><img src="assets/images/app-store-badge.svg" style="min-width: 135px;"></a>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="video-content mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
<img class="dots" src="assets/images/video/dots.svg" alt="dots" />
<div class="video-wrapper" style="max-width: 450px;">
<div class="video-image">
<img src="assets/images/video/video.png" alt="video" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="about-area pt-30">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about-content mt-50 wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="section-title">
<div class="line"></div>
<h3 class="title">Do I need a digital address <span>on registering?</span></h3>
</div>
<p class="text">
Well the answer is YES. I mean, one of the competitive advantages riding on this platform is, It allows customers to get notifications of discounts offered by businesses in real time. and not only that, it also gives directions to the customer so your
business location can be found easily. That is what we offer.
<br> Hence it is quite important as a business, to enter the correct GhanaPOST GPS address of you business location when registering.
</p>
</div>
</div>
<div class="col-lg-6">
<div class="about-image text-center mt-50 wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s">
<img src="assets/images/about/location-tracking.png" id="locationID" alt="about" />
</div>
</div>
</div>
</div>
<div class="about-shape-1">
<img src="assets/images/about/about-shape-1.svg" alt="shape" />
</div>
</div>
<footer id="footer" class="footer-area pt-120">
<div class="container">
<div class="subscribe-area" style="visibility: hidden !important;">
<div class="row">
<div class="col-lg-6">
<div class="subscribe-content mt-45">
<h2 class="subscribe-title">
Subscribe Our Newsletter <span>get regular updates</span>
</h2>
</div>
</div>
<div class="col-lg-6">
<div class="subscribe-form mt-50">
<form action="#">
<input type="text" placeholder="Enter email">
<button class="main-btn">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
<div class="footer-widget pb-100">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="footer-about mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
<a class="logo" href="javascript:void(0)">
<img src="assets/images/logo/lafa.png" alt="logo">
</a>
<p class="text">
Boost Sales, Increase Customers, Stay Connected!!!
</p>
<ul class="social">
<li>
<a href="javascript:void(0)">
<i class="lni lni-facebook-filled"> </i>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="lni lni-twitter-filled"> </i>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="lni lni-instagram-filled"> </i>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="lni lni-linkedin-original"> </i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 col-md-7 col-sm-12">
<div class="footer-link d-flex mt-50 justify-content-sm-between">
<div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.4s; animation-name: fadeIn;">
<div class="footer-title">
<h4 class="title">Quick Link</h4>
</div>
<ul class="link">
<li><a href="privacy.html">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-5 col-sm-12">
<div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.8s; animation-name: fadeIn;">
<div class="footer-title">
<h4 class="title">Contact Us</h4>
</div>
<ul class="contact">
<li><a href="tel:+233 552 203 270" style="color: whitesmoke;">+233 552 203 270</a></li>
<li><a href="mailto:support.tesoapp.com" style="color: whitesmoke;">support@tesoapp.com</a></li>
<!-- App root -->
<app-root></app-root>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="row">
<div class="col-lg-12">
<div class="copyright d-sm-flex justify-content-between">
<div class="copyright-content">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="particles-2"><canvas class="particles-js-canvas-el" width="1412" height="812" style="width: 100%; height: 100%;"></canvas></div>
</footer>
<a href="#" class="back-to-top"> <i class="lni lni-chevron-up"> </i> </a>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/glightbox.min.js"></script>
<script src="assets/js/count-up.min.js"></script>
<script src="assets/js/particles.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/slick.min.js"></script>
</html>
Loading…
Cancel
Save