Example | EMS | PX |
---|---|---|
Header 1 |
2em | 32px |
Header 2 |
1.75em | 28px |
Header 3 |
1.5em | 24px |
Header 4 |
1.313em | 21px |
Header 5 |
1.125em | 18px |
Header 6 |
1em | 16px |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
John Smith
.
/* I also like multi-line code */ body { font-size: 16px; color: #333; ... }
# | First Name | Last Name | Username |
---|---|---|---|
1 | John | Smith | jsmith |
2 | Jane | Doe | jdoe |
3 | Jon | Doe | jondoe |
# | First Name | Last Name | Username |
---|---|---|---|
1 | John | Smith | jsmith |
2 | Jane | Doe | jdoe |
3 | Jon | Doe | jondoe |
# | First Name | Last Name | Username |
---|---|---|---|
1 | John | Smith | jsmith |
2 | Jane | Doe | jdoe |
3 | Jon | Doe | jondoe |
# | First Name | Last Name | Username |
---|---|---|---|
1 | John | Smith | jsmith |
2 | Jane | Doe | jdoe |
3 | Jon | Doe | jondoe |
# | First Name | Last Name | Username |
---|---|---|---|
1 | John | Smith | jsmith |
2 | Jane | Doe | jdoe |
3 | Jon | Doe | jondoe |
# | First Name | Last Name | Username |
---|---|---|---|
1 | John | Smith | jsmith |
2 | Jane | Doe | jdoe |
3 | Jon | Doe | jondoe |
3 | Jon | Doe | jondoe |
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Link
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.