Skip to content

2
21_22-J-02
Commit 77edc049 authored by NaweenTharuka's avatar NaweenTharuka
Browse files
Options

feat: Inhome sketch

parent 34d35cf6
Hide whitespace changes
Inline Side-by-side
Showing with 479 additions and 0 deletions
FE-InHome/home_page.html 0 → 100644
View file @ 77edc049
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from inspirothemes.com/polo/header-dark.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 08 Dec 2019 02:28:29 GMT -->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="INSPIRO" />
<meta name="description" content="Themeforest Template Polo" />
<link rel="icon" type="image/png" href="images/favicon.png" />
<title>PRESENTLY</title>
<link href="css/plugins.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="body-inner">
<header id="header" class="lite">
<div class="header-inner">
<div class="container">
<div id="logo">
<img src="images/logo.png" class="img-fluid" style="width: 300px;">
</div>
<div id="search">
<a
id="btn-search-close"
class="btn-search-close"
aria-label="Close search form"
><i class="icon-x"></i
></a>
<form
class="search-form"
action="https://inspirothemes.com/polo/search-results-page.html"
method="get"
>
<input
class="form-control"
name="q"
type="search"
placeholder="Type & Search..."
/>
<span class="text-muted"
>Start typing & press "Enter" or "ESC" to close</span
>
</form>
</div>
<div class="header-extras">
<ul>
<li>
<a id="btn-search" href="#"> <i class="icon-search"></i></a>
</li>
<li>
<div class="p-dropdown">
<a href="#"><i class="icon-globe"></i><span>EN</span></a>
<ul class="p-dropdown-content">
<li><a href="#">French</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div id="mainMenu-trigger">
<a class="lines-button x"><span class="lines"></span></a>
</div>
<div id="mainMenu">
<div class="container">
<nav>
<ul>
<li><a href="index-2.html">Home</a></li>
<li><a href="index-2.html">Contact Us</a></li>
<li><a href="index-2.html">About Us</a></li>
<li><a href="index-2.html">Profile</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<div id="slider" class="inspiro-slider slider-fullscreen dots-creative" data-height-xs="360">
<div class="slide kenburns" data-bg-parallax="images/wallpaper.png">
<div class="bg-overlay"></div>
<div class="container">
<div class="slide-captions text-light">
<span data-animate="fadeInUp" data-animate-delay="300" class="strong"><a href="#" class="business"><span class="business">Let's Do This</span></a>
</span>
<h1 data-animate="fadeInUp" data-animate-delay="600">
A personal trainer app <br/>to self-train and improve presentation skills
</h1>
<div data-animate="fadeInUp" data-animate-delay="900">
<button type="button" class="btn btn-rounded btn-reveal btn-reveal-left">
<span>Learn More</span><i class="icon-chevron-right"></i>
</button>
</div>
<div class="row" style="padding-top: 14%">
<div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1200">
<h4>Highly Customizable</h4>
<p>
Nulla varius consequat magna, id molestie ipsum volutpat
quis. A true story, that never been told!.
</p>
</div>
<div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1500">
<h4>Clean Code</h4>
<p>
Nulla varius consequat magna, id molestie ipsum volutpat
quis. A true story, that never been told!.
</p>
</div>
<div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1800">
<h4>Heavily Awarded</h4>
<p>
Nulla varius consequat magna, id molestie ipsum volutpat
quis. A true story, that never been told!.
</p>
</div>
<div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="2100">
<h4>Fast Performance</h4>
<p>
Nulla varius consequat magna, id molestie ipsum volutpat
quis. A true story, that never been told!.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container carousel arrows-visibile testimonial testimonial-single testimonial-blockquote" data-items="1" data-autoplay="true" data-animate-in="fadeIn" data-animate-out="fadeOut" data-loop="true">
<div class="testimonial-item">
<p>
Polo is by far the most amazing template out there! I literally
could not be happier that I chose to buy this template!
</p>
<span>Alan Monre</span>
<span>CEO, Square Software</span>
</div>
<div class="testimonial-item">
<p>
Polo is by far the most amazing template out there! I literally
could not be happier that I chose to buy this template!
</p>
<span>Alan Monre</span>
<span>CEO, Square Software</span>
</div>
<div class="testimonial-item">
<p>
The world is a dangerous place to live; not because of the
people who are evil, but because of the people who don't do
anything about it.
</p>
<span>Alan Monre</span>
<span>CEO, Square Software</span>
</div>
</div>
<div class="container d-flex mt-5">
<div class="row">
<div class="col-12">
<h4 class="">Upload Video/Audio file</h4>
<div>
<form id="fileUpload1" action="https://inspirothemes.com/file-upload" class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
<small id="dropzoneHelp" class="form-text text-muted">Max file size is 2MB and max number of files is 10.</small>
</div>
<div class="line"></div>
</div>
<div class="col-12">
<h4 class="">Upload Presentation file</h4>
<div>
<form id="fileUpload2" action="https://inspirothemes.com/file-upload" class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
<small id="dropzoneHelp" class="form-text text-muted">Max file size is 2MB and max number of files is 10.</small>
</div>
<div class="line"></div>
</div>
</div>
</div>
<section class="p-t-100 p-b-100" style="background-image: url(images/title-banner.png);">
<div class="bg-overlay"></div>
<div class="container xs-text-center sm-text-center text-light">
<div class="row">
<div class="col-lg-5 p-b-60">
<h2>Our Numbers & Smoth parallax</h2>
<p class="lead">
Nulla varius consequat magna, id molestie ipsum volutpat quis. A
true story, that never been told!. Fusce id mi diam, non ornare.
Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, id
molestie ipsum volutpat quis. facilisis ut venenatis eu.
</p>
<a href="#services" class="btn btn-light btn-outline btn-rounded">Our Services</a>
</div>
<div class="col-lg-7">
<div class="row">
<div class="col-lg-6">
<div class="text-center">
<div class="counter text-lg">
<span data-speed="3000" data-refresh-interval="50" data-to="12416" data-from="600" data-seperator="true"></span>
</div>
<div class="seperator seperator-small"></div>
<p>LINES OF CODE</p>
</div>
</div>
<div class="col-lg-6">
<div class="text-center">
<div class="counter text-lg">
<span data-speed="4500" data-refresh-interval="23" data-to="365" data-from="100" data-seperator="true"></span>
</div>
<div class="seperator seperator-small"></div>
<p>SUCCESS STORIES</p>
</div>
</div>
<div class="col-lg-6">
<div class="text-center">
<div class="counter text-lg">
<span data-speed="3000" data-refresh-interval="12" data-to="114" data-from="50" data-seperator="true"></span>
</div>
<div class="seperator seperator-small"></div>
<p>FINISHED PROJECTS</p>
</div>
</div>
<div class="col-lg-6">
<div class="text-center">
<div class="counter text-lg">
<span data-speed="4550" data-refresh-interval="50" data-to="14825" data-from="48" data-seperator="true"></span>
</div>
<div class="seperator seperator-small"></div>
<p>SATISFIED CLIENTS</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="heading-text heading-section text-center">
<h2>WHAT WE DO</h2>
<span class="lead">Create amaThe most happiest time of the day!.</span>
</div>
<div class="row">
<div class="col-lg-4">
<div>
<h4>Web Development</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>Social Marketing</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>Graphic Design</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>Web Design</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>App Development</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
<div class="col-lg-4">
<div>
<h4>Hosting services</h4>
<p>
Lorem ipsum dolor sit amet, consecte adipiscing elit.
Suspendisse condimentum porttitor cursumus.
</p>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="footer-content">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
<h4>PROJECT</h4>
<ul class="list">
<li><a href="#">Latest Release</a></li>
<li><a href="#">Updates</a></li>
<li><a href="#">License</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
<h4>SUPPORT</h4>
<ul class="list">
<li><a href="#">Troubleshooting</a></li>
<li><a href="#">Common Questions</a></li>
<li><a href="#">Report a Bug</a></li>
<li><a href="#">Get Help</a></li>
<li><a href="#">FAQS</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
<h4>TEAM</h4>
<ul class="list">
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-3">
<div class="widget">
<h4>INFO</h4>
<ul class="list">
<li><a href="#">Get Directions</a></li>
<li><a href="#">Call Us</a></li>
<li><a href="#">Our Staff</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12">
<div class="widget clearfix widget-newsletter">
<h4 class="widget-title">
<i class="fa fa-envelope"></i> Sign Up For a Newsletter
</h4>
<p>
Weekly breaking news, analysis and cutting edge advices on
job searching.
</p>
<form class="widget-subscribe-form p-r-40" action="https://inspirothemes.com/polo/include/subscribe-form.php" role="form" method="post" novalidate="novalidate">
<div class="input-group">
<input aria-required="true" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email" type="email"/>
<span class="input-group-btn">
<button type="submit" id="widget-subscribe-submit-button" class="btn">
<i class="fa fa-paper-plane"></i>
</button>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-content">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="social-icons social-icons-colored float-left">
<ul>
<li class="social-rss">
<a href="#"><i class="fa fa-rss"></i></a>
</li>
<li class="social-facebook">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="social-twitter">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="social-vimeo">
<a href="#"><i class="fab fa-vimeo"></i></a>
</li>
<li class="social-youtube">
<a href="#"><i class="fab fa-youtube"></i></a>
</li>
<li class="social-pinterest">
<a href="#"><i class="fab fa-pinterest"></i></a>
</li>
<li class="social-gplus">
<a href="#"><i class="fab fa-google-plus-g"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="copyright-text text-center">
&copy; 2021 Presently - Personal Trainer App
All Rights Reserved.
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a>
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<script src="js/functions.js"></script>
<link href="plugins/dropzone/dropzone.css" rel="stylesheet">
<script src="plugins/dropzone/dropzone.js"></script>
<script>
Dropzone.autoDiscover = false;
//Form 1
var form2 = $('#fileUpload1');
form2.dropzone({
url: "http://polo/files/post",
addRemoveLinks: true,
maxFiles: 1,
maxFilesize: 10,
acceptedFiles: "image/*",
});
//Form 2
var form2 = $('#fileUpload2');
form2.dropzone({
url: "http://polo/files/post",
addRemoveLinks: true,
maxFiles: 1,
maxFilesize: 10,
acceptedFiles: "image/*",
});
//Form 3
var form3 = $('#fileUpload3');
form3.dropzone({
url: "http://polo/files/post",
maxFilesize: 5,
acceptedFiles: "image/*",
previewsContainer: "#formFiles3",
previewTemplate: $("#formTemplate3").html(),
clickable: ".dropzone-attach-files"
});
</script>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment