<div class="about-container">
	<div class="about-top">
		<div class="row">
			<div class="col-lg-6 col-md-6">
				<div class="about-image">
					<img src="{{media url="wysiwyg/about/img-about.jpg"}}" alt="About Image" />
				</div>
			</div>
			
			<div class="col-lg-6 col-md-6">
				<div class="about-info">
					<h2>It’s important to use cocoa butter. It’s the key to more success</h2>
					<p>Lorem khaled ipsum is a major key to success. It’s on you how you want to live your life. Everyone has a choice. I pick my choice, squeaky clean. Always remember in the jungle there’s a lot of they in there, after you overcome they, you will make it to paradise. Wraith talk. Surround yourself with angels, positive energy, beautiful people, beautiful souls, clean heart, angel. They don’t want us to eat. </p>
				</div>
			</div>
		</div>
	</div>
	
	<div class="about-skill">
		<div class="center-title">
			<h2>Who Are You?</h2>
			<p>The first of the month is coming, we have to get money, we have no choice</p>
		</div>
		
		<div class="skill-content">
			<div class="row">
				<div class="col-lg-6 col-md-6">
					<div class="panel-group" id="accordion">
						<div class="panel panel-head">
							<div class="heading-panel">
							<h4 class="panel-title">
								<a class="" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded=true >
									Lorem Khaled Ipsum is a major key to success
									
									<span class="button-collapse"><span class="hidden">Button</span></span>
								</a>
							</h4>
							</div>
							<div id="collapse1" class="panel-collapse collapse in">
								<div class="body-panel">
									The key to more success is to get a massage once a week, very important, major key, cloth talk. Mogul talk. Cloth talk. I’m giving you cloth talk, cloth. Special cloth alert, cut from a special cloth. In life you have to take the trash out, if you have trash in your life, take it out, throw it away, get rid of it, major key. Surround yourself with angels.
								</div>
							</div>
						</div>
						<div class="panel panel-head">
							<div class="heading-panel">
								<h4 class="panel-title">
									<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse2">
										Lorem Khaled Ipsum is a major key to success
										
										<span class="button-collapse"><span class="hidden">Button</span></span>
									</a>
								</h4>
							</div>
							<div id="collapse2" class="panel-collapse collapse">
								<div class="body-panel">
									The key to more success is to get a massage once a week, very important, major key, cloth talk. Mogul talk. Cloth talk. I’m giving you cloth talk, cloth. Special cloth alert, cut from a special cloth. In life you have to take the trash out, if you have trash in your life, take it out, throw it away, get rid of it, major key. Surround yourself with angels.
								</div>
							</div>
						</div>
						
						<div class="panel panel-head">
							<div class="heading-panel">
								<h4 class="panel-title">
									<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse3">
										Lorem Khaled Ipsum is a major key to success
										
										<span class="button-collapse"><span class="hidden">Button</span></span>
									</a>
								</h4>
							</div>
							<div id="collapse3" class="panel-collapse collapse">
								<div class="body-panel">
									The key to more success is to get a massage once a week, very important, major key, cloth talk. Mogul talk. Cloth talk. I’m giving you cloth talk, cloth. Special cloth alert, cut from a special cloth. In life you have to take the trash out, if you have trash in your life, take it out, throw it away, get rid of it, major key. Surround yourself with angels.
								</div>
							</div>
						</div>
						
						<div class="panel panel-head">
							<div class="heading-panel">
								<h4 class="panel-title">
									<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse4">
										Lorem Khaled Ipsum is a major key to success
										
										<span class="button-collapse"><span class="hidden">Button</span></span>
									</a>
								</h4>
							</div>
							<div id="collapse4" class="panel-collapse collapse">
								<div class="body-panel">
									The key to more success is to get a massage once a week, very important, major key, cloth talk. Mogul talk. Cloth talk. I’m giving you cloth talk, cloth. Special cloth alert, cut from a special cloth. In life you have to take the trash out, if you have trash in your life, take it out, throw it away, get rid of it, major key. Surround yourself with angels.
								</div>
							</div>
						</div>
					</div> 
				</div>
				
				<div class="col-lg-6 col-md-6">
					<div class="skill-range">
						<ul>
							<li>
								<p class="name-skill">Development</p>
								<div class="range-item">
									<div class="range-result" style="width: 80%;">
										<div class="tooltip-range">
											<span>80%</span>
										</div>
									</div>
								</div>
							</li>
							
							<li>
								<p class="name-skill">Website Design</p>
								<div class="range-item">
									<div class="range-result" style="width: 60%;">
										<div class="tooltip-range">
											<span>60%</span>
										</div>
									</div>
								</div>
							</li>
							
							<li>
								<p class="name-skill">HTML / CSS</p>
								<div class="range-item">
									<div class="range-result" style="width: 90%;">
										<div class="tooltip-range">
											<span>90%</span>
										</div>
									</div>
								</div>
							</li>
							
							<li>
								<p class="name-skill">Photography</p>
								<div class="range-item">
									<div class="range-result" style="width: 50%;">
										<div class="tooltip-range">
											<span>50%</span>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="our-team">
		<div class="center-title">
			<h2>Our Team</h2>
			<p>The first of the month is coming, we have to get money, we have no choice</p>
		</div>
		
		<div class="team-list">
			<div class="row">
				<div class="col-lg-3 col-md-3 col-sm-3">
					<div class="item">
						<div class="team-image">
							<img src="{{media url="wysiwyg/team/team-1.jpg"}}" alt="Team Image" />
							
							<ul class="team-social">
								<li><a title="Facebook" href="#"><span class="fa fa-facebook"><span class="hidden">Facebook</span></span></a></li>
								<li><a title="Twitter" href="#"><span class="fa fa fa-twitter"><span class="hidden">Twitter</span></span></a></li>
								<li><a title="Google" href="#"><span class="fa fa-google-plus"><span class="hidden">Google</span></span></a></li>
								<li><a title="Youtube" href="#"><span class="fa fa-youtube-play"><span class="hidden">Youtube</span></span></a></li>
								<li><a title="Rss" href="#"><span class="fa fa-rss"><span class="hidden">Rss</span></span></a></li>
							</ul>
						</div>
						
						<div class="team-info">
							<p class="team-name">Jonathan Doe</p>
							<p class="team-job">SEO & Marketing</p>
						</div>
					</div>
				</div>
				
				<div class="col-lg-3 col-md-3 col-sm-3">
					<div class="item">
						<div class="team-image">
							<img src="{{media url="wysiwyg/team/team-2.jpg"}}" alt="Team Image" />
							
							<ul class="team-social">
								<li><a title="Facebook" href="#"><span class="fa fa-facebook"><span class="hidden">Facebook</span></span></a></li>
								<li><a title="Twitter" href="#"><span class="fa fa fa-twitter"><span class="hidden">Twitter</span></span></a></li>
								<li><a title="Google" href="#"><span class="fa fa-google-plus"><span class="hidden">Google</span></span></a></li>
								<li><a title="Youtube" href="#"><span class="fa fa-youtube-play"><span class="hidden">Youtube</span></span></a></li>
								<li><a title="Rss" href="#"><span class="fa fa-rss"><span class="hidden">Rss</span></span></a></li>
							</ul>
						</div>
						
						<div class="team-info">
							<p class="team-name">Jonathan Doe</p>
							<p class="team-job">SEO & Marketing</p>
						</div>
					</div>
				</div>
				
				<div class="col-lg-3 col-md-3 col-sm-3">
					<div class="item">
						<div class="team-image">
							<img src="{{media url="wysiwyg/team/team-3.jpg"}}" alt="Team Image" />
							
							<ul class="team-social">
								<li><a title="Facebook" href="#"><span class="fa fa-facebook"><span class="hidden">Facebook</span></span></a></li>
								<li><a title="Twitter" href="#"><span class="fa fa fa-twitter"><span class="hidden">Twitter</span></span></a></li>
								<li><a title="Google" href="#"><span class="fa fa-google-plus"><span class="hidden">Google</span></span></a></li>
								<li><a title="Youtube" href="#"><span class="fa fa-youtube-play"><span class="hidden">Youtube</span></span></a></li>
								<li><a title="Rss" href="#"><span class="fa fa-rss"><span class="hidden">Rss</span></span></a></li>
							</ul>
						</div>
						
						<div class="team-info">
							<p class="team-name">Jonathan Doe</p>
							<p class="team-job">SEO & Marketing</p>
						</div>
					</div>
				</div>
				
				<div class="col-lg-3 col-md-3 col-sm-3">
					<div class="item">
						<div class="team-image">
							<img src="{{media url="wysiwyg/team/team-4.jpg"}}" alt="Team Image" />
							
							<ul class="team-social">
								<li><a title="Facebook" href="#"><span class="fa fa-facebook"><span class="hidden">Facebook</span></span></a></li>
								<li><a title="Twitter" href="#"><span class="fa fa fa-twitter"><span class="hidden">Twitter</span></span></a></li>
								<li><a title="Google" href="#"><span class="fa fa-google-plus"><span class="hidden">Google</span></span></a></li>
								<li><a title="Youtube" href="#"><span class="fa fa-youtube-play"><span class="hidden">Youtube</span></span></a></li>
								<li><a title="Rss" href="#"><span class="fa fa-rss"><span class="hidden">Rss</span></span></a></li>
							</ul>
						</div>
						
						<div class="team-info">
							<p class="team-name">Jonathan Doe</p>
							<p class="team-job">SEO & Marketing</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>