Skip to content

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

feat: UI for signup

parent a29e9815
Hide whitespace changes
Inline Side-by-side
Showing with 308 additions and 0 deletions
FE-InHome/sign-up_page.html 0 → 100644
View file @ 69e6815b
<!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 id="page-content">
<div class="container">
<div class="row">
<div class="content col-lg-9">
<div class="card">
<div class="card-body">
<h3 class="mb-5">Registration Form <small>Validation</small></h3>
<form id="form1" class="form-validate">
<div class="h5 mb-4">Account details</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="username">Username</label>
<input type="text" class="form-control" name="username" placeholder="Enter username" required>
</div>
<div class="form-group col-md-6">
<label for="email">Email address</label>
<input type="email" class="form-control" name="email" placeholder="Enter your email" required>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="password">Password</label>
<div class="input-group show-hide-password">
<input class="form-control" name="password" placeholder="Enter password" type="password"
required>
<div class="input-group-append">
<span class="input-group-text"><i class="icon-eye-off" aria-hidden="true"
style="cursor: pointer;"></i></span>
</div>
</div>
</div>
<div class="form-group col-md-6">
<label for="password2">Confirm Password</label>
<div class="input-group show-hide-password">
<input class="form-control" name="password2" placeholder="Enter password" type="password"
required>
<div class="input-group-append">
<span class="input-group-text"><i class="icon-eye-off" aria-hidden="true"
style="cursor: pointer;"></i></span>
</div>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="name">Name</label>
<input type="text" class="form-control" name="name" placeholder="Enter your Name" required>
</div>
<div class="form-group col-md-6">
<label for="surname">Surname</label>
<input type="text" class="form-control" name="surname" placeholder="Enter your Surname" required>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="gender">Gender</label>
<select class="form-control" name="gender" required>
<option value="">Select your gender</option>
<option>Female</option>
<option>Male</option>
<option>Rather not say</option>
</select>
</div>
<div class="form-group col-md-6">
<label for="gender">Date of Birth</label>
<input class="form-control" type="date" name="dateofbirth" required>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="telephone">Telephone</label>
<input class="form-control" type="tel" name="telephone" placeholder="Enter your Telephone number"
required>
</div>
</div>
<div class="form-group mb-1 mt-5">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="reminders" id="reminders" class="custom-control-input" value="1"
required>
<label class="custom-control-label" for="reminders">Send me occasional
reminders
about these settings</a></label>
</div>
</div>
<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox" name="terms_conditions" id="terms_conditions" class="custom-control-input"
value="1" required>
<label class="custom-control-label" for="terms_conditions">By checking
this
option, you agree to acceot with the <a href="#">Terms and
Conditions</a>.</label>
</div>
</div>
<button type="submit" class="btn m-t-30 mt-3">Submit</button>
</form>
</div>
</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>
</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