Bedrock
A bare bones responsive HTML5 CSS3 boilerplate for web designers
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Paragraph
You're good. Get better. Stop asking for things.
<script>Some code</script>
Buttons
Notifications/Alerts
Successs! A great one.
Info! Here's some useful information.
Warning! Watch out, here's a warning.
Error! There was a problem.
Lists
Unordered List
- list item 1
- list item 1
- list item 2
- list item 2
- list item 3
- list item 3
- list item 2
- list item 2
- list item 1
- list item 1
Ordered List
- list item 1
- list item 1
- list item 2
- list item 2
- list item 3
- list item 3
- list item 2
- list item 2
- list item 1
- list item 1
No List
- Option 1
- Option 2
- Option 3
Tables
Default Table
| Column 1 | Column 2 | Column 3 |
|---|---|---|
| Data 1 | Data 2 | Data 3 |
Forms
Responsive Grid
<div class="row span12">
<div class="row span11">
span-1
<div class="row span6">
<div class="row span6 fit">
<div class="row span4">
<div class="row span4">
<div class="row span4 fit">
<div class="row span3">
<div class="row span3">
<div class="row span3">
<div class="row span3 fit">
<div class="row span7">
<div class="row span5 fit">
<div class="row span8">
<div class="row span4 fit">
<div class="row span9">
<div class="row span3 fit">
<div class="row span3">
<div class="row span9 fit">
Images
