<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<head>
<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="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="avatar">
<a href="https://ibb.co/g2jNUe"><img src="https://thumb.ibb.co/g2jNUe/logo.png" alt="logo" border="0" color=blue></a>
</div>
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#signin">Sign in</a></li>
<li><a data-toggle="tab" href="#signup">Sign up</a></li>
</ul>
<div class="tab-content">
<div id="signin" class="tab-pane fade in active">
<form role="Form" method="POST" action="" accept-charset="UTF-8">
<div class="form-group">
<input type="text" name="email" placeholder="Email..." class="form-control">
</div>
<div class="form-group">
<input type="password" name="password" placeholder="Password..." class="form-control">
![Sign up form [Validations NOT ACHIEVED]](http://d2d3qesrx8xj6s.cloudfront.net/img/screenshots/085267fd2b785be54d5d05937defdd27ccc633ab.jpg)