<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Joomla - Membuat Web Statis</title>
<link href="css/web.css" rel="stylesheet"/>
<link href="gambar/logo.png" rel="shortcut icon"/>
</head>
<body>
	<header class="webstatis" id="judul">
		<img src="gambar/logo.png" alt="Logo TKJ" title="Logo TKJ" id="logo"/>
		<h1>Teknik Komputer & Jaringan</h1>
		<h2>Kelas TKJ Angkatan 15 di RGI</h2>
	</header>
	<nav class="webstatis" id="menu">
		<!--membuat menu horizontal-->
			<ul>
				<li><a href="index.html">Beranda</a></li>			
				<li><a href="profil.html">Profil</a></li>			
				<li><a href="#">Tutorial</a>
					<ul>
						<li><a href="webdev.html">Web Development</a></li>
						<li><a href="#">Web Instant</a>
							<ul>
								<li><a href="wordpress.html">Wordpress</a></li>
								<li><a href="joomla.html">Joomla</a></li>
								<li><a href="drupal.html">Drupal</a></li>
							</ul>
						</li>
						<li><a href="server.html">Server</a></li>
						<li><a href="pi.html">Pengenalan Internet</a></li>
					</ul>				
				</li>			
				<li><a href="video.html">Video</a></li>			
				<li><a href="download.html">Download</a></li>	
				<li><a href="hubungi.html">Hubungi Kami</a></li>			
			</ul>		
		</nav>
		<section class="webstatis" id="utama">
			<section id="konten">
				<article>
					<header>
						<h1>Tutorial Joomla</h1>					
					</header>
					
					<video width="740px" poster="gambar/rgi.jpg" controls>
						<source src="video/joomla.mp4" type="video/mp4"/>
						<p>Browser tidak support HTML 5</p>
					</video>
					
				</article>			
			</section>
			<aside id="sidebar">
				<b>Web Kelas TKJ</b>
				<ul>
					<li>Ipan</li>				
					<li>Zaki</li>				
					<li>Puji</li>				
					<li>Dwika</li>				
					<li>Jefrin</li>				
				</ul>
			</aside>
		</section>
	<footer class="webstatis" id="bawah">Web Statis
	<br/>by <a href="http://muhidin.web.id" target="_blank">Muhidin Saimin</a>
	<br/>&copy; 2016
	
	</footer>
</body>
</html>