mini.css/testpage.html
Angelos Chalaris aff92aba90 Housekeeping
2016-08-22 14:23:41 +03:00

65 lines
No EOL
2.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Test page for mini.css</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="http://chalarangelo.github.io/htmltemplategenerator/">
<link rel="stylesheet" href="css/mini-full.css">
</head>
<body>
<h1>Heading 1 <small>smaller</small></h1>
<h2>Heading 2 <small>smaller</small></h2><br>
<p><strong>Paragraph</strong>: Lorem ipsum dolor sit amet, <mark>consectetur</mark> adipiscing elit. <code>Praesent est mi</code>, commodo vitae mauris at, sagittis vehicula sem. Quisque malesuada dui at justo maximus, vel placerat nibh blandit. Phasellus <sub>quis</sub> ipsum aliquam, <sup>fringilla</sup> ante <kbd>sit</kbd> amet, sagittis magna. In at dignissim eros, id vulputate tellus. Quisque orci urna, pretium in porttitor et, rhoncus in nulla. Aenean viverra ante in velit tincidunt, <kbd>sit</kbd> amet tincidunt ante suscipit. In malesuada consectetur molestie.</p>
<br>
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png">
<br>
<hr>
<br>
<ol>
<li>List element</li>
<li>List element</li>
<li>List element</li>
</ol>
<pre>Ut sollicitudin arcu arcu, eget fermentum sem ullamcorper in.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec nisl nunc. Sed sit amet urna arcu.
Donec non consequat tortor, id fermentum felis.
Quisque elementum hendrerit egestas. In id rhoncus neque, eget mattis neque.
Suspendisse varius turpis et dui viverra semper.</pre>
<hr>
<br>
<h3>Heading 3 <small>smaller</small></h3>
<form method="post" action="demo_form.php"><fieldset>
First name: <input type="text" name="demo_form_name"><br>
Last name: <input type="text" name="demo_form_surname"><br></fieldset>
<input type="submit" value="Submit form">
</form>
<h4>Heading 4 <small>smaller</small></h4>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<h5>Heading 5 <small>smaller</small></h5>
<textarea rows="4" cols="16">This is a textarea.</textarea>
<h6>Heading 6 <small>smaller</small></h6>
<ul>
<li>Suspendisse convallis ac metus non efficitur.</li>
<li>Donec consectetur eu nisi luctus bibendum.</li>
<li>Nam tempor facilisis sem vitae mattis.</li>
<li>Fusce feugiat rhoncus eros, id auctor mauris facilisis quis.</li>
</ul>
<br>
<div>Etiam maximus, ante vitae porttitor tincidunt, sem erat pharetra turpis, a ornare tortor purus <a href="https://www.google.com">ut justo</a>.
</div>
<br>
<button type="button">Sample button</button>
<blockquote cite="https://www.google.com">Nam non diam ante. Curabitur non enim vitae eros luctus porta.</blockquote>
</body>
</html>