create index.html file for github page

myokyawhtun · Mar 25, 2017 · 5a475eb · 5a475eb
1 parent d338ba1
commit 5a475eb
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@ $('video').mkhPlayer(); // for video file
 
 ## Demo
 
-You can check the demo site https://myokyawhtun.github.io/mkhplayer.
+You can check the demo site [https://myokyawhtun.github.io/mkhplayer](https://myokyawhtun.github.io/mkhplayer).
 
 ### Sample
 

diff --git a/index.html b/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en-us">
+<head>
+	<title>MKH Player for HTML 5 Video and Audio jQuery Plugin</title>
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#157878">
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="/mkhplayer/assets/css/style.css"/>
+	<link rel="stylesheet" type="text/css" href="css/mkhplayer.default.css"/>
+</head>
+<body>
+	<section class="page-header">
+      <h1 class="project-name">MKH Player - jQuery plugin for HTML 5 video and audio</h1>
+      <h2 class="project-tagline">Small and lightweight jQuery plugin for HTML 5 video and audio player</h2>
+        <a href="https://github.com/myokyawhtun/mkhplayer" class="btn">View on GitHub</a>
+    </section>
+
+    <section class="main-content">
+		<h3>Sample Audio Player</h3>
+		<audio id="music3" preload="metadata">
+				<source src="media/interlude.mp3">
+		</audio>
+		<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
+		<script type="text/javascript" src="js/jquery.mkhplayer.js"></script>
+		<script type="text/javascript">
+			$(document).ready(function(){
+				$('audio').mkhPlayer();
+			});
+		</script>
+		<footer class="site-footer">
+
+          <span class="site-footer-owner"><a href="https://github.com/myokyawhtun/mkhplayer">mkhplayer</a> is maintained by <a href="https://github.com/myokyawhtun">myokyawhtun</a>.</span>
+
+        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</span>
+      </footer>
+	</section>
+</body>
+</html>