SONEX Documentation

About Page

About page helps you describe yourself or your company. This page contains such blocks: page title, company description, services that company provide, approach block and team members block. Body of this page must have id #about-page.

Company Description

This block contains title, lead paragraph and normal paragraph.

<div class="studio">
	<div class="row">
		<div class="col-md-8">
			<h2>The Studio</h2>
			<p class="lead">We have many years experience and many interesting problems which we solved. We are happy about collaboration with creative people and organizations to provide best design.</p>
			<p>Suspendisse pellentesque nisi dui, sodales consequat dolor ullamcorper non. Integer malesuada elit sapien, sed volutpat justo maximus non.</p>
		</div>
	</div>
</div>

Services

Each service block has next layout: title and description.

<div class="services">
	<div class="row">
		<div class="col-md-3">
			<div class="service-block">
				<h4>Typography</h4>
				<p>Phasellus maximus felis purus, eget maximus ligula scelerisque id.</p>
			</div>
		</div>
		<div class="col-md-3">
			<div class="service-block">
				<h4>Branding</h4>
				<p>Etiam risus metus, vehicula gravida elementum in, mollis ut ipsum.</p>
			</div>
		</div>
		<div class="col-md-3">
			<div class="service-block">
				<h4>Identity</h4>
				<p>Quisque vulputate orci in ipsum ultrices, vel volutpat quam sagittis.</p>
			</div>
		</div>
		<div class="col-md-3">
			<div class="service-block">
				<h4>Illustrations</h4>
				<p>Nullam sit amet libero id augue tincidunt pretium pharetra eu lorem.</p>
			</div>
		</div>
	</div>
</div>

Approach

This part has image and text with links.

<div class="approach">
	<div class="row">
		<div class="col-md-5">
			<img src="img/about/approach.png" alt="">
		</div>
		<div class="col-md-6 col-md-offset-1">
			<div class="text">
				<h2>Our Approach</h2>
				<p>We believe that design it's a first thing the user sees. So, we care about true solutions and we will focus only on the client's problem. We love our clients and make them happy.</p>
				<ul class="links">
					<li><a class="smooth-leave" href="index.html">Our Cases</a>
					</li>
					<li><a class="smooth-leave" href="contact.html">Contact Us</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

Team

Each member block has next layout: photo, name, post and social links.

<div class="team-member">
	<div class="photo">
		<img src="img/about/team-member-1.png" alt="">
	</div>
	<div class="content">
		<h3>Ted Ross</h3>
		<p>Founder & Creative Director</p>
		<ul class="social-links">
			<li>
				<a class="icon-facebook" href="#"></a>
			</li>
			<li>
				<a class="icon-twitter" href="#"></a>
			</li>
			<li>
				<a class="icon-gplus" href="#"></a>
			</li>
		</ul>
	</div>
</div>

If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!