<div class="blocks-sc-3col-03 wrapper bg-color-ui-01">
<div class="spacer x-large"></div>
<div class="blog grid-container main-container" data-test="">
<article data-test="blog-list-article" class="grid-x grid-padding-x blog-list gutter-medium">
<div class="large-3 medium-6 small-12 cell">
<a>
<img class="main-image" src="https://uploads.prod01.sydney.platformos.com/instances/630/property_uploads/modules/insites_assets/assets_upload/asset/032c5cca-4594-4430-9c90-38b115c6dd20/Dark.png?updated=1723195342" alt="" />
</a>
<div class="spacer xxx-large show-for-small-only"></div>
</div>
<div class="large-3 medium-6 small-12 cell">
<div>
<h2 class="heading-3 font-blue">Robert Fox</h2>
<p>CEO</p>
<div class="spacer xx-large"></div>
<a class="color-main contact-links">
<i class="icon-phone1"></i>
<span>+1 520 467 4837</span>
</a>
<div class="spacer small"></div>
<a class="color-main contact-links">
<i class="icon-mail1"></i>
<span>template@insites.io</span>
</a>
<div class="spacer xx-large"></div>
<hr>
<ul class="menu social">
<li>
<a title="facebook" href="/" rel="noreferrer"><i class="icon-facebook"></i></a>
</li>
<li>
<a><i class="icon-twitter"></i></a>
</li>
<li>
<a><i class="icon-linkedin"></i></a>
</li>
<li>
<a><i class="icon-instagram"></i></a>
</li>
<li>
<a><i class="icon-youtube"></i></a>
</li>
</ul>
</div>
<!-- <div class="spacer small show-for-small-only"></div> -->
</div>
<div class="large-6 medium-12 small-12 cell">
<div class="spacer xxx-large hide-for-large"></div>
<div>
<p class="font-grey">Robert Fox is a 23-year-old health centre receptionist who enjoys baking, swimming and
stealing candy from babies. He is friendly and smart, but can also be very dull and a bit unkind.
<br /><br />
He is a Portuguese Jedi who defines himself as straight. He finished school and then left academia. He is
allergic to wool.
<br /><br />
Physically, Robert is in pretty good shape. He is average-height with olive skin, blonde hair and yellow
eyes. Unusually, he has a prosthetic eye; a shark ate his.</p>
<div class="spacer large"></div>
</div>
</div>
</article>
</div>
<div class="spacer x-large"></div>
</div>
.blocks-sc-3col-03 .main-image {
width: 100%;
}
.blocks-sc-3col-03 .contact-links {
display: block;
}
.blocks-sc-3col-03 .menu.social a {
padding: 16px 16px;
}
@media screen and (max-width: 1023px) {
.blocks-sc-3col-03 .menu.social li:first-of-type a {
padding-left: 0;
}
}