Add link text exercise

vectorXX · Apr 19, 2016 · 140f180 · 140f180
1 parent a042713
commit 140f180
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -77,6 +77,7 @@ <h1>Udacity A11y Course TOC</h1>
         <span>Lesson 04: Semantics: navigating content</span>
         <ul>
           <li><a href="lesson4-semantics-navigating/03-navigating-by-headings/index.html">Exercise 01: Navigating by headings</a>
+          <li><a href="lesson4-semantics-navigating/08-link-text/index.html">Exercise 02: Link text</a>
         </ul>
       </li>
       <li>

diff --git a/lesson4-semantics-navigating/08-link-text/cappuccino.jpg b/lesson4-semantics-navigating/08-link-text/cappuccino.jpg
diff --git a/lesson4-semantics-navigating/08-link-text/index.html b/lesson4-semantics-navigating/08-link-text/index.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+<head>
+<title>Bondi Brunch</title>
+<link rel="stylesheet" href="main.css">
+</head>
+<body>
+<header>
+  <div class="container">
+    <a href="/"><img src="logo.png"></a>
+  </div>
+</header>
+<main>
+  <div class="container">
+    <div class="banner-image">
+      <img src="sandwich.jpg" alt="">
+    </div>
+  </div>
+  <div class="container">
+     <h2>Brunch menu</h2>
+     <p>To see the dinner menu, <a href="/dinner">click here</a>.</p>
+     <ul>
+       <li>Bircher muesli with stewed rhubarb, yogurt and honey $13
+       <li>Toasted banana bread $6
+       <li>Toasted sourdough bread (soy linseed or plain) $6<br>
+         Add:
+         <ul>
+           <li>Smashed avocado $3
+           <li>Ricotta $2
+           <li>Feta and mint $2
+           <li>Poached egg $2.5
+           <li>Fresh tomato $3
+           <li>Marmalade, blackberry jam or Vegemite $1
+         </ul>
+       <li>Bacon and egg toastie $9
+     </ul>
+  </div>
+</main>
+<footer>
+</footer>
+</body>
+</html>
diff --git a/lesson4-semantics-navigating/08-link-text/main.css b/lesson4-semantics-navigating/08-link-text/main.css
@@ -0,0 +1,16 @@
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+}
+
+header {
+  margin-bottom: 48px;
+  border-bottom: 1px solid #AAA;
+}
+
+.container {
+  max-width: 1000px;
+  margin: 0 auto;
+}
diff --git a/lesson4-semantics-navigating/08-link-text/sandwich.jpg b/lesson4-semantics-navigating/08-link-text/sandwich.jpg
-Original file line number
+Diff line change
@@ Expand Up / @@ -77,6 +77,7 @@ <h1>Udacity A11y Course TOC</h1> @@
             <span>Lesson 04: Semantics: navigating content</span>
             <ul>
               <li><a href="lesson4-semantics-navigating/03-navigating-by-headings/index.html">Exercise 01: Navigating by headings</a>
+              <li><a href="lesson4-semantics-navigating/08-link-text/index.html">Exercise 02: Link text</a>
             </ul>
           </li>
           <li>
@@ Expand Down @@