Skip to content

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

feat: UI for contactus/ aboutus

parent 69e6815b
Hide whitespace changes
Inline Side-by-side
Showing with 721 additions and 0 deletions
FE-InHome/about-us_page.html 0 → 100644
View file @ e7c66d1f
<!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/10.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="home_page.html">Home</a></li>
<li><a href="contact-us_page.html">Contact Us</a></li>
<li><a href="about-us_page.html">About Us</a></li>
<li><a href="home_page.html">Profile</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<div id="slider" class="inspiro-slider dots-creative" data-height-xs="360">
<div class="slide kenburns" style="background-image:url('images/parallax-1.jpg');">
<div class="bg-overlay"></div>
<div class="container">
<div class="slide-captions text-center text-light">
<span class="strong">Who we are</span>
<h1>TEAM PRESENTLY</h1>
</div>
</div>
</div>
</div>
<section>
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="heading-text heading-section">
<h2>PRESENTLY APP</h2>
</div>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-lg-6">The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci
ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum
volutpat quis. A true story, that never been told!. Fusce id mi diam, non ornare orci. Pellentesque
ipsum erat, <br> <br> facilisis ut venenatis eu, sodales vel dolor. The most happiest time of the day!.
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.
Nulla varius consequat magna, id molestie ipsum volutpat quis. A true story, that never been told!.
Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel
dolor. </div>
<div class="col-lg-6">Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. The most
happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel
interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. A true
story, that never been told!. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut
venenatis eu, sodales vel dolor. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.
<br> <br>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum
gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volut.
</div>
</div>
</div>
</div>
</div>
</section>
<section class="box-fancy section-fullwidth text-light p-b-0">
<div class="row">
<div style="background-color:#917d5d" class="col-lg-4">
<h1 class="text-lg text-uppercase">01.</h1>
<h3>CONCEPT</h3>
<span>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida
tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. A
true story, that never been told!. </span>
</div>
<div style="background-color:#a08c6c" class="col-lg-4">
<h1 class="text-lg text-uppercase">02.</h1>
<h3>DEVELOPMENT</h3>
<span>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida
tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. A
true story, that never been told!. </span>
</div>
<div style="background-color:#ad9979" class="col-lg-4">
<h1 class="text-lg text-uppercase">03.</h1>
<h3>TESTING</h3>
<span>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida
tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. A
true story, that never been told!. </span>
</div>
</div>
</section>
<section class="background-grey">
<div class="container">
<div class="heading-text heading-section text-center">
<h2>OUR TEAM</h2>
<span class="lead">Create amaThe most happiest time of the day!.</span>
</div>
<div class="row team-members team-members-shadow m-b-40">
<div class="col-lg-3">
<div class="team-member">
<div class="team-image">
<img src="images/team/6.jpg">
</div>
<div class="team-desc">
<h3>Alea Smith</h3>
<span>Software Developer</span>
<p>The most happiest time of the day!. Praesent tristique hendrerit ex ut laoreet. </p>
<div class="align-center">
<a class="btn btn-xs btn-slide btn-light" href="#">
<i class="fab fa-facebook-f"></i>
<span>Facebook</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="100">
<i class="fab fa-twitter"></i>
<span>Twitter</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="118">
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="mailto:#" data-width="80">
<i class="icon-mail"></i>
<span>Mail</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<div class="team-image">
<img src="images/team/7.jpg">
</div>
<div class="team-desc">
<h3>Ariol Doe</h3>
<span>Software Developer</span>
<p>The most happiest time of the day!. Praesent tristique hendrerit ex ut laoreet. </p>
<div class="align-center">
<a class="btn btn-xs btn-slide btn-light" href="#">
<i class="fab fa-facebook-f"></i>
<span>Facebook</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="100">
<i class="fab fa-twitter"></i>
<span>Twitter</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="118">
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="mailto:#" data-width="80">
<i class="icon-mail"></i>
<span>Mail</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<div class="team-image">
<img src="images/team/8.jpg">
</div>
<div class="team-desc">
<h3>Emma Ross</h3>
<span>Software Developer</span>
<p>The most happiest time of the day!. Praesent tristique hendrerit ex ut laoreet. </p>
<div class="align-center">
<a class="btn btn-xs btn-slide btn-light" href="#">
<i class="fab fa-facebook-f"></i>
<span>Facebook</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="100">
<i class="fab fa-twitter"></i>
<span>Twitter</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="118">
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="mailto:#" data-width="80">
<i class="icon-mail"></i>
<span>Mail</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<div class="team-image">
<img src="images/team/9.jpg">
</div>
<div class="team-desc">
<h3>Victor Loda</h3>
<span>Software Developer</span>
<p>The most happiest time of the day!. Praesent tristique hendrerit ex ut laoreet. </p>
<div class="align-center">
<a class="btn btn-xs btn-slide btn-light" href="#">
<i class="fab fa-facebook-f"></i>
<span>Facebook</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="100">
<i class="fab fa-twitter"></i>
<span>Twitter</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="#" data-width="118">
<i class="fab fa-instagram"></i>
<span>Instagram</span>
</a>
<a class="btn btn-xs btn-slide btn-light" href="mailto:#" data-width="80">
<i class="icon-mail"></i>
<span>Mail</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="heading-text text-center">
<h2>What people are saying!</h2>
<p class="lead text-center">The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus,
orci ipsum gravida tortor, vel interdum mi sapien ut justo.</p>
</div>
<div class="carousel arrows-visibile testimonial testimonial-single testimonial-left" data-items="1">
<div class="testimonial-item">
<img src="images/team/9.jpg" alt="">
<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">
<img src="images/team/9.jpg" alt="">
<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">
<img src="images/team/9.jpg" alt="">
<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>
</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>
</body>
</html>
\ No newline at end of file
FE-InHome/contact-us_page.html 0 → 100644
View file @ e7c66d1f
<!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/10.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="home_page.html">Home</a></li>
<li><a href="contact-us_page.html">Contact Us</a></li>
<li><a href="about-us_page.html">About Us</a></li>
<li><a href="home_page.html">Profile</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</header>
<section>
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="text-uppercase">Get In Touch</h3>
<p>The most happiest time of the day!. Suspendisse condimentum porttitor cursus. Duis nec nulla
turpis. Nulla lacinia laoreet odio, non lacinia nisl malesuada vel. Aenean malesuada
fermentum bibendum.</p>
<p>The most happiest time of the day!. Morbi sagittis, sem quis lacinia faucibus, orci ipsum
gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie
ipsum volutpat quis. A true story, that never been told!. Fusce id mi diam, non ornare orci.
Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
<div class="row m-t-40">
<div class="col-lg-6">
<address>
<strong>Polo, Inc.</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</h4> (123) 456-7890
</address>
</div>
<div class="col-lg-6">
<address>
<strong>Polo Office</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</h4> (123) 456-7890
</address>
</div>
</div>
</div>
<div class="col-lg-6">
<form class="widget-contact-form" novalidate
action="https://inspirothemes.com/polo/include/contact-form.php" role="form" method="post">
<div class="row">
<div class="form-group col-md-6">
<label for="name">Name</label>
<input type="text" aria-required="true" name="widget-contact-form-name" required
class="form-control required name" placeholder="Enter your Name">
</div>
<div class="form-group col-md-6">
<label for="email">Email</label>
<input type="email" aria-required="true" name="widget-contact-form-email" required
class="form-control required email" placeholder="Enter your Email">
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label for="subject">Your Subject</label>
<input type="text" name="widget-contact-form-subject" required class="form-control required"
placeholder="Subject...">
</div>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea type="text" name="widget-contact-form-message" required rows="5" class="form-control required"
placeholder="Enter your Message"></textarea>
</div>
<button class="btn" type="submit" id="form-submit"><i class="fa fa-paper-plane"></i>&nbsp;Send
message</button>
</form>
</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>
</body>
</html>
\ No newline at end of file
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