From ab4675eae502cf469f10ca83a9aaec1789bac213 Mon Sep 17 00:00:00 2001
From: jKratzik <info@zoomdrive.at>
Date: Thu, 24 Nov 2016 15:46:54 +0100
Subject: [PATCH] Added a few elements

address, details, embed, object, file input, datalist, keygen
---
 index.html | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/index.html b/index.html
index c28d537..5022254 100644
--- a/index.html
+++ b/index.html
@@ -22,6 +22,8 @@
               <li><a href="#text__lists">Lists</a></li>
               <li><a href="#text__hr">Horizontal rules</a></li>
               <li><a href="#text__tables">Tabular data</a></li>
+              <li><a href="#text__address">Address</a></li>
+              <li><a href="#text__details">The details element</a></li>
               <li><a href="#text__code">Code</a></li>
               <li><a href="#text__inline">Inline elements</a></li>
               <li><a href="#text__comments">HTML Comments</a></li>
@@ -38,6 +40,8 @@
               <li><a href="#embedded__progress">Progress</a></li>
               <li><a href="#embedded__svg">Inline SVG</a></li>
               <li><a href="#embedded__iframe">IFrames</a></li>
+              <li><a href="#embedded__embed">Embed</a></li>
+              <li><a href="#embedded__object">Object</a></li>
             </ul>
           </li>
           <li>
@@ -174,6 +178,26 @@
             </table>
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
+          <article id="text__address">
+						<header><h1>Address</h1></header>
+						<address>
+							Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
+							Visit us at:<br>
+							Example.com<br>
+							Box 564, Disneyland<br>
+							USA
+						</address>
+						<footer><p><a href="#top">[Top]</a></p></footer>
+					</article>
+					<article id="text__details">
+						<header><h1>The details element</h1></header>
+						<details>
+							<summary>Details summary</summary>
+							<p>More details come here.<br>
+							Another sentence.</p>
+						</details>
+						<footer><p><a href="#top">[Top]</a></p></footer>
+					</article>
           <article id="text__code">
             <header><h1>Code</h1></header>
             <div>
@@ -279,6 +303,16 @@
             <div><iframe src="index.html" height="300"></iframe></div>
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
+          <article id="embedded__embed">
+            <header><h2>Embed</h2></header>
+            <div><embed></div>
+            <footer><p><a href="#top">[Top]</a></p></footer>
+          </article>
+          <article id="embedded__object">
+            <header><h2>Object</h2></header>
+            <div><object></object></div>
+            <footer><p><a href="#top">[Top]</a></p></footer>
+          </article>
         </section>
         <section id="forms">
           <header><h1>Form elements</h1></header>
@@ -321,6 +355,10 @@
                 <label for="input__text4" class="valid">Valid</label>
                 <input id="input__text4" class="is-valid" type="text" placeholder="Text Input">
               </p>
+              <p>
+                <label for="input__file" class="button">File Input</label>
+                <input id="input__file" type="file">
+              </p>
             </fieldset>
             <p><a href="#top">[Top]</a></p>
             <fieldset id="forms__select">
@@ -397,6 +435,19 @@
                 <label for="idtl">Datetime-local input</label>
                 <input type="datetime-local" id="idtl" value="1970-01-01T00:00">
               </p>
+              <p>
+								<label for="idatal">Datalist</label>
+								<input type="text" id="idatal" list="example-list">
+								<datalist id="example-list">
+									<option value="Example #1">
+									<option value="Example #2">
+									<option value="Example #3">
+								</datalist>
+							</p>
+							<p>
+								<label for="ikeygen">Keygen</label>
+								<keygen id="ikeygen">
+							</p>
             </fieldset>
             <p><a href="#top">[Top]</a></p>
             <fieldset id="forms__action">