LBP
/
OliveTin
cermin dari https://github.com/OliveTin/OliveTin.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
							<!DOCTYPE html>

<html lang="en">
	<head>
		<title>SimpleApp</title>

		<meta charset = "UTF-8">

		<link rel = "shortcut icon" href = "tests/logo.png" type = "image/png" />

		<link rel = "stylesheet" type = "text/css" href="../style.css">
		<link rel = "stylesheet" type = "text/css" href="../dark.css" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>

	<body>
		<header>
			<div class = "logo-and-title">
				<img src = "./logo.png" alt = "SimpleApp Logo" class = "logo">
				<h1>FemtoCrank</h1>
			</div>
			<nav class = "fg1">
				<ul role = "menubar">
					<li><a href = "../index.html" class = "active">Demo home</a></li>
					<li>
						<span>Dropdown</span>
						<div>
							<ul>
								<li><a href = "#">foo</a></li>
								<li><a href = "#">bar</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</nav>
			<div>
				<p class = "subtle">Next page refresh:</p>
				<p><progress id = "next-update" value = "0" max = "30" title = "Time until next update"></progress></p>
			</div>
			<div id = "last-updated-container">
				<p class = "subtle">Last result:</p>
				<p id = "last-updated" class = "critical">
				Never updated
				</p>
			</div>
			<a href = "https://github.com/jamesread/uncomplicated-alert-receiver" target = "_blank" class = "aside icon">
				&#9829;
			</a>
		</header>

		<main>
			<section class = "with-header-and-content">
				<div class = "section-header">
					<h2>Welcome to SimpleApp</h2>

					<div role = "toolbar">
						<a class = "button neutral" href = "#">Test</a>
					</div>
				</div>
				<div class = "section-content padding">
					<p>
						SimpleApp is a demonstration of a simple web application that uses HTML, CSS, and JavaScript.
						It includes various UI components such as forms, buttons, and navigation.
					</p>
				</div>
			</section>

			<section>
				<h2>Forms</h2>

				<p>This is a form.</p>

				<form>
					<label for = "name">Name</label>
					<input type = "text" id = "name" name = "name" />

					<span class = "fake-label">Role</span>
					<div class = "radio-group">
						<label>
							<input type = "radio" name = "role" value = "sales" />
							<span>Sales</span>
						</label>
						<label>
							<input type = "radio" name = "role" value = "engineerig" />
							<span>Engineering</span>
						</label>

						<label>
							<input type = "radio" name = "role" value = "hr" />
							<span>HR</span>
						</label>
					</div>

					<label for = "salary">Salary</label>
					<select id = "salary" name = "salary">
						<option value = "0">Select a salary</option>
						<option value = "10000">£10,000</option>
						<option value = "20000">£20,000</option>
						<option value = "30000">£30,000</option>
						<option value = "40000">£40,000</option>
						<option value = "50000">£50,000</option>
					</select>

					<label for = "email">Email</label>
					<input type = "email" id = "email" name = "email" />

					<label>Is Administrator?</label>
					<input type = "checkbox" id = "is-admin" name = "is-admin" />

					<label>Website</label>
					<input type = "url" id = "website" name = "website" placeholder = "https://example.com" />

					<label>Favourite Colour</label>
					<input type = "color" id = "favourite-colour" name = "favourite-colour" value = "#dee3e7" />

					<label>Favourite Number</label>
					<input type = "number" id = "favourite-number" name = "favourite-number" min = "0" max = "100" step = "1" value = "50" />

					<span class = "fake-label">
						Newsletters
					</span>

					<div>
						<label>
							<input type = "checkbox" id = "newsletter1" name = "newsletter1" />
							<span>Newsletter 1</span>
						</label>

						<label>
							<input type = "checkbox" id = "newsletter2" name = "newsletter2" />
							<span>Newsletter 2</span>
						</label>
					</div>

					<label for = "comments">Comments</label>
					<textarea id = "comments" name = "comments"></textarea>

					<label>
						Datetime
					</label>

					<input type = "datetime-local" id = "datetime" name = "datetime" />

					<fieldset>
						<button type = "submit">Submit</button>

						<button type = "cancel">Cancel</button>

						<button type = "reset">Reset</button>
						<button type = "submit" disabled>Disabled</button>
					</fieldset>

				</form>
			</section>
		</main>

		<footer>
			<p>
			<span><a href = "https://github.com/jamesread">jamesread on GitHub</a></span>
			<span id = "current-version">Version 1337</span>
			</p>
		</footer>
	</body>
</html>