DropCaps
there are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary
there are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary
there are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary
Highlights
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.extra small buttons
turquoise colorgreen sea coloremerald colornephritis colorpeter river colorbelize hole coloramethyst colorwisteria colorwet asphalt colormidnight blue colorsunflower colororange colorcarrot colorpumpkin coloralizarin colorpomegranate colorclouds colorsilver colorconcrete colorasbestos colormain color
small buttons
turquoise colorgreen sea coloremerald colornephritis colorpeter river colorbelize hole coloramethyst colorwisteria colorwet asphalt colormidnight blue colorsunflower colororange colorcarrot colorpumpkin coloralizarin colorpomegranate colorclouds colorsilver colorconcrete colorasbestos colormain color
normal buttons
turquoise colorgreen sea coloremerald colornephritis colorpeter river colorbelize hole coloramethyst colorwisteria colorwet asphalt colormidnight blue colorsunflower colororange colorcarrot colorpumpkin coloralizarin colorpomegranate colorclouds colorsilver colorconcrete colorasbestos colormain color
large buttons
turquoise colorgreen sea coloremerald colornephritis colorpeter river colorbelize hole coloramethyst colorwisteria colorwet asphalt colormidnight blue colorsunflower colororange colorcarrot colorpumpkin coloralizarin colorpomegranate colorclouds colorsilver colorconcrete colorasbestos colormain color
block buttons
turquoise colorgreen sea coloremerald colornephritis colorpeter river colorbelize hole coloramethyst colorwisteria colorwet asphalt colormidnight blue colorsunflower colororange colorcarrot colorpumpkin coloralizarin colorpomegranate colorclouds colorsilver colorconcrete colorasbestos colormain color
alert boxes
success message
You successfully read this important message.
You successfully read this important message.
Alert message
This alert needs your attention.
This alert needs your attention.
Warning message
Warning! Best check yo self.
Warning! Best check yo self.
Error message
Oh snap! Change a few things up.
Oh snap! Change a few things up.
code box html
1234567891011<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sample Page</title>
</head>
<body>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
</html>
code box css
1234567891011121314151617181920#header-wrapper {
background:#333;
color:white;
border-bottom:10px solid #ccc;
text-align:left;
transition:all .5s ease-out;
padding:8px 0 18px;
}
#header {
margin:0 15px;
}
#header-logo {
position:relative;
width:84px;
height:35px;
display:block;
margin:10px 30px 5px;
}
code box jquery
12345function generate() {
var a = $('#container').html();
var b = window.open('','','width=600,height=400');
b.document.write('<textarea>' + a + '</textarea>');
}
code box javascript
123456789(function() {
var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(',');
for (var i = 0; i < html5.length; i++) {
document.createElement(html5[i]);
}
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}
})();
