Intro_basicos_HTML_CSS/Workshop-CursoHTML/index.html

64 lines
3.1 KiB
HTML
Raw Permalink Normal View History

2020-11-18 01:21:49 -03:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="description" content="Curso de HTML y CSS el lenguaje de programación y desarrolo
de páginas web">
<meta name="keywords" content="HTML, CSS, Curso HTML, Curso CSS, Curso diseño de páginas web, chile, concepcion, notepadd++">
<meta name="author" content="FuzanToko@gmail.com">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<title>Curso HTML & CSS</title>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
</head>
<body>
<div id="redes">
<a href="#"><img src="img/facebook.png" alt="Facebook"></a>
<a href="#"><img src="img/twitter.png" alt="Twitter"></a>
</div>
<div id="contenedor">
<div id="cabecera">
<div id="logo">Logo</div>
<div id="menu">
<ul>
<li><a href="index.html" id="activo">Home</a></li>
<li><a href="#">Temario</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Galería</a></li>
<li><a href="#">Contáctenos</a></li>
</ul>
</div>
<div id="mensaje">
<h2>Página modelo HTML & CSS</h2>
<p>Workshop aplicación de conocimientos adquiridos en el curso.</p>
<a href="#principal">Leer más</a>
</div>
</div>
<div id="principal">
<!--- <img src="img/laptop.jpg" alt="Curso HTML & CSS"> -->
<h1>Curso de HTML & CSS</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo natus ut obcaecati
ratione culpa. Voluptas, odit, ut, quidem voluptatem doloribus possimus harum
architecto est ipsum ea quos suscipit facilis temporibus. Optio, nulla, quos,
blanditiis ducimus delectus similique cupiditate perferendis qui error mollitia
ipsam ut accusamus suscipit ab culpa facilis alias eaque quia deleniti dignissimos
iste officiis accusantium quod est reprehenderit laborum distinctio totam voluptas
eum recusandae assumenda doloremque voluptatem aut architecto perspiciatis harum
quo earum doloribus amet ex! Expedita, rem, deleniti, id, architecto cupiditate
debitis quibusdam commodi fugiat nemo accusantium aspernatur quod quis mollitia
tenetur ducimus repellat quam aliquam perspiciatis.</p>
<hr>
<iframe src=https://ta-te-tijpav.fuzan.repl.run/ max-width="400" max-height="360" frameborder="1" style="border:1" >Gato Python</iframe>
<hr>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3193.8810858488696!2d-73.04917210909245!3d-36.82136934072769!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2scl!4v1514312380792" width="800" height="600" frameborder="0" style="border:0">Mapa de Google Maps</iframe>
</div>
</div>
<div id="footer">
<p>2017 Esta página se publica bajo licencia creative commons</p>
<a href="#contenedor"><img src="img/arriba.png" alt="Subir"></a>
</div>
</body>
</html>