This repository has been archived by the owner on Mar 25, 2024. It is now read-only.
forked from codebar/tutorials
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
codebar#449 Further changes to HTML lesson 1 example to match tutorial
- Loading branch information
1 parent
3b215f2
commit 0542b49
Showing
1 changed file
with
31 additions
and
25 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -4,19 +4,37 @@ | |
| <title>I love owls</title> | ||
| </head> | ||
| <body> | ||
| <div><img src="images/logo.png" alt="codebar.io"/></div> | ||
| <h1>Owls...</h1> | ||
| <div> | ||
| <!-- Note to self: this is where the header goes --> | ||
|
|
||
| <div> | ||
| <img src="images/logo.png" alt="codebar.io" /> | ||
| </div> | ||
|
|
||
| <h1>Owls</h1> | ||
|
|
||
| <p> | ||
| Most birds of prey sport eyes on the sides of their heads, | ||
| but the stereoscopic nature of | ||
| the owl's forward-facing <strong>eyes permits the greater | ||
| sense of depth perception</strong> necessary for low-light hunting. | ||
| </p> | ||
|
|
||
| <a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a> | ||
| </div> | ||
|
|
||
| <h2>Why do I like owls so much?</h2> | ||
| <ul> | ||
| <li><img src="images/img1.jpg" alt="adorable"/></li> | ||
| <li><img src="images/img2.jpg" alt="lovely"/></li> | ||
| <li><img src="images/img3.jpg" alt="cuddly"/></li> | ||
| <li><img src="images/img1.jpg" alt="adorable"></li> | ||
| <li><img src="images/img2.jpg" alt="lovely"></li> | ||
| <li><img src="images/img3.jpg" alt="cuddly"></li> | ||
| </ul> | ||
| <ol> | ||
| <li><b>they are adorable</b></li> | ||
| <li><b>and lovely</b></li> | ||
| <li><b>and cuddly</b></li> | ||
| <li>they are adorable</li> | ||
| <li>and lovely</li> | ||
| <li>and cuddly</li> | ||
| </ol> | ||
|
|
||
| <div> | ||
| <a href="https://www.youtube.com/watch?v=gBjnfgnwXic"> | ||
| <img src="images/img4.jpg" alt="cute owl"> | ||
|
|
@@ -25,6 +43,7 @@ <h2>Why do I like owls so much?</h2> | |
| Watch the video | ||
| </a> | ||
| </div> | ||
|
|
||
| <div> | ||
| <p> | ||
| <strong> | ||
|
|
@@ -34,29 +53,16 @@ <h2>Why do I like owls so much?</h2> | |
| </p> | ||
| <small>— nursery rhyme</small> | ||
| </div> | ||
| <div> | ||
| <h3>Owls:</h3> | ||
| <p> | ||
| Most birds of prey sport eyes on the sides of their heads,<br> | ||
| but the stereoscopic nature of <br> | ||
| the owl's forward-facing <strong>eyes permits the greater <br> | ||
| sense of depth perception </strong>necessary for low-light hunting. <br> | ||
| <br> | ||
| <a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a> | ||
| </p> | ||
| </div> | ||
| <div> | ||
| <img src="images/img6.jpg" alt="two owls"/> | ||
| </div> | ||
|
|
||
| <ul> | ||
| <li> | ||
| <a href="mailto:[email protected]?subject=I love owls :: codebar">Email us</a> | ||
| <a href="mailto:[email protected]?subject=I%20love%20owls%20::%20codebar">Email us</a> | ||
| </li> | ||
| <li> | ||
| <a href="mailto:?subject=I love owls :: codebar">Email a friend</a> | ||
| <a href="mailto:?subject=I%20love%20owls%20::%20codebar">Email a friend</a> | ||
| </li> | ||
| <li> | ||
| <a href="https://twitter.com/codebar">Twitter</a> | ||
| <a href="https://twitter.com/home?status=I love owls! via @codebar">Share your love of owls on twitter</a> | ||
| </li> | ||
| </ul> | ||
| </body> | ||
|
|
||