"About profile"
Bootstrap 3.3.0 Snippet by rolyart

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="//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 rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>
<section id="about" class="section-content about">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<figure class="fig-profile wow fadeIn" style="visibility: visible; animation-name: fadeIn;">
<img class="img-responsive img-circle img-profile" title="Roland Maruntelu" alt="Roland Maruntelu" src="http://rolyart.ro/wp-content/uploads/2016/07/roland-maruntelu-freelancer-romania.jpg">
<figcaption>Hello !</figcaption>
</figure>
<div class="flag">
<span class="blue"></span>
<span class="yellow"></span>
<span class="red"></span>
</div>
<div class="clearfix"></div>
<h2 class="name"><b>Roland</b> Maruntelu</</h2>
<h3 class="position">Web Designer & Wordpress Theme Developer</h3>
<h4 class="text-center location">based in Bucharest, Romania</h4>
<div class="title-divider">
<span class="hr-divider col-xs-5"></span>
<span class="icon-separator col-xs-2"><i class="fa fa-star"></i></span>
<span class="hr-divider col-xs-5"></span>
</div>
</div>
<div class="col-md-8 col-md-offset-2 text-center">
<p class="caption">I'm Roland Maruntelu, webdesigner & wordpress theme developer at <a href="http://rolyart.ro">rolyart.ro.</a>I have a passion for creating challenging, clean and beautiful websit e/ wordpress themes.</p>
<h2 class="slogan">" Wordpress Theme is not just a job, it's a passion."</h2>
<a href="http://rolandtheme.com" class="btn btn-default secondary-bg btn-lg">View my passion</a>
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
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,700);
html, body{
height:100%;
min-height:100%;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Open Sans Condensed', sans-serif, sans-serif;
}
.btn{
border-radius:0;
font-family: 'Open Sans Condensed', sans-serif, sans-serif;
margin-bottom:15px;
}
.primary-bg{
background-color:#F34336;
color:#fff;
}
.primary-bg:hover, .primary-bg:focus{
background-color:#F22C1E;
color:#fff;
}
.secondary-bg{
background-color:#20BFA9;
color:#fff;
}
.secondary-bg:hover, secondary-bg:focus{
background-color:#1CA996;
color:#fff;
}
/* About
============================================== */
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: