Skip to content

Instantly share code, notes, and snippets.

@egillespie

egillespie/index.html

Last active March 21, 2017 02:27
Show Gist options
  • Save egillespie/15433761e640077f93660b4555a3d88b to your computer and use it in GitHub Desktop.
Save egillespie/15433761e640077f93660b4555a3d88b to your computer and use it in GitHub Desktop.
Download ZIP
Sassy Components
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sassy Components</title>
<link rel="stylesheet" href="compiled/css/style.css">
</head>
<body>
<p><a href="#">My color palette</a></p>
<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>
<h4>Heading Four</h4>
<h5>Heading Five</h5>
<h6>Heading Six</h6>
<p>I'm just some plain text in a paragraph.</p>
<p><a href="#">I'm a link</a></p>
<p>
<input type="button" value="Button">
<input type="button" class="danger" value="Danger">
</p>
<p>
<input type="text" value="Text">
<input type="password" value="Password">
</p>
<p><textarea>Text Area</textarea></p>
<p>
<input type="checkbox" id="check1">
<label for="check1">Checkbox 1</label>
<input type="checkbox" id="check2">
<label for="check2">Checkbox 2</label>
</p>
<p>
<input type="radio" id="radio1" name="radio">
<label for="radio1">Radio 1</label>
<input type="radio" id="radio2" name="radio">
<label for="radio2">Radio 2</label>
</p>
<figure>
<img src="http://i.imgur.com/6nIY05X.png">
<figcaption>Think, Squirrel Girl, think. How do you stop this guy?</figcaption>
</figure>
<table>
<thead>
<tr>
<th>Table Heading 1</th>
<th>Table Heading 2</th>
<th>Table Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
<td>Row 1, Cell 3</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
<td>Row 2, Cell 3</td>
</tr>
<tr>
<td>Row 3, Cell 1</td>
<td>Row 3, Cell 2</td>
<td>Row 3, Cell 3</td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment