Skip to content

Commit 4b4e893

Browse files
gitdagraygitdagray
committed
Added lesson 24
1 parent 170f021 commit 4b4e893

28 files changed

+1053
-1
lines changed

‎24_lesson/about.html

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="author" content="Dave Gray">
8+
<meta name="description" content="About The Little Taco Shop">
9+
<title>About LTS</title>
10+
<link rel="icon" href="favicon.ico" type="image/x-icon">
11+
<link rel="stylesheet" href="css/style.css">
12+
<script src="js/main.js" defer></script>
13+
</head>
14+
15+
<body>
16+
<header class="header">
17+
<h1 class="header__h1">Little Taco Shop</h1>
18+
<nav class="header__nav">
19+
<ul class="header__ul">
20+
<li>
21+
<a href="/">Home</a>
22+
</li>
23+
<li>
24+
<a href="/#menu">Menu</a>
25+
</li>
26+
<li>
27+
<a href="hours.html">Hours</a>
28+
</li>
29+
<li>
30+
<a href="contact.html">Contact</a>
31+
</li>
32+
</ul>
33+
</nav>
34+
</header>
35+
36+
<section class="hero">
37+
<figure>
38+
<img src="img/tacos_delicioso_1000x667.png" alt="Tacos Delicioso" title="Tacos Delicioso!" width="1000"
39+
height="667">
40+
<figcaption class="offscreen">
41+
Try these Delicious Tacos
42+
</figcaption>
43+
</figure>
44+
</section>
45+
46+
<main class="main">
47+
<article id="about" class="main__article about">
48+
<h2>About <abbr title="The Little Taco Shop">LTS</abbr></h2>
49+
<p>
50+
<abbr title="The Little Taco Shop">LTS</abbr> was founded in <time datetime="2022">2022</time>. Our shop
51+
was built from a <strong>love of tacos</strong> 🌮🌮🌮. We hope our shop adds a unique and interesting
52+
place to our little town.
53+
</p>
54+
<aside class="about__trivia">
55+
<h3>Taco Trivia</h3>
56+
<details>
57+
<summary>When did tacos first appear in the United Stated?</summary>
58+
<p class="about__trivia-answer">
59+
Jeffrey M. Pilcher, taco historian and professor of history at the University of Minnesota, says
60+
the earliest mention of tacos in the United States are in a newspaper from <time
61+
datetime="1905">1905</time>. (Source: <cite><a
62+
href="https://www.smithsonianmag.com/arts-culture/where-did-the-taco-come-from-81228162/"
63+
target="_blank">Smithsonian Magazine</a></cite>)
64+
</p>
65+
</details>
66+
</aside>
67+
</article>
68+
</main>
69+
70+
<footer class="footer">
71+
<p>
72+
<span class="nowrap">Copyright &copy; <time id="year"></time></span>
73+
<span class="nowrap">Little Taco Shop</span>
74+
</p>
75+
</footer>
76+
</body>
77+
78+
</html>

‎24_lesson/contact.html

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="author" content="Dave Gray">
8+
<meta name="description" content="Contact information for The Little Taco Shop">
9+
<title>Contact Us - LTS</title>
10+
<link rel="icon" href="favicon.ico" type="image/x-icon">
11+
<link rel="stylesheet" href="css/style.css">
12+
<script src="js/main.js" defer></script>
13+
</head>
14+
15+
<body>
16+
<header class="header">
17+
<h1 class="header__h1">Little Taco Shop</h1>
18+
<nav class="header__nav">
19+
<ul class="header__ul">
20+
<li>
21+
<a href="/">Home</a>
22+
</li>
23+
<li>
24+
<a href="/#menu">Menu</a>
25+
</li>
26+
<li>
27+
<a href="hours.html">Hours</a>
28+
</li>
29+
<li>
30+
<a href="about.html">About</a>
31+
</li>
32+
</ul>
33+
</nav>
34+
</header>
35+
36+
<section class="hero">
37+
<figure>
38+
<img src="img/tacos_close_up_1000x649.png" alt="Little Taco Shop Tacos" title="Tacos ready to eat!"
39+
width="1000" height="649">
40+
<figcaption class="offscreen">
41+
Little Taco Shop Tacos
42+
</figcaption>
43+
</figure>
44+
</section>
45+
46+
<main class="main">
47+
<article class="main__article">
48+
<h2>Our Location</h2>
49+
<address>
50+
555 Taco Temptation Lane, Suite T<br>
51+
Kansas City, MO 55555-5555
52+
<br><br>
53+
Phone: <a href="tel:+5555555555">555-555-5555</a>
54+
</address>
55+
</article>
56+
<hr>
57+
<article class="main__article contact">
58+
<h2 class="contact__h2">Our Contact Form</h2>
59+
60+
<form action="https://httpbin.org/get" method="get" class="contact__form">
61+
<fieldset class="contact__fieldset">
62+
<legend class="offscreen">Send Us A Message</legend>
63+
<p class="contact__p">
64+
<label class="contact__label" for="name">Name:</label>
65+
<input class="contact__input" type="text" name="name" id="name" placeholder="your name"
66+
required>
67+
</p>
68+
<p class="contact__p">
69+
<label class="contact__label" for="email">Email:</label>
70+
<input class="contact__input" type="email" name="email" id="email" placeholder="your email"
71+
required>
72+
</p>
73+
<p class="contact__p">
74+
<label class="contact__label" for="message">Your Message:</label>
75+
<br>
76+
<textarea class="contact__textarea" name="message" id="message" cols="30" rows="10"
77+
placeholder="Type your message here"></textarea>
78+
</p>
79+
</fieldset>
80+
<button class="contact__button" type="submit">Send</button>
81+
<button class="contact__button" type="reset">Reset</button>
82+
</form>
83+
</article>
84+
</main>
85+
<footer class="footer">
86+
<p>
87+
<span class="nowrap">Copyright &copy; <time id="year"></time></span>
88+
<span class="nowrap">Little Taco Shop</span>
89+
</p>
90+
</footer>
91+
</body>
92+
93+
</html>

0 commit comments

Comments
 (0)