<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<section class="aboutus bg-dark text-white py-5" id="aboutus">
<div class="container py-5 my-5">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12 ">
<div class="pb-3"></div>
<h2>Create amazing landing page with globing template</h2>
<div class="py-2"></div>
<p>It is a long established fact that a reader will be of a page when established fact looking at its layout. Maecenas class semper class semper sollicitudin lectus lorem iaculis imperdiet aliquam.</p>
<div class="py-2"></div>
<button type="button" class="btn btn-outline-light">Get More Details</button>
</div>
<div class="clearfix visible-sm"></div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="card bg-danger">
<div class="card-body">
<form action="/action_page.php">
<div class="form-group">
<div class="input-group-addon">
<i class="fa fa-address-card"></i>
</div>
<input type="email" class="form-control" id="email" placeholder="User ID">
</div>
<div class="form-group">
<input type="password" class="form-control" id="pwd" placeholder="Password">
</div>
<div class="form-group form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox"> Remember me
</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
