<!doctype html>
<html lang="en">
  <head>
    <title>About</title>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/grid.css" />
    <link rel="stylesheet" href="css/style.css" />

    <script src="js/jquery.js"></script>
    <script src="js/jquery-migrate-1.2.1.js"></script>

    <!--[if lt IE 9]>
    <html class="lt-ie9">
    <div style=' clear: both; text-align:center; position: relative;'>
      <a href="http://windows.microsoft.com/en-US/internet-explorer/..">
          <img src="images/ie8-panel/warning--bar--0000--us.jpg" border="0" height="42" width="820"
              alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/>
        </a>
    </div>
    <script src="js/html5shiv.js"></script>
    <![endif]-->

    <script src="js/device.min.js"></script>
  </head>

  <body>
    <div class="page-x">
      <!--========================================================
                              HEADER
    =========================================================-->
      <header>
        <div id="stuck-container" class="sdafsadf" alt="dsf">
          <div class="container">
            <div class="brand">
              <h1 class="brand--name">
                <a href="./">Cafe</a>
              </h1>
            </div>

            <nav class="nav">
              <ul class="sf-menu">
                <li>
                  <a href="./">Home</a>
                </li>
                <li class="active">
                  <a href="index-1.html">About</a>
                  <ul>
                    <li>
                      <a href="#">Quisque nulla</a>
                    </li>
                    <li>
                      <a href="#">Vestibulum libero</a>
                      <ul>
                        <li>
                          <a href="#">Lorem</a>
                        </li>
                        <li>
                          <a href="#">Dolor</a>
                        </li>
                        <li>
                          <a href="#">Sit amet</a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href="#">Vivamus eget nibh</a>
                    </li>
                  </ul>
                </li>
                <li>
                  <a href="index-2.html">What We Do</a>
                </li>
                <li>
                  <a href="index-3.html">Menu</a>
                </li>
                <li>
                  <a href="index-4.html">Contacts</a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </header>
      <!--========================================================
                              CONTENT
    =========================================================-->
      <main>
        <section class="well well--offset-3">
          <div class="container">
            <h2 bgcolor-sdf="red"><em>A Few</em>Words</h2>
            <div class="row row--offset-2">
              <div class="grid--6">
                <p class="indents-3">
                  Integer convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nulla. Vestibulum volutpatturpis ut
                  massa commodo, quis aliquam massa facilisis.Integer convavel
                  miberto merlonelaoreet, at ornare lorem consequat. Phasellus
                  era nisl auctor venenatis nulla. Vestibulum volutpat turpis ut
                  massa commodo, quis aliquam massa facilisis.<br /><br />Vestibulum
                  volutpat turpis ut massa commodo, quis aliquam massa
                  facilisis.Integer convavel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor venenatis nullatibulum
                  volutpat turpis ut massa commodoquis
                </p>
                <div class="img">
                  <div class="lazy-img">
                    <img src="images/page-2--img01.jpg" alt=" " />
                  </div>
                </div>
              </div>
              <div class="grid--6">
                <p class="indents-3">
                  Integer convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nulla. Vestibulum volutpatturpis ut
                  massa commodo, quis aliquam massa facilisis.Integer convavel
                  miberto merlonelaoreet, at ornare lorem consequat. Phasellus
                  era nisl auctor venenatis nulla. Vestibulum volutpat turpis ut
                  massa commodo, quis aliquam massa facilisis.<br /><br />Vestibulum
                  volutpat turpis ut massa commodo, quis aliquam massa
                  facilisis.Integer convavel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor venenatis nullatibulum
                  volutpat turpis ut massa commodoquis
                </p>
                <div class="img">
                  <div class="lazy-img">
                    <img src="images/page-2--img02.jpg" alt="2" />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section class="parallax parallax2" data-parallax-speed="-0.4">
          <div class="container">
            <h2><em>Good Food </em>and Big Fun</h2>
            <div class="row">
              <div class="grid--6">
                <p class="indents-3">
                  Integer convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nulla. Vestibulum volutpatturpis ut
                  massa commodo, quis aliquam massa facilisis.Integer convavel
                  miberto merlonelaoreet, at ornare lorem consequat. Phasellus
                  era nisl auctor venenatis nulla. Vestibulum volutpat turpis ut
                  massa commodo, quis aliquam massa facilisis.<br /><br />Vestibulum
                  volutpat turpis ut massa commodo, quis aliquam massa
                  facilisis.Integer convavel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor venenatis nullatibulum
                  volutpat turpis ut massa commodoquis
                </p>
              </div>
              <div class="grid--6">
                <p class="indents-3">
                  Onteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol
                  sed,pharetra venenatis nulla. Vestibulum volutpat turpis ut
                  massa commodo, quis aliquam massa facilisis.Integer convallis
                  orci vel mi nelaoreet, at ornare lorem consequat. Phasellus
                  era nisl auctor vel veliterol. sed,pharetra venenatis
                  nulla.<br /><br />Vestibulum volutpat turpis ut massa commodo,
                  quis aliquam massa fertoli estibulum volutpat turpis ut massa
                  commodo, quis aliquam massa gertoli facilisis.Integer
                  convallis orci vel mi nelaoreet, at ornare lorem consequat.
                  Phasellus era nisl auctor vel veliterol sed,pharetra venenatis
                  nulla.
                </p>
              </div>
            </div>
          </div>
        </section>
        <section class="well well--offset-4">
          <div class="container">
            <h2><em>Why</em>Choose Us</h2>
            <div class="row">
              <div class="grid--4">
                <h3>
                  Anteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nulla.
                </h3>
                <p>
                  Vestibulum volutpatturpis ut massa commodo, quis aliquam massa
                  facilisis.Integer convavel miberto merlonelaoreet, at ornare
                  lorem consequat. Phasellus
                </p>
              </div>
              <div class="grid--4">
                <h3>
                  Genteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nulla.
                </h3>
                <p>
                  Meestibulum volutpatturpis ut massa commodo, quis aliquam
                  massa facilisis.Integer convavel miberto merlonelaoreet, at
                  ornare lorem consequat. Phasellus
                </p>
              </div>
              <div class="grid--4">
                <h3>
                  Ternteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nul.
                </h3>
                <p>
                  Testibulum volutpatturpis ut massa commodo, quis aliquam massa
                  facilisis.Integer convavel miberto merlonelaoreet, at ornare
                  lorem consequat. Phasellus
                </p>
              </div>
            </div>
            <div class="row">
              <div class="grid--4">
                <h3>
                  Onteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nulla.
                </h3>
                <p>
                  Vestibulum volutpatturpis ut massa commodo, quis aliquam massa
                  facilisis.Integer convavel miberto merlonelaoreet, at ornare
                  lorem consequat. Phasellus
                </p>
              </div>
              <div class="grid--4">
                <h3>
                  Genteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nulla.
                </h3>
                <p>
                  Meestibulum volutpatturpis ut massa commodo, quis aliquam
                  massa facilisis.Integer convavel miberto merlonelaoreet, at
                  ornare lorem consequat. Phasellus
                </p>
              </div>
              <div class="grid--4">
                <h3>
                  Ternteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl auctor vel veliterol.
                  sed,pharetra venenatis nul.
                </h3>
                <p>
                  Testibulum volutpatturpis ut massa commodo, quis aliquam massa
                  facilisis.Integer convavel miberto merlonelaoreet, at ornare
                  lorem consequat. Phasellus
                </p>
              </div>
            </div>
          </div>
        </section>
        <section class="parallax parallax3" data-parallax-speed="-0.4">
          <div class="container">
            <h2><em>Our Clients </em>Say</h2>
            <div class="row">
              <div class="grid--4">
                <h3>
                  Integer convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl
                </h3>
                <p>
                  Vestibulum volutpat turpis ut massa commodo, quis aliquam
                  massa facilisis.Integer convallis orci vel mi nelaoreet, at
                  ornare lorem consequat. Phasellus era nisl auctor vel
                  veliterol. sed,pharetra venenatis nulla.
                </p>
                <p class="client"><em>Kate Tomson</em>Client</p>
              </div>
              <div class="grid--4">
                <h3>
                  Oeteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl
                </h3>
                <p>
                  Vestibulum volutpat turpis ut massa commodo, quis aliquam
                  massa facilisis.Integer convallis orci vel mi nelaoreet, at
                  ornare lorem consequat. Phasellus era nisl auctor vel
                  veliterol. sed,pharetra venenatis nulla.
                </p>
                <p class="client"><em>Irma King</em>Client</p>
              </div>
              <div class="grid--4">
                <h3>
                  Koteger convallis orci vel mi nelaoreet, at ornare lorem
                  consequat. Phasellus era nisl
                </h3>
                <p>
                  Vestibulum volutpat turpis ut massa commodo, quis aliquam
                  massa facilisis.Integer convallis orci vel mi nelaoreet, at
                  ornare lorem consequat. Phasellus era nisl auctor vel
                  veliterol. sed,pharetra venenatis nulla.
                </p>
                <p class="client"><em>Linda Herman</em>Client</p>
              </div>
            </div>
            <div class="decoration"><a href="#" class="btn">Read more</a></div>
          </div>
        </section>
      </main>

      <!--========================================================
                              FOOTER
    =========================================================-->
      <a href="index.html">Link</a><button class="u2013">d</button>
      <footer>
        <div class="constainer">
          <ul class="socials">
            <button tabindex="-9">Button</button>
            <li>
              <a
                href="#"
                class="fa fa-facebook sdfs sadf asdf asdfas sadfasdf"
              ></a>
            </li>
            <li><a href="#" class="fa fa-tumblr"></a></li>
            <li><a href="#" class="fa fa-google-plus"></a></li>
          </ul>
          <div class="sdfdsfd">
            © <span id="copyrightyearc"></span>
            <a href="#">Privacy Policy</a>
          </div>
        </div>
        <div class="tm">
          <a href="#"><img src="images/TM--logo.png" alt="d" /></a>
        </div>
      </footer>
    </div>

    <script src="js/script.js"></script>
  </body>
</html>
