You are on page 1of 5

<Doctype HTML>

<html>

<head>

<title>WELCOME TO METHODIST KARATE CLUB</title>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-


1.4.5.min.css">

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-
1.4.5.min.js"></script>

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

<script
src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>

</head>

<div data-role="page" id="pageone">

<div data-role="header" data-theme="b">

<center><img src="kk.gif"
style="height:400px;width:900px"></center>

<div data-role="navbar">

<ul>

<li><a href="#pageone">History</a></li>

<li><a href="#pagetwo">Rules</a></li>

<li><a href="#pagethree">Discount</a></li>

<li><a href="#pagefour">List Of
Competition</a></li>
<li><a href="#pagefive">Register
Form</a></li>

<li><a href="#pagesix">About us</a></li>

</ul>

</div>

<div data-role="page" id="pageone"

<h1>History</h1>

<p>https://en.wikipedia.org/wiki/Karate</p>

</div>

<button class="ui-btn"> Button </button>

<a href="#anylink" class="ui-btn ui-icon-arrow-l ui-btn-icon-top"> Top </a>

<a href="#anylink" class="ui-btn ui-icon-home ui-btn-icon-left"> Left </a>

</div>

<div data-role="page" id="pagetwo">

<div data-role="content" class="ui-content">

<h2>Rules</h2>

<div data-role="popup" id="myPopup">

<p>http://www.rulesofsport.com/sports/karate.html</p>

</div>

<div data-role="page" id="pagethree">

<div data-role="content">

<h3>Discount </h3>

<p>Karate Uniforms</p>
<p><a href
="https://www.ubuy.com.my/en/catalog/product/view/id/920131/s/proforce-5oz-ultra-light-
weight-karate-gi-uniform-black-size-000?gclid=CL_9tZLbm9QCFZUEaAod5rkF8w">link text</a><p>

<p>Karate Glove</p>

<p><a href ="http://www.11street.my/productdetail/roomaif-fight-pu-


boxing-glove-blue-
1912290:1540351037?gclid=CNWzn_vbm9QCFREeaAodTIkCFw&gclsrc=aw.ds&dclid=CP665fvbm9QC
FVCkaAodpU8OmQ">link text</a></p>

</div>

<div data-role="page" id="pagefour">

<div data-role="content" class="ui-content">

<h4>List Of Competition 2017 </h4>

<p>Date:24-8-2017 to 30-8-2017</p>

<p>Time:8.30 am to 5.00 pm</p>

<p>Location:<a href ="https://goo.gl/maps/wTnqoPckerF2">link


text</a></p>

<p> Course scope:Karate rules,The competition area must be flat and


devoid of hazard</p>

</div>

<div data-role="page" id="pagefive">

<div data-role="main" class="ui-content">

<form method="post" action="/action_page_post.php">

<div class="ui-field-contain">

<label for="fullname"> Name : </label>


<input type= "text" name="fullname" id ="fullname">

<label for="things"> Register Form :</label>

<input type= "text" name="things" id ="things">

<label for ="class" > Address : </label>

<input type="text" name="Address" id="Address">

<label for ="kelas" > No Tel : </label>

<input type="text" name="phone" id="phone">

</div>

<input type="submit" data-inline="true" value="Submit">

</form>

</div>

<div data-role="page" id="pagesix">

<h6>NAME : VINAAYAGAM A/L VELU</h6>

<h6>CLASS : 5SATHANAI</h6>

<h6>AGE : 11YEARS OLD</h6>

<h6>AMBITION:CAPTAIN SHIP</h6>

<h6>NAME : YUGASEKRAN A/L GUNASEGARAN</h6>

<h6>CLASS : 4SATHANAI</h6>

<h6>AGE : 10YEARS OLD</h6>

<h6>AMBITION: SINGER</h6>

<h6>NAME : SHAGIS VARMAN A/L BALAGANESON</h6>

<h6>CLASS : 5SATHANAI</h6>

<h6>AGE : 11YEARS OLD</h6>

<h6>AMBITION: LECTURE</h6>

<h6>NAME : KISHEN A/L GUNASEGARAN</h6>


<h6>CLASS : 5SATHANAI</h6>

<h6>AGE : 11YEARS OLD</h6>

<h6>AMBITION: DOCTOR</h6>

</body>

</html>

You might also like