[go: up one dir, main page]
Skip to content

Commit

Permalink
Merge pull request #23 from gipsi/master
Browse files Browse the repository at this point in the history 
Nu html checked
  • Loading branch information
@cbracco
cbracco authored Apr 3, 2021
2 parents 35cd96c + 4e522a8 commit a557aa5
Show file tree
Hide file tree
Showing 2 changed files with 31 additions and 15 deletions.
41 changes: 26 additions & 15 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@
</head>
<body>
<div id="top" class="page" role="document">
<header role="banner">
<header>
<h1>HTML5 Test Page</h1>
<p>This is a test page filled with common HTML elements to be used to provide visual feedback whilst building CSS systems and frameworks.</p>
</header>
<nav role="navigation">
<nav>
<ul>
<li>
<a href="#text">Text</a>
Expand Down Expand Up @@ -60,12 +60,12 @@ <h1>HTML5 Test Page</h1>
</li>
</ul>
</nav>
<main role="main">
<main>
<section id="text">
<header><h1>Text</h1></header>
<article id="text__headings">
<header>
<h1>Headings</h1>
<h2>Headings</h2>
</header>
<div>
<h1>Heading 1</h1>
Expand All @@ -78,14 +78,25 @@ <h6>Heading 6</h6>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__paragraphs">
<header><h1>Paragraphs</h1></header>
<header><h2>Paragraphs</h2></header>
<div>
<p>A paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.</p>
</div>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__blockquotes">
<header><h2>Blockquotes</h2></header>
<div>
<blockquote>
<p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.</p>
<p>It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.</p>
<cite><a href="#!">Said no one, ever.</a></cite>
</blockquote>
</div>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__lists">
<header><h1>Lists</h1></header>
<header><h2>Lists</h2></header>
<div>
<h3>Definition list</h3>
<dl>
Expand Down Expand Up @@ -194,14 +205,14 @@ <h3>Unordered List</h3>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__hr">
<header><h1>Horizontal rules</h1></header>
<header><h2>Horizontal rules</h2></header>
<div>
<hr>
</div>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__tables">
<header><h1>Tabular data</h1></header>
<header><h2>Tabular data</h2></header>
<table>
<caption>Table Caption</caption>
<thead>
Expand Down Expand Up @@ -256,7 +267,7 @@ <h3>Unordered List</h3>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__code">
<header><h1>Code</h1></header>
<header><h2>Code</h2></header>
<div>
<p><strong>Keyboard input:</strong> <kbd>Cmd</kbd></p>
<p><strong>Inline code:</strong> <code>&lt;div&gt;code&lt;/div&gt;</code></p>
Expand All @@ -273,7 +284,7 @@ <h2>Pre-formatted text</h2>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__inline">
<header><h1>Inline elements</h1></header>
<header><h2>Inline elements</h2></header>
<div>
<p><a href="#!">This is a text link</a>.</p>
<p><strong>Strong is used to indicate strong importance.</strong></p>
Expand All @@ -297,7 +308,7 @@ <h2>Pre-formatted text</h2>
<footer><p><a href="#top">[Top]</a></p></footer>
</article>
<article id="text__comments">
<header><h1>HTML Comments</h1></header>
<header><h2>HTML Comments</h2></header>
<div>
<p>There is comment here: <!--This comment should not be displayed--></p>
<p>There is a comment spanning multiple tags and lines below here.</p>
Expand All @@ -309,7 +320,7 @@ <h2>Pre-formatted text</h2>
</article>
</section>
<section id="embedded">
<header><h1>Embedded content</h1></header>
<header><h2>Embedded content</h2></header>
<article id="embedded__images">
<header><h2>Images</h2></header>
<div>
Expand Down Expand Up @@ -377,7 +388,7 @@ <h3>Wrapped in a <code>&lt;figure&gt;</code> element, with a <code>&lt;figcaptio
</article>
</section>
<section id="forms">
<header><h1>Form elements</h1></header>
<header><h2>Form elements</h2></header>
<form>
<fieldset id="forms__input">
<legend>Input fields</legend>
Expand Down Expand Up @@ -537,8 +548,8 @@ <h3>Wrapped in a <code>&lt;figure&gt;</code> element, with a <code>&lt;figcaptio
</form>
</section>
</main>
<footer role="contentinfo">
<p>Made by <a href="https://twitter.com/cbracco">@cbracco</a>. Code on <a href="https://github.com/cbracco/html5-test-page">GitHub</a>.</p>
<footer>
<p>Made by <a href="http://twitter.com/cbracco">@cbracco</a>. Code on <a href="http://github.com/cbracco/html5-test-page">GitHub</a>.</p>
</footer>
</div>
</body>
Expand Down
5 changes: 5 additions & 0 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit a557aa5

Please sign in to comment.