-
Notifications
You must be signed in to change notification settings - Fork 0
/
homepage.html
49 lines (48 loc) · 2.23 KB
/
homepage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!doctype html>
<!-- By Garrett Guthrie -->
<html lang="en">
<html>
<head>
<meta charset="utf-8">
<title>El Burrito Macho</title>
<link href="homepage.css" type="text/css" rel="stylesheet">
<link href="appsubmit.css" type="text/css" rel="stylesheet">
</head>
<body>
<header class="header"> <!-- This class is used on multiple pages -->
<img src="images/logo.png" width="175" height="180" alt="Macho Burrito logo" style="margin-left:43%;margin-top: 1%;"> <!-- Image -->
</header>
<h1 class="header1">El Burrito Macho</h1>
<p class="header2">The best Mexican food around!</p>
<nav id="navhome"> <!-- Nav ID with different margins for all 4 sides. See homepage.css. -->
<ul>
<li> <a href="homepage.html">Home</a> </li> <!-- Working links for all pages! -->
<li> <a href="location.html">Locations</a> </li>
<li> <a href="faq.html">F.A.Q</a> </li>
<li> <a href="menu.html" target="_blank" title="Open the menu page in a new window">Menu</a></li> <!-- Hyperlink that opens "menu.html" in a new window"-->
<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>
<div id="hometransparentbox">
<p id="machoheader">Home of the <strong>world famous</strong> Macho Burrito!</p> </div> <!-- Picture from a URL on next line... -->
<img src="https://s3-media2.fl.yelpcdn.com/bphoto/lx3w3MyCtFwSM8FVfeH-tg/o.jpg"
width="40%" height="20%" alt="Juicy Burrito" style="margin-left: 30.1%;"/>
<div class="container1"> <!-- Responsive Newsletter signup -->
<form action="#">
<p style="font-size: 15px;">Be the first in the loop and <strong>sign up below.</strong></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>
</div>
</form>
</div>
<footer class="footer">Created by <i> <a style="color: red;" href="#">Garrett Guthrie</a> </i> </footer> <!-- This footer class
is used on multiple other pages -->
</body>
</html>