h1. Header 1
h2. Header 2
h3. Header 3
h4. Header 4
h5. Header 5
h6. Header 6
Body copy
It’s just mind-blowingly awesome. I apologize, and I wish I was more articulate, but it’s hard to be articulate when your mind’s blown—but in a very good way. We choose to go to the moon. We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win, and the others, too.
The size and age of the Cosmos are beyond ordinary human understanding. Lost somewhere between immensity and eternity is our tiny planetary home. In a cosmic perspective, most human concerns seem insignificant, even petty. And yet our species is young and curious and brave and shows much promise. In the last few millennia we have made the most astonishing and unexpected discoveries about the Cosmos and our place within it, explorations that are exhilarating to consider. They remind us that humans have evolved to wonder, that understanding is a joy, that knowledge is prerequisite to survival. I believe our future depends powerfully on how well we understand this Cosmos in which we float like a mote of dust in the morning sky.
Blockquotes
Houston, that may have seemed like a very long final phase. The autotargeting was taking us right into a crater, with a large number of big boulders and rocks and it required flying manually over the rock field to find a reasonably good area.Someone famous in some article
In our obscurity, in all this vastness, there is no hint that help will come from elsewhere to save us from ourselves.Someone famous in some article
Unordered list
Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Donec scelerisque lacus eget augue pulvinar
Nullam ut accumsan neque
Integer viverra metus eu turpis interdum mollis
Integer non neque ac urna vestibulum gravida vitae vel mauris
Pellentesque in tellus at diam blandit pellentesque
Duis mi arcu, luctus sed scelerisque ac, placerat a neque
Mauris sapien est, consequat malesuada faucibus id
Donec consequat massa sed lorem tincidunt quis egestas eros tristique
Cras et sapien ac diam facilisis porttitor
Ordered list
Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Donec scelerisque lacus eget augue pulvinar
Nullam ut accumsan neque
Mauris sapien est, consequat malesuada faucibus id
Donec consequat massa sed lorem tincidunt quis egestas eros tristique
Cras et sapien ac diam facilisis porttitor
Definition list
Definition lists
A description list is perfect for defining terms.
Mauris vitae magna sapien
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Buttons
Use the .btn class on an <a>, <button>, or <input> element.
Large Btn (button) Large Btn (a) Large Disabled Btn
Default Button (button) Default Button (a) Default Disabled Button
Small Button (button) Small Button (a) Small Disabled Button
Font Awesome Icons
comment
comment-o
commenting
commenting-o
comments
comments-o
retweet
rss
rss-square
header
twitter
twitter-square
Place Font Awesome icons just about anywhere with the <i></i> tag.
<i class="fa fa-rocket"></i> fa-rocket
To increase the size of icons relative to its container, use fa-lg (33% increase), fa-2x, fa-3x, fa-4x or fa-5x.
<i class="fa fa-camera-retro fa-lg"></i> fa-camera-retro
<i class="fa fa-camera-retro fa-2x"></i> fa-camera-retro
<i class="fa fa-camera-retro fa-3x"></i> fa-camera-retro
<i class="fa fa-camera-retro fa-4x"></i> fa-camera-retro
<i class="fa fa-camera-retro fa-5x"></i> fa-camera-retro
Use the fa-spin class to get any icon to rotate. Works best with fa-spinner, fa-refresh and fa-cog.
<i class="fa fa-spinner fa-spin"></i> Spinning Spinner icon
<i class="fa fa-refresh fa-spin"></i> Spinning Refresh icon
<i class="fa fa-cog fa-spin"></i> Spinning Cog icon
To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.
<i class="fa fa-shield"></i> normal
<i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90
<i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180
<i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270
<i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal
<i class="fa fa-shield fa-flip-vertical"></i> icon-flip-vertical
To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.
<span class="fa-stack fa-lg"><i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x"></i></span> fa-twitter on fa-square-o
<span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-flag fa-stack-1x fa-inverse"></i></span> fa-flag on fa-circle
<span class="fa-stack fa-lg"><i class="fa fa-square fa-stack-2x"></i><i class="fa fa-terminal fa-stack-1x fa-inverse"></i></span> fa-terminal on fa-square
<span class="fa-stack fa-lg"><i class="fa fa-camera fa-stack-1x"></i><i class="fa fa-ban fa-stack-2x text-danger"></i></span> fa-ban on fa-camera
