About Us

by ASHISH ROX

HTML

<div class="col-md-9">
          <h3>Company Leadership</h3>
          <p>Ut sit amet dignissim libero. Integer scelerisque, eros interdum suscipit rhoncus, mauris felis eleifend libero, a adipiscing arcu sapien eu nisi. Proin vehicula lacus non lacus lobortis ultricies. Nulla dui metus, viverra in sodales a, rutrum sed metus. Cras blandit vehicula ligula et fringilla. Suspendisse convallis rutrum arcu nec rutrum. Pellentesque sed felis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
          <div class="vc_splitter"></div>
          <div class="row text-center">
            <div class="col-md-4">
              <div class="vc_icon-round vc_center">
                <div class="bg-wrapper">
                    <div class="bg"> <img alt="example image" src="http://vencorp.venmond.com/img/about/01.jpg"/> </div>
                </div>
              </div>
              <div class="vc_splitter"></div>
              <h3 style="margin-bottom:0;">Anna Mariane</h3>
              <p> <em>CEO</em> </p>
              <a class="vc_btn btn-small" href="">About</a> </div>
            <div class="col-md-4">
              <div class="vc_icon-round vc_center">
                <div class="bg-wrapper">
                    <div class="bg"> <img alt="example image" src="http://vencorp.venmond.com/img/about/02.jpg"/> </div>
                </div>
              </div>
              <div class="vc_splitter"></div>
              <h3 style="margin-bottom:0;">John Verydoe </h3>
              <p> <em>President</em> </p>
              <a class="vc_btn btn-small" href="">About</a> </div>
            <div class="col-md-4">
              <div class="vc_icon-round vc_center">
                <div class="bg-wrapper">
                    <div class="bg"> <img alt="example image" src="http://vencorp.venmond.com/img/about/03.jpg"/> </div>
                </div>
              </div>
              <div class="vc_splitter"></div>
              <h3...

CSS

.col-md-9 {
width: 75%;
}
.vc_splitter {
width: 100%;
float: left;
margin-bottom: 20px;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-md-4 {
width: 33.33333333333333%;
}
/* Rounded Icon */
.vc_icon-round{
	width: 192px;
	height: 192px;

	-webkit-border-radius: 192px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	-moz-border-radius: 192px;	
	border-radius: 192px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

	/* useful if you don't want a bg color from leaking outside the border: */
	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
	text-align: center;
	cursor: pointer;
}
.vc_icon-round {
	background: url('http://vencorp.venmond.com/img/stripe-3.gif');
}
.vc_icon-round:hover{
	background: url('http://vencorp.venmond.com/img/stripe-3.gif');
}
.vc_icon-round .bg-wrapper{
	padding: 20px;
}
.vc_icon-round .bg{
	background: #303030;
	width: 152px;
	height: 152px;
	-webkit-border-radius: 152px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	-moz-border-radius: 152px;
	border-radius: 152px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
}
.vc_icon-round .bg img{
	width:152px;
}
.vc_icon-round i,.vc_icon-round .glyphicon{
	font-size: 60px;
	color: #F5F5F5;
}
.vc_icon-round.inverted .bg{
	background:#FFF;
}
.vc_icon-round.inverted i, .vc_icon-round.inverted .glyphicon{
	color:#333;
}
.vc_icon-round.small{
	width:142px;
	height:142px;
	-webkit-border-radius: 142px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	-moz-border-radius: 142px;	
	border-radius: 142px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */		
}
.vc_icon-round.small .bg{
	width: 102px;
	height:102px;
	-webkit-border-radius: 102px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	-moz-border-radius: 102px;	
	border-radius: 102px; /* Android 2.1+, Chrome, Firefox 4+,...