Skip to content

/ Secure-Design-and-Development

Permalink
main
Switch branches/tags

Secure-Design-and-Development/login.html

Go to file
 
 
Cannot retrieve contributors at this time
197 lines (178 sloc) 6.22 KB
Raw Blame
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ABC Aircraft - Login</title>
<link href="https://fonts.googleapis.com/css?family=Hind:400,700" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="css/slick.css" />
<link type="text/css" rel="stylesheet" href="css/slick-theme.css" />
<link type="text/css" rel="stylesheet" href="css/nouislider.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- HEADER -->
<header>
<div id="top-header">
<div class="container">
</div>
</div>
<div id="header">
<div class="container">
<div class="pull-left">
<div class="header-logo">
<a class="logo" href="#">
<img src="./img/logo.png" alt="">
</a>
</div>
</div>
<div class="pull-right">
<ul class="header-btns">
<li class="header-account dropdown default-dropdown">
<div class="dropdown-toggle" role="button" data-toggle="dropdown" aria-expanded="true">
<div class="header-btns-icon">
<i class="fa fa-user-o"></i>
</div>
<strong class="text-uppercase">My Account <i class="fa fa-caret-down"></i></strong>
</div>
<a href="#" class="text-uppercase">Login</a> / <a href="#" class="text-uppercase">Join</a>
<ul class="custom-menu">
<li><a href="login.html"><i class="fa fa-unlock-alt"></i> Login</a></li>
<li><a href="create_account.html"><i class="fa fa-user-plus"></i> Create An Account</a></li>
</ul>
</li>
<li class="nav-toggle">
<button class="nav-toggle-btn main-btn icon-btn"><i class="fa fa-bars"></i></button>
</li>
</ul>
</div>
</div>
</div>
</header>
<div id="navigation">
<div class="container">
<div id="responsive-nav">
<div class="menu-nav">
<span class="menu-header">Menu <i class="fa fa-bars"></i></span>
<ul class="menu-list">
<li><a href="index.html">Home</a></li>
<li><a href="experience.html">Experience</a></li>
<li><a href="airframe.html">Create Air Frame</a></li>
<li><a href="flightlog.html">Flight Log</a></li>
<li><a href="maintanancelog.html">Maintanance Log</a></li>
<li><a href="listofengineers.html">List of Engineers & Tasks</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="breadcrumb">
<div class="container">
<ul class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li class="active">Login</li>
</ul>
</div>
</div>
<div class="section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6 col-sm-6 col-xs-12">
<p style="text-align: center; font-size: 18px;"><b>Login Here</b></p>
<form class="review-form">
<div class="form-group">
<input class="input" type="email" placeholder="Email Address" />
</div>
<div class="form-group">
<input class="input" type="password" placeholder="Password" />
</div>
<span ><a href="#">Forgot Password?</a></span><button class="primary-btn" style="float: right;">Login</button>
</form>
</div>
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- FOOTER -->
<footer id="footer" class="section section-grey">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="footer">
<div class="footer-logo">
<a class="logo" href="#">
<img src="./img/logo.png" alt="">
</a>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
<ul class="footer-social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="footer">
<h3 class="footer-header">My Account</h3>
<ul class="list-links">
<li><a href="#">My Account</a></li>
<li><a href="#">My Wishlist</a></li>
<li><a href="#">Compare</a></li>
<li><a href="#">Checkout</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
</div>
<div class="clearfix visible-sm visible-xs"></div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="footer">
<h3 class="footer-header">Customer Service</h3>
<ul class="list-links">
<li><a href="#">About Us</a></li>
<li><a href="#">Shiping & Return</a></li>
<li><a href="#">Shiping Guide</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="footer">
<h3 class="footer-header">Stay Connected</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
<form>
<div class="form-group">
<input class="input" placeholder="Enter Email Address">
</div>
<button class="primary-btn">Join Newslatter</button>
</form>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="footer-copyright">
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/nouislider.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>