-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path10.html
61 lines (50 loc) · 2.24 KB
/
10.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejercicio 10</title>
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,500" rel="stylesheet">
<link rel="stylesheet" href="css/ejericios.css">
</head>
<body>
<!-- Nav bar En caso de cambio actualizar toda la web 😭 -->
<ul class="navbar">
<li class="nav-li"><a class="nav_titulo " href="index.html">Tecnologias web para moviles</a></li>
<li class="nav-li" style="background-color: aliceblue;">
<div class="custom-select">
<select class="select-css" name="cbWebUrl" id="cbWebUrl" onchange="cbCambiarUrl()">
<option value="0">Seleccionar</option>
<option value="1">01. Super Centered</option>
<option value="2">02. The Deconstructed Pancake</option>
<option value="3">03. Sidebar Says</option>
<option value="4">04. Pancake Stack </option>
<option value="5">05. Classic Holy Grail Layout </option>
<option value="6">06. 12-Span Grid</option>
<option value="7">07. RAM (Repeat, Auto, Minmax)</option>
<option value="8">08. Line Up </option>
<option value="9">09. Clamping My Style</option>
<option value="10">10. Respect for Aspect</option>
<option value="11">Conclusión</option>
</select>
</div>
</li>
</ul>
<!-- Fin navbar -->
<div class="ex10">
<div class="comentario">
<h3><b>10. Respect for Aspect</b></h3>
<p>¿Cuando usar este Grid?</p>
</div>
<div class="parent white">
<div class="card blue">
<h1>Creación de:</h1>
<div class="visual green"></div>
<p>Cards de tamaño flexible de acuerdo al contenedor, alerts en contenedores estrechos</p>
</div>
</div>
</div>
<script src="https://kit.fontawesome.com/a72b6004e3.js" crossorigin="anonymous"></script>
<script src="js/navBar.js"></script>
</body>
</html>