<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 ----------> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:400,500,600,700" rel="stylesheet"> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <div class="container fluid"> <div class="row"> <div class="col-md-2">Name</div> </div> <div class="row"> <div class="col-md-12 divcolor"> <span>Software Engineer</span> </div> </div> <div class="row"> <div class="col-md-12 divcolor"><span><p>I want to achieve career in software industy as a leader and proven skill</p></span></div> </div> <div class="row"> <div class="col-md-3 col-lg-3 bg-info divleft"> <div class="row bg-danger"> <h4><i class="fa fa-user"></i> Personal Info</h4> <div class="col-md-12 col-lg-12 bg-success "> <span class="subheading">Address</span> <br> <p class="span">538 Gha/96 Patouraganj</p> </div> <div class="col-md-12 col-lg-12 bg-success "> <span class="subheading">Phone</span> <br> <p class="span">9742434839</p> </div> <div class="col-md-12 col-lg-12 bg-success "> <span class="subheading">Email</span> <br> <p class="span">mahendrasingh@gmail.com</p> </div> </div> <div class="row bg-warning"> <h4><i class="fa fa-wrench"></i> Technical Skills</h4> </div> </div> <div class="col-md-9 col-lg-9 bg-success"> <div class="row bg-danger divworkhistory"> <h4><i class="fa fa-briefcase"></i> Experience/Projects</h4> <div class="col-md-2 col-lg-2 bg-success"> <span class="span">2020-08</span> <span class="span">-</span> <span class="span">2020-09</span> </div> <div class="col-md-10 col-lg-10 bg-warning"> <span class="subheading">Company name</span> <br> <span>Title</span> <p>Summary</p> </div> </div> <div class="row bg-warning divworkeducation"> <h4 title="icon graduation"><i class="fa fa-graduation-cap"></i> Education</h4> <div class="col-md-2 col-lg-2 bg-success"> <span class="span">2020-08</span> <span class="span">-</span> <span class="span">2020-09</span> </div> <div class="col-md-10 col-lg-10 bg-warning"> <span class="subheading">College name</span> <br> <p>Summary</p> </div> </div> </div> </div> </div>

.divcolor{ background-color:#f1f1f1; margin: 1px; } .divleft{ height:200px; } .divworkhistory{ height:200px; } .divworkeducation{ height:200px; } .subheading{ font-size: 14px; font-weight: 600; }