@extends('layout.base')

@section('content')
	<section class="clearfix">
		<div class="col-md-10 col-md-offset-1 col-sm-12">
			<h1>
				<span class="eyebrow">Lorem ipsum</span>
				<span>Lorem ipsum dolor sit amet</span>
			</h1>
		</div>
	</section>
	<section class="bg-snd-color clearfix" id="nosotros">
		<div class="col-md-4 col-md-offset-1 col col-sm-12">
			<h3>
				<span class="eyebrow">Vestibulum ante ipsum</span>
				<span>Donec velit neque, auctor sit amet aliquam vel.</span>
			</h3>
			<p>
				Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.
			</p>
		</div>
		<div class="col-md-4 col-md-offset-2 col col-sm-12">
			<img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=&w=580&h=390" class="img-index" alt="">
		</div>
	</section>
	<section class="clearfix" id="servicios">
		<div class="col-md-4 col-md-offset-1 col col-sm-12">
			<img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=&w=580&h=390" class="img-index" alt="">
		</div>
		<div class="col-md-4 col-md-offset-2 col col-sm-12">
			<h3>
				<span class="eyebrow">Vestibulum ante ipsum</span>
				<span>Donec velit neque, auctor sit amet aliquam vel.</span>
			</h3>
			<p>
				Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.
			</p>
			<a href="#">Curabitur aliquet quam</a>
		</div>
	</section>
	<section class="bg-snd-color clearfix" id="contacto">
		<div class="col-md-4 col-md-offset-1 col col-sm-12">
			<h3>
				<span class="eyebrow">Vestibulum ante ipsum</span>
				<span>Donec velit neque, auctor sit amet aliquam vel.</span>
			</h3>
			<p>
				Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.
			</p>
		</div>
		<div class="col-md-4 col-md-offset-2 col col-sm-12">
			<img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=&w=580&h=390" class="img-index" alt="">
		</div>
	</section>
@endsection