user Profile
by Taqi_Shah
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-3"><strong>Education</strong></div>
<div class="col-md-9" style="margin-top:25px;">
You haven't added any education yet. <a href="javascript:void(0)" style="text-decoration:none;"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add some now!</a>
</div>
</div>
<div class="row">
<div class="col-md-3" style="margin-top:25px;"><strong>Projects</strong></div>
<div class="col-md-9" style="margin-top:25px;">You haven't added any projects yet. <a href="/en/profile/edit" style="text-decoration:none;"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add some now!</a>
</div>
</div>
<!-- This div will show up every time user clicking on add project's -->
<div class="row">
<div class="col-md-3 text-right" style="margin-top:25px;"><strong>Projects</strong></div>
<div class="col-md-9" style="margin-top:25px;">
<!-- Projects 1st Row Ends -->
<div class="col-md-6" style="margin-top:15px;">
<label class="required text-muted" for="projects_form-0-title">Title</label><br />
<input class="form-control" type="text" placeholder="Title" required="required" id="projects_form-0-title" name="projects_form-0-title" type="text" />
</div>
<div class="col-md-6" style="margin-top:15px;">
<label class="required text-muted" for="projects_form-0-role">Role</label><br />
<input class="form-control" type="text" placeholder="Role" required="required" id="projects_form-0-title" name="projects_form-0-title" type="text" />
</div>
<!-- Projects...