index.html

<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<title>Presentaciones | MozEdu</title>
		<link rel="shortcut icon" href="../favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/estilos.min.css" />
	</head>
	<body>
		<div class="container">
			
			<header>
				<img class="img1" src="img/foxi-cohete2.png" alt="Logo MozEdu" />	        
				<img class="img2" src="img/mh-banner.png" alt="Mozilla Hispano" />
				<h1>PRESENTACIONES</h1>	
				<h3>Educamos para una web mejor</h3>
			</header>
			<div class="content">
				
				<h2>Temas: Generales</h2>
				<div class="grid">
					<figure class="efecto">
						<img src="img/mozedu.jpg" alt="MozEdu"/>
						<figcaption>
							<h2><a href="http://slides.com/jeffduran/colombia#/" target="_blank">Presentación del Proyecto</a></h2>
						</figcaption>			
					</figure>
					
				</div>
				<h2>Temas: Privacidad y Seguridad</h2>
				<div class="grid">
					<figure class="efecto">
						<img src="img/parental.jpg" alt="Control Parental"/>
						<figcaption>
							<h2><a href="parental.html" target="_blank">Seguridad Electrónica para niños y jovenes</a></h2>
						</figcaption>			
					</figure>
					<figure class="efecto">
						<img src="img/ciberbullying.jpg" alt="victima ciberbullying"/>
						<figcaption>
							<h2><a href="ciberbullying.html" target="_blank">Ciberbullying</a></h2>
						</figcaption>			
					</figure>
					<figure class="efecto">
						<img src="img/seguridad.jpg" alt="Seguridad"/>
						<figcaption>
							<h2><a href="http://slides.com/vima/mozedu#/" target="_blank">Seguridad en internet. padres y maestros.</a></h2>
						</figcaption>			
					</figure>

				</div>
				
				
			</div>
					
		</div><!-- /container -->
		
	</body>
</html>