"Experience"
Bootstrap 3.3.0 Snippet by MikeClark

<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 ----------> <a class="anchor" id="a-experience"></a> <!-- Expériences --> <section class=""> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="sectionTitle">Experiences</div> <ul class="jobSummary"> <li>3 years of php development experience.</li> <li>7 years of .Net development experience.</li> <li>13 years of SQL Database experience.</li> <li>13 years of Web development experience.</li> <li>20 years of software development experience.</li> <li>12 years of Engineering experience.</li> </ul> </div> </div> </div> </section>
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); .sectionTitle { padding: 0 0 0px 70px; margin: 50px 0; position: relative; } .sectionTitle:before { background-color: #33a4c9; border-radius: 25px; content: ' '; display: block; height: 50px; left: 0; position: absolute; top: 0px; width: 50px; } .sectionTitle-font, .sectionTitle { font-size: 2rem; } section { font-size: 1.8rem; } ul { list-style-type: none; } ul.jobSummary li:before { content: "\f101"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; }

Related: See More


Questions / Comments: