Incorporación de imágenes, clases, utilidades y responsive embeds,usando diseño de página adaptable
Enviado por Pablo Alain • 2 de Agosto de 2020 • Documentos de Investigación • 594 Palabras (3 Páginas) • 255 Visitas
Incorporación de imágenes, clases, utilidades y responsive embeds,usando diseño de página adaptable.
-
Programación WEB I
Instituto IACC
01 de junio, 2020
Desarrollo
Index.html, junto con todo lo solicitado:
doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" media="all" href="css/general.css">
<link rel="stylesheet" media="screen and (max-device-width: 480px) and (min-device-width: 320px;)" href="css/tablets.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>Lorem ipsumtitle>
head>
<body>
<div><p class="float-left text-light">« Capítulo 1div> <p class="float-right text-light">Capítulo 3 »p>div>
<br>
<br>
<span class="rounded text-secondary text-left"><h1>Capítulo dosh1>span>
<br>
<br>
<br>
<div class="container">
<p class="col-sm-12 col-md-12 col-lg-12 text-light">Este es el contenido del capítulo 2 de este interesante libro p>
<p class="col-sm-12 col-md-12 col-lg-12 text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque blandit condimentum justo, ut commodo justo semper in.Suspendisse tincidunt turpis nibh, vel gravida velit consectetur tempus. Aenean placerat, sem eu tristique tempus, ex sem rhoncus lorem, Quisque facilisis.Cras hendrerit lorem vitae dignissim iaculis. Maecenas ultricies, elit rhoncus dignissim sodales. p>
<br>
<br>
<div class="row">
<div class="col d-none d-sm-block">
<img src="img/libro1.jpg" class="rounded-circle img-fluid" alt="foto"> div>
<div class="col">
<img src="img/libro2.jpg" class="rounded-circle img-fluid" alt="foto">
div>
div>
<br>
<br>
div>
<div class="embed-responsive embed-responsive-21by9 text-center">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/YBlYy5dGHn8">
iframe>
...