Skip to content

Commit

Permalink
Add assets and revise index.html with assets
Browse files Browse the repository at this point in the history
  • Loading branch information
rchillard committed Sep 3, 2019
1 parent 591c3e4 commit c00bbfc
Show file tree
Hide file tree
Showing 5 changed files with 26 additions and 6 deletions.
Binary file added assets/De-Haus.ogg
Binary file not shown.
Binary file added assets/jesse-roberts-561igiTyvSk-unsplash.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/mirko-blicke-V_y81v_lI4k-unsplash.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 11 additions & 1 deletion index.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
body {
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
margin: 0 auto;
width: 80%;
width: 60%;
}

nav {
Expand All @@ -20,10 +20,20 @@ nav ul li {
margin-right: 1rem;
}

img {
padding: 1rem;
}

textarea {
width: 100%;
}

footer {
margin: 0 auto;
padding: 1rem;
text-align: center;
}

#layout {
border: 1px solid lightgray;
padding: 1rem;
Expand Down
20 changes: 15 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,14 +21,24 @@ <h1>Willkommen</h1>
<p>Welcome to the House of HTML on the internet. Stay a while and read on.</p>
<h2>HTML</h2>
<p><abbr title="Hyper Text Markup Language">HTML</abbr> stands for Hyper Text Markup Language, and although it's not a programming
language, it is the foundation of the web. HTML defines the structure underlying the internet's content. It's the wood and steel that frames every website and web
application. It's the skeleton that the rest of the web builds upon to define meaning and present information. If you want to learn how to build on the web, you
have to start with HTML.
language, it is the foundation of the web. HTML is called a markup language, because it's a way to <em>mark up</em> regular text
to specify structure. It's the wood, steel, and concrete that frames every website and web application. It's the skeleton that
the rest of the web builds upon to define meaning and present information.
</p>
<img src="assets/mirko-blicke-V_y81v_lI4k-unsplash.jpg" alt="Photo by Mirko Blicke on Unsplash" width="90%">
<p>
Everything is built on top of HTML's foundation. If you want to learn how to build on the web, you have to start with HTML.
</p>
<h2>Haus</h2>
<p>
Haus is the German word for house.
Haus is the German word for house. It comes from Middle High German hūs, and it's pronounced /haʊ̯s/.
<audio controls>
<source src="assets/De-Haus.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
</p>

<img src="assets/jesse-roberts-561igiTyvSk-unsplash.jpg" alt="Photo by Jesse Roberts on Unsplash" width="90%">
<p>
Together, HTML Haus is your home for learning how to build websites using HTML by starting with the foundation, the structure, the bones of the internet. HTML Haus
is both a resource for learning HTML from scratch and a reference for advanced users including a template library that features best practices to help you get
Expand All @@ -41,7 +51,7 @@ <h2>Haus</h2>
<li>Templates for rapid deployment</li>
</ul>
<footer>
Created by RCH
Created by <a href="https://rchillard.com/">RCH</a>
</footer>
</body>
</html>

0 comments on commit c00bbfc

Please sign in to comment.