Skip to content

Instantly share code, notes, and snippets.

@yutin1987

yutin1987/gist:af95b1ec05e58adf71fa

Created April 20, 2015 11:53
Show Gist options
  • Save yutin1987/af95b1ec05e58adf71fa to your computer and use it in GitHub Desktop.
Save yutin1987/af95b1ec05e58adf71fa to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<title>HTML5, CSS3 and JavaScript demo</title>
</head>
<body>
<h1>Example 1</h1>
<a class="caption caption-1" href="#" data-title="Smug Eagle" data-des="I watched the four riders raise their weapons into the air. Without warning, screaming their war cry. They led the attack, down to the battle they rode.">
<img src="http://tympanus.net/Tutorials/PseudoElementsImageCaptions/images/1.jpg">
</a>
<hr />
<h1>Example 2</h1>
<a class="caption caption-2" href="#" data-title="Smug Eagle" data-des="I watched the four riders raise their weapons into the air. Without warning, screaming their war cry. They led the attack, down to the battle they rode.">
<img src="http://tympanus.net/Tutorials/PseudoElementsImageCaptions/images/2.jpg">
</a>
<hr />
<h1>Example 3</h1>
<a class="caption caption-3" href="#" data-title="Smug Eagle" data-des="I watched the four riders raise their weapons into the air. Without warning, screaming their war cry. They led the attack, down to the battle they rode.">
<img src="http://tympanus.net/Tutorials/PseudoElementsImageCaptions/images/3.jpg">
</a>
<hr />
<h1>Example 4</h1>
<a class="caption caption-4" href="#" data-title="Smug Eagle" data-des="I watched the four riders raise their weapons into the air. Without warning, screaming their war cry. They led the attack, down to the battle they rode.">
<img src="http://tympanus.net/Tutorials/PseudoElementsImageCaptions/images/4.jpg">
</a>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>HTML5, CSS3 and JavaScript demo</title>
</head>
<body>
<h1>Example 1</h1>
<a class="caption caption-1" href="#" data-title="Smug Eagle" data-des="I watched the four riders raise their weapons into the air. Without warning, screaming their war cry. They led the attack, down to the battle they rode.">
<img src="http://tympanus.net/Tutorials/PseudoElementsImageCaptions/images/1.jpg">
</a>
<hr />
<h1>Example 2</h1>
<a class="caption caption-2" href="#" data-title="Smug Eagle" data-des="I watched the four riders raise their weapons into the air. Without warning, screaming their war cry. They led the attack, down to the battle they rode.">
<img src="http://tympanus.net/Tutorials/PseudoElementsImageCaptions/images/2.jpg">
</a>
<hr />
<h1>Example 3</h1>
<a class="caption caption-3" href="#" data-title="Smug Eagle" data-des="I watched the four riders raise their weapons into the air. Without warning, screaming their war cry. They led the attack, down to the battle they rode.">
<img src="http://tympanus.net/Tutorials/PseudoElementsImageCaptions/images/3.jpg">
</a>
<hr />
<h1>Example 4</h1>
<a class="caption caption-4" href="#" data-title="Smug Eagle" data-des="I watched the four riders raise their weapons into the air. Without warning, screaming their war cry. They led the attack, down to the battle they rode.">
<img src="http://tympanus.net/Tutorials/PseudoElementsImageCaptions/images/4.jpg">
</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment