66 lines
No EOL
3.2 KiB
HTML
66 lines
No EOL
3.2 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" class="btn-g btn-sm btn">Sample button</button>
|
|
<blockquote cite="https://www.google.com">Nam non diam ante. Curabitur non enim vitae eros luctus porta.</blockquote>
|
|
<div class="grid-container"><div class="row"><div class="col xs-4-3 sm-3-1" style="background: red;">1c</div><div class="col xs-4-1 sm-3-2" style="background: blue;">2c</div></div><div class="row"><div class="col xs-4-4 sm-3-3" style="background: yellow;">3c</div></div></div>
|
|
</body>
|
|
</html> |