{% extends "_layout" %}

{% block content %}

<section class="hero" data-aos="fade">
  <div class="container" style="background-image: url(./assets/showroom.jpg)">
    <article>
      <h2>The Showroom</h2>
      <h5>Be Inspired</h5>
      <div class="phone-tag">
        Call for an estimate: 419.480.1700
      </div>
    </article>
  </div>
</section>

<section class="feature-icons">
  <div class="container">
    <article data-aos="fade-up" data-aos-delay="100">
      <img src="./assets/swatches-01.svg">
      <h3>Color</h3>
      <p>Diusmod tempor incididunt ut labore etminim veniam, quis nostrud exercitation ullamco laboris nisiqui commodo conselorin.</p>
    </article>
    <article data-aos="fade-up" data-aos-delay="200">
      <img src="./assets/width-01.svg">
      <h3>Style</h3>
      <p>Diusmod tempor incidbore etminim veniam, quis nostrud exercitation ullamco laboris nisiqui commodo conseqaute irure dolorin.</p>
    </article>
    <article data-aos="fade-up" data-aos-delay="300">
      <img src="./assets/cleaning-01.svg">
      <h3>Maintenance</h3>
      <p>Ancididunt ut labore etminim veniam, quis nostrud exercitation ullamco laboris nisiqui commodo conseqaute irure dolorin.</p>
    </article>
  </div>
</section>

<section class="single-feature" data-aos="fade-up">
  <div class="container">
    <article>
      <h2>Our Location</h2>
      <ul>
        <li>310 W Laskey Rd.</li>
        <li>Toledo, OH 43612</li>
        <li><a href="https://goo.gl/maps/L5GQezeYGpS9A8BL8">Directions <i class="fas fa-map-marker-alt"></i></a></li>
      </ul>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
      <a href="/contact.html" class="button btn-primary">Call For Appointment</a>
    </article>
    <article>
      <a href="https://goo.gl/maps/L5GQezeYGpS9A8BL8"><img class="shadow" src="./assets/map.jpg"></a>
    </article>
  </div>
</section>

<section class="suppliers">
  <div class="container">
    <article data-aos="fade-up">
      <img src="./assets/suppliers.jpg">
    </article>
  </div>
</section>

<section class="testimonial">
  <div class="container" style="background-image: url(./assets/grain_midnight.jpg)">
    <article data-aos="fade-up">
      <blockquote>&ldquo;We could not be any happier with the service from Floorcraft Designs. We have a home that’s almost 100 years old and the floors look brand new.&rdquo;</blockquote>
      <h5>Piff Jenkins</h5>
    </article>
  </div>
</section>

{% endblock %}