28 أسطر
928 B
HTML
28 أسطر
928 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Praying Times </title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<h1>Get Praying Times Anywhere </h1>
|
|
<div class="block">
|
|
<label id="city_label">Enter Your City Name</label>
|
|
<input id="city">
|
|
</div>
|
|
<div class="block">
|
|
<label id="code_label">Enter The Country Code</label>
|
|
<input id="code">
|
|
</div>
|
|
<div class="show_all">
|
|
<label for="wantsAll">Do you want to show all times ? uncheck the box to get only the 5 prayings</label>
|
|
<input id="wantsAll" type="checkbox" name="wantsAll">
|
|
</div>
|
|
<div class="show">
|
|
<button id="getTimes">Get Times</button>
|
|
<h3>Here is the praying times of <span id="show_city"> ____________ </span>City, and <span id="show_country">______ </span>country</h3>
|
|
<ul id="times_container"></ul>
|
|
</div>
|
|
</body>
|
|
<script src="app.js"></script>
|
|
</html> |