Short Code Feature

Title :Kampil

Credits :Amrufm (Flickr)
Source :http://luxuryhotelinspain.com/blog/2014/02/25/bako-national-park/?lang=en

Drop Caps

That night, in the mid-watch, when the old man—as his wont at intervals—stepped forth from the scuttle in which he leaned, and went to his pivot-hole, he suddenly thrust out his face fiercely, snuffing up the sea air as a sagacious ship's dog will, in drawing nigh to some barbarous isle. He declared that a whale must be near. Soon that peculiar odor, sometimes to a great distance given forth by the living sperm whale, was palpable to all the watch; nor was any mariner surprised when, after inspecting the compass, and then the dog-vane, and then ascertaining the precise bearing of the odor as nearly as possible, Ahab rapidly ordered the ship's course to be slightly altered, and the sail to be shortened

Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text Button Text

Alert Boxes

Update message

You successfully to update your content.

Success message

You successfully read this important message.

Info message

This a simple info for you.

Alert message

This alert needs your attention

Warning message

Warning! Best check yo self.

Error message

Oh snap! Change a few things up

Code Box Html

<!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

.blog-header h1 {color: green;}
.blog-header h1a {color: green;}

.post-title{
font: normal 20px/1.4 "Open Sans",Sans-Serif;
margin: 0 0 .5em;
text-shadow: none;
color: #5686D6;
}

.post-title a,
.post-title a:focus,
.post-title a:hover,
.post-title a:active{
color: #5686D6;
text-decoration: none;
}

Code Box JavaScript

(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) {}
})();

Code Box jQuery

$('button').click(function() {
  $(this).toggleClass('active').html('Clicked!').css('opacity', .5);
}).css('color', 'red');

Archive

Wednesday, June 24, 2015