demo/index.html

<!DOCTYPE HTML>
<html lang="en-US">
<head>

	<meta charset="UTF-8">
	<title>jQuery Github</title>

	<!-- Plugin CSS -->
	<link rel="stylesheet" href="../assets/base.css">

	<!-- Demo CSS -->
	<link rel="stylesheet" href="css/style.css">

</head>
<body>

	<a href="https://github.com/zenorocha/jquery-github">
		<img class="github-ribbon" src="img/github-ribbon.png" alt="Fork me on GitHub">
	</a>

	<div class="title">
		<h1>jQuery Github</h1>
		<p>A jQuery plugin to display your favorite Github Repositories.<br>For more informations, visit our <a href="https://github.com/zenorocha/jquery-github">repository</a>.</p>
	</div>

	<div class="projects">
		<div data-repo="jquery-boilerplate/jquery-boilerplate" class="github-box-wrap"></div>
		<div data-repo="zenorocha/dracula-theme" class="github-box-wrap"></div>
		<div data-repo="zenorocha/jquery-github" class="github-box-wrap"></div>
		<div data-repo="zenorocha/hub.me" class="github-box-wrap"></div>
	</div>

	<p class="credits">Made with love by <a href="http://zenorocha.com">Zeno Rocha</a>.</p>

	<img id="github-logo" src="img/github-cat.png" alt="Github Cat" />

	<script src="../bower_components/jquery/dist/jquery.min.js"></script>
	<script src="../src/jquery.github.js"></script>

	<script>
		$("[data-repo]").github();
	</script>

</body>
</html>