<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>
<!------ Include the above in your HEAD tag ---------->
<section class="py-5">
<div class="container">
<div class="row">
<div class="col-12 col-md-3">
<h6>User Information</h6>
<li>Name</li>
<li>Email</li>
<li>Address</li>
<li>Organization</li>
<li>Contact No.</li>
</div>
<div class="col-12 col-md-3">
<h6>Site Information</h6>
<li>Site Url</li>
<li>Reg. Date</li>
<li>Exp. Date</li>
<li>User Name</li>
<li>Pass</li>
<li>Reg. Email</li>
<li>Reg. Phone No.</li>
</div>
<div class="col-12 col-md-3">
<h6>Design/Development Phase</h6>
<li>*** Design Phase 1 ***</li>
<li>Design of Logo and corporate print collateral print providers</li>
<li>Design Phase 2</li>
<li>Corporate Web design</li>
<li>****Development Phase 1*** </li>
<li>Front rear end website development</li>
<li>Development Phase 2</li>
<li>Domain Name, Hosting, SEO and social management</li>
</div>
<div class="col-12 col-md-3">
<h6>Payment</h6>
<li>*** Design Phase 1 ***</li>
<li>25% of Total</li>
<li>Design Phase 2</li>
<li>20% of Remaining Total</li>
<li>****Development Phase 1*** </li>
<li>80% of Total</li>
<li>Development Phase 2</li>
<li>Total</li>
</div>
</div>
</div>
</section>
Contact Name
Phone
company
address
email
present url
username password
Description of Services
Payment for Services
Web Hosting
Project Budget Breakdown
Design Phase 1
Design of Logo and corporate print collateral print providers
Design Phase 2
Corporate Web design
Development Phase 1
Front rear end website development
Development Phase 2
Domain Name, Hosting, SEO and social management
-------------------------------------------------------------