Skip to content
Permalink
2a3ccd49dc
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

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>