about.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="view" content="width=device-width, initial-scale=1.0"> <!-- Experimenting... -->
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- IE Edge -->
  <title>About Us</title>
  <link href="about.css" type="text/css" rel="stylesheet">
  <link href="homepage.css" type="text/css" rel="stylesheet">
  <link href="appsubmit.css" type="text/css" rel="stylesheet">
</head>
	<nav id="navabout"> 
	<h1 id="menuheader">About</h1>
<ul>
	<li> <a href="homepage.html">Home</a> </li>
	<li> <a href="location.html">Locations</a> </li>
	<li> <a href="faq.html">F.A.Q</a> </li>
	<li> <a href="menu.html" title="Open the menu page in a new window">Menu</a> </li>
	<li> <a href="hours.html">Hours</a> </li>
	<li> <a href="media.html">Media</a> </li>
	<li> <a href="events.html">Events</a> </li>
	<li> <a href="jobs.html">Jobs</a> </li>
	<li> <a href="about.html">About</a> </li>
	<li> <a href="contact.html">Contact Us</a> </li>
</ul>
</nav>
	<body>
  <section>
	<header>
	<div id="box">
		<h1 id="boxheader">El Burrito Macho is more than <strong>just</strong> a restaurant.</h1> </div>
    <div class="container1"> </header>
      <main>
        <div class="singleabout">
          <img src="images/tortillasoup_thumbnail.jpg" alt="tortilla soup cover">
          <div class="aboutContent"> <!-- A lot of nesting going on here -->
            <h3>The story of El Burrito Macho <span>Since 1955</span></h3>
            <p>By <a href="#">Garrett Guthrie</a> | <a href="#">June 12, 2019</a></p>
			<p> El Burrito Macho was founded in Cabo by Antonio Montoya. After 8 years...
			<br>
			<br>
            <a href="story.html" class="btn">Read More</a> <!-- Button class used again -->
          </div>
        </div>
      </main>
    </div>
  </section>
  <div class="container1"> <!-- Responsive Newsletter signup -->
    <form action="#"> 
      <p style="font-size: 15px;">Be the first in the loop and sign up below.</p>
      <div class="email-box">
         <!-- This is the box that slides out -->
        <input class="tbox" type="email" name="" value="" placeholder="Enter your email">
        <button class="btn" type="button" name="button">Subscribe</button> <!-- Button class -->
      </div>
    </form>
  </div>
</body>
</html>