<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!doctype html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<style>
body{
font-family: "Times New Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-color >.panel-heading{
background-color:#18bc9c ;
color:white;
}
.shadow{
-webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
border-left: 10px solid #18bc9c;
border-right: 10px solid #18bc9c;
overflow:hidden;
}
.btn-color1{
background-color:#18bc9c;
color:white;
}
.btn-color1:hover{
background-color:white;
color:#18bc9c;
border: 1px solid #18bc9c;
}
.input-group-addon {background:#18bc9c;
color: white;
}
.color{
color:#18bc9c;
}
</style>
</head>
<body >
<div class="container ">
<div class="row ">
<div class="col-md-5 col-md-offset-3 " >
<div class="panel panel-default panel-color">
<div class="panel panel-heading panel-color">
<h1 class="text-center">Login Form</h1>
</div>
<div class="panel panel-body">
<form action="" >
<div class="form-group row">
<label for="example-text-input" class="col-md-3 col-form-label">Email</label>
<div class="col-md-6 input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input class="form-control" type="text" id="example-text-input" placeholder=" Email">
</div>
</div>
<div class="form-group row">
<label for="example-text-input" class="col-md-3 col-form-label"> Password </label>
<div class="col-md-6 input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i> </span>
<input class="form-control" type="password" id="example-text-input" placeholder="password">
</div>
</div>
<input type="submit" value="LogIn" class="btn btn-default btn-color1 ">
<center>
<p>Not regisstered?<a href=""> <span class="color">Create an account</span></a></p>
</center>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
