"Jobs & Experience Section"
Bootstrap 3.0.0 Snippet by ravinder350

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div id="experience" class="experience">
<div class="container">
<!---728x90--->
<div class="sec-title text-center">
<h3>Some Story Behind Us</h3>
<h1>Jobs & Experience</h1>
</div>
<div class="skill_info_wthree_agile">
<div class="work-info">
<div class="col-md-6 work-left">
<h4>2014 - 2018 </h4>
</div>
<div class="col-md-6 work-right">
<h5><span class="fa fa-dot-circle-o"> </span>Developer</h5>
<p>University of Oxford</p>
<div class="clearfix"> </div>
</div>
<div class="work-info">
<div class="col-md-6 work-right work-right2">
<h4>2013 - 2014 </h4>
</div>
<div class="col-md-6 work-left work-left2">
<h5> Designer <span class="fa fa-dot-circle-o"> </span></h5>
<p>Freelancer </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="work-info">
<div class="col-md-6 work-left">
<h4>2012 - 2013 </h4>
</div>
<div class="col-md-6 work-right">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*--work--*/
div#experience {
float: left;
width: 100%;
padding: 30px 0px;
}
.work {
background: #000;
}
.work-left {
text-align: right;
padding: 4em 5em 0 0;
}
.work-right {
border-left: 4px solid #ebebec;
padding: 4em 0 2em 6em;
}
.work-info h4 {
font-size: 1.2em;
display: inline-block;
padding: .4em 1.2em;
color: #fff;
position: relative;
background: #1b1b1b;
font-family: 'Poppins', sans-serif;
font-weight: 300;
letter-spacing: 1px;
box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2), 0 4px 7px 0 rgba(0, 0, 0, 0.19);
}
.work-info h4:before {
width: 0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

BLK• Design System
Our Team section using bootstrap 4
Team Design Section with Pure CSS Effect
Services section using bootstrap 4

Questions / Comments: