<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<div id="titile">
<h4><strong>SIGN up HERE</strong></h4>
</div>
<div id="form-container" action="#" method="post" onsubmit="return validation();">
<form>
<div>
<input type="text" id="firstname" name="firstname" placeholder="First Name" autocomplete="off"/>
<input type="text" id="lastname" name="lastname" placeholder="Last Name" autocomplete="off"/>
</div>
<div>
<input type="text" id="email" name="email" placeholder="Email example@vybzgh.com" autocomplete="off"/>
<span id="erro"></span>
</div>
<div>
<input type="password" id="password" name="password" placeholder="Password" autocomplete="off"/>
<input type="password" id="confirmpassword" name="confirmpassword" placeholder="Confirm password" autocomplete="off"/>
</div>
<div id="show-password"><label>Show password</label><input type="checkbox" name="checkbox" onclick="show()" /></div>
<p id="signup">By clicking on <strong>Signup</strong> you agree to our<a href="#"> <strong>Terms and Conditions</strong></a></p>
<div>
<p><strong>Yes,I Agree</strong><label class="checkbox"><input type="checkbox" name="checkbox"></label></p>