├── fuente ├── estilos.css └── index.html ├── intro-git ├── hola.jpeg └── intro-a-git.txt ├── repaso ├── elefante.jpeg ├── estilos.css └── index.html ├── intro-html ├── kapybara.jpeg ├── informacion.html └── index.html ├── media-query ├── perro-bailando.gif ├── index.html └── estilos.css ├── vw-vh ├── estilos.css └── index.html ├── medidas-rem-em ├── estilos.css └── index.html ├── semantico └── index.html ├── position ├── absolute.html ├── absolute-2.html ├── estilos.css ├── estilos-2.css ├── fixed.css └── fixed.html └── flexbox ├── estilos.css └── index.html /fuente/estilos.css: -------------------------------------------------------------------------------- 1 | h1{ 2 | font-family: 'Creepster', cursive; 3 | } -------------------------------------------------------------------------------- /intro-git/hola.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/robextrem/27-web-c/HEAD/intro-git/hola.jpeg -------------------------------------------------------------------------------- /repaso/elefante.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/robextrem/27-web-c/HEAD/repaso/elefante.jpeg -------------------------------------------------------------------------------- /intro-html/kapybara.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/robextrem/27-web-c/HEAD/intro-html/kapybara.jpeg -------------------------------------------------------------------------------- /intro-git/intro-a-git.txt: -------------------------------------------------------------------------------- 1 | Hola a todos! Bienvenidos a GIT 2 | 3 | Hola Nadia 4 | Hola Jorge 5 | Hola Emilio -------------------------------------------------------------------------------- /media-query/perro-bailando.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/robextrem/27-web-c/HEAD/media-query/perro-bailando.gif -------------------------------------------------------------------------------- /vw-vh/estilos.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | } 4 | 5 | .bloque{ 6 | background-color: orange; 7 | height: 100vh; 8 | width: 70vw; 9 | position: fixed; 10 | top:0; 11 | left: 15vw; 12 | bottom: auto; 13 | right:0; 14 | } -------------------------------------------------------------------------------- /medidas-rem-em/estilos.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-size: 12px; /* 1rem */ 3 | } 4 | 5 | h1{ 6 | font-size: 3em; 7 | } 8 | 9 | h2{ 10 | font-size: 2em; 11 | } 12 | 13 | h3{ 14 | font-size: 2em; 15 | } 16 | 17 | .contenedor{ 18 | font-size: 40px; 19 | } -------------------------------------------------------------------------------- /vw-vh/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | Otra cosa 11 |
12 |
13 | 14 | -------------------------------------------------------------------------------- /semantico/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 |
10 | 11 |
12 |
13 | 14 |
15 | 18 | 19 | -------------------------------------------------------------------------------- /fuente/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

Hola a todos

12 | 13 | -------------------------------------------------------------------------------- /position/absolute.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /position/absolute-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /position/estilos.css: -------------------------------------------------------------------------------- 1 | .bloque{ 2 | width: 300px; 3 | height: 300px; 4 | } 5 | 6 | .naranja{ 7 | background-color: orange; 8 | position: absolute; 9 | bottom: 70px; 10 | right: 50px; 11 | z-index: 15; 12 | } 13 | 14 | .verde{ 15 | background-color: rgba(85%, 83%, 11%,0.9); 16 | opacity: 0.5; 17 | position: absolute; 18 | z-index: 10; 19 | top: 10px; 20 | left: 50px; 21 | } -------------------------------------------------------------------------------- /position/estilos-2.css: -------------------------------------------------------------------------------- 1 | .bloque{ 2 | 3 | } 4 | 5 | .naranja{ 6 | background-color: orange; 7 | position: absolute; 8 | top: calc(50% - 150px); 9 | left: calc(50% - 150px);; 10 | z-index: 15; 11 | height: 300px; 12 | width: 300px; 13 | } 14 | 15 | .verde{ 16 | background-color: rgba(85%, 83%, 11%,0.9); 17 | opacity: 0.5; 18 | position: absolute; 19 | z-index: 10; 20 | left: 0; 21 | top: 0; 22 | right:0; 23 | bottom:0 24 | } -------------------------------------------------------------------------------- /medidas-rem-em/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |

Titulo 1

11 |

Titulo 2

12 |
13 |

Titulo 3

14 |
15 |

Hola a todos! Hoy es la última clase.

16 | 17 | -------------------------------------------------------------------------------- /intro-html/informacion.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

MI INFORMACION

11 | Volver 12 | Mi linkedin 13 | Descargar archivo 14 | 15 | -------------------------------------------------------------------------------- /position/fixed.css: -------------------------------------------------------------------------------- 1 | html,body{ 2 | margin: 0; 3 | } 4 | 5 | body{ 6 | padding-top:40px; 7 | } 8 | 9 | nav{ 10 | width:100vw; 11 | height: 40px; 12 | padding: 10px; 13 | background:rgb(91, 109, 180); 14 | position: fixed; 15 | top: 0; 16 | color: white; 17 | } 18 | 19 | .flex{ 20 | display: flex; 21 | } 22 | 23 | .sidebar{ 24 | width:200px; 25 | } 26 | 27 | aside{ 28 | height: 20vh; 29 | background-color: blueviolet; 30 | position: sticky; 31 | top: 80px; 32 | left: 40px; 33 | } 34 | 35 | section{ 36 | width:800px; 37 | } 38 | -------------------------------------------------------------------------------- /flexbox/estilos.css: -------------------------------------------------------------------------------- 1 | #bloques{ 2 | display: flex; 3 | height: 500px; 4 | border: 3px solid black; 5 | justify-content: center; 6 | align-items: center; 7 | } 8 | 9 | .bloque{ 10 | height: 100px; 11 | width: 100px; 12 | border: 1px solid black; 13 | background-color: fuchsia; 14 | flex-direction: row-reverse; 15 | } 16 | 17 | .rojo{ 18 | background-color: red; 19 | } 20 | 21 | .amarillo{ 22 | background-color: yellow; 23 | } 24 | 25 | .naranja{ 26 | background-color: orange; 27 | } 28 | 29 | .verde{ 30 | background-color: greenyellow; 31 | } -------------------------------------------------------------------------------- /flexbox/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 | 19 | -------------------------------------------------------------------------------- /media-query/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 |
11 |

Hola mundo

12 | 13 |
14 |
15 |

Hola mundo

16 | 17 |
18 |
19 |

Hola mundo

20 | 21 |
22 |
23 |

Hola mundo

24 | 25 |
26 | 27 | -------------------------------------------------------------------------------- /media-query/estilos.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | box-sizing: border-box; 4 | padding:0; 5 | font-size: 0; 6 | } 7 | .bloque{ 8 | background-color: darkblue; 9 | text-align: center; 10 | color:white; 11 | width: 25vw; 12 | display: inline-block; 13 | } 14 | 15 | h1{ 16 | font-size: 24px;; 17 | } 18 | 19 | .bloque img{ 20 | width: 100%; 21 | } 22 | 23 | 24 | @media (max-width:900px){ 25 | .bloque{ 26 | width: 33vw; 27 | } 28 | } 29 | 30 | @media screen and (min-width:481px) and (max-width:768px){ 31 | .bloque{ 32 | background-color: chartreuse; 33 | width: 50vw; 34 | } 35 | h1{ 36 | color: brown; 37 | } 38 | } 39 | 40 | @media (max-width:480px) { 41 | .bloque{ 42 | background-color: orangered; 43 | width:100vw 44 | } 45 | } -------------------------------------------------------------------------------- /repaso/estilos.css: -------------------------------------------------------------------------------- 1 | *{ 2 | font-family: 'Roboto Slab', serif; 3 | } 4 | 5 | body{ 6 | background-color: #FFB49A; 7 | } 8 | 9 | #titulo{ 10 | color: #99621E; 11 | background-color: black; 12 | font-family: 'Montserrat', sans-serif; 13 | text-align: center; 14 | width: 400px; 15 | } 16 | 17 | /* Aqui voy a poner mis estilos de abajo */ 18 | 19 | .parrafo{ 20 | font-size: 25px; /* rem, em, pt, px */ 21 | color: #09542A; 22 | text-align: justify; 23 | } 24 | 25 | .negrita{ 26 | font-weight: bold; 27 | } 28 | 29 | .delgadita{ 30 | font-weight: 100; 31 | } 32 | 33 | .centrado{ 34 | text-align: center; 35 | } 36 | 37 | .espaciado{ 38 | width: 500px; 39 | height: 300px; 40 | border: 1px solid black; 41 | margin-top: 10px; 42 | margin-left: 10px; 43 | margin-bottom: 10px; 44 | margin-right: 10px; 45 | padding-top: 10px; 46 | padding-left: 10px; 47 | padding-bottom: 10px; 48 | padding-right: 10px; 49 | } 50 | 51 | .bloque{ 52 | /* font-style: italic;*/ 53 | font-weight: 400; 54 | } -------------------------------------------------------------------------------- /intro-html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |

Titulo 1

14 |

Título

15 |

Título

16 |
17 |

Este texto es un parrafo muy descriptivo
y con texto extenso.

18 |
Esto es un div o es un bloque
19 |
20 | 21 |
22 |
23 | Ir a google 24 |
Lista del super desordenada
25 | 30 |
Lista del super ordenada
31 |
    32 |
  1. Pan
    2. 33 |
  2. Queso
    3. 34 |
  3. Cebolla
    4. 35 |
36 | 37 | -------------------------------------------------------------------------------- /repaso/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |

Mi elefante

17 |
18 | 19 |
20 |
21 |

Hola mundo

22 |
23 |
24 | 25 |
26 |

Sus caracteristicas

27 |

28 | Es el mamífero más grande de la tierra puede pesar hasta ocho toneladas y mide 3 metros de alto por 7 de largo. Con grandes orejas en forma de abanico y una larga trompa. El elefante africano tiene tres dedos en la pata trasera y cinco en la parte delantera del pie. 29 |

30 |

31 | Solo quedan 2 especies de elefantes en el planeta: el elefante africano y el elefante asiático. Cambian en color de gris claro a gris obscuro, y sus especificaciones mucho más propias son sus gigantes orejas y colmillos. 32 |

33 |

34 | Los elefantes asiáticos son más pequeños que sus primos africanos. Tienen orejas más pequeñas y la parte superior de su cabeza tiene dos cúpulas redondeadas. Los elefantes asiáticos tienen espaldas redondeadas y patas más cortas que los elefantes africanos y, en promedio, pesan 2.000 libras menos. 35 |

36 |
37 |
38 | 42 |
43 | 44 | -------------------------------------------------------------------------------- /position/fixed.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 14 |
15 |
16 |
17 | 20 |
21 |
22 |

Mi pagina

23 | 24 |

25 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 26 | 27 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 28 | 29 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 30 | 31 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 32 | 33 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 34 | 35 | Aficionado: “Erling, ¿puedo tener una foto?” 36 | 37 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 38 | 39 | Erling Haaland: “¡Consíguete una camisa nueva!” 40 | 41 |

42 | 43 |

44 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 45 | 46 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 47 | 48 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 49 | 50 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 51 | 52 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 53 | 54 | Aficionado: “Erling, ¿puedo tener una foto?” 55 | 56 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 57 | 58 | Erling Haaland: “¡Consíguete una camisa nueva!” 59 | 60 |

61 |

62 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 63 | 64 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 65 | 66 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 67 | 68 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 69 | 70 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 71 | 72 | Aficionado: “Erling, ¿puedo tener una foto?” 73 | 74 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 75 | 76 | Erling Haaland: “¡Consíguete una camisa nueva!” 77 | 78 |

79 |

80 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 81 | 82 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 83 | 84 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 85 | 86 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 87 | 88 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 89 | 90 | Aficionado: “Erling, ¿puedo tener una foto?” 91 | 92 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 93 | 94 | Erling Haaland: “¡Consíguete una camisa nueva!” 95 | 96 |

97 |

98 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 99 | 100 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 101 | 102 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 103 | 104 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 105 | 106 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 107 | 108 | Aficionado: “Erling, ¿puedo tener una foto?” 109 | 110 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 111 | 112 | Erling Haaland: “¡Consíguete una camisa nueva!” 113 | 114 |

115 |

116 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 117 | 118 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 119 | 120 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 121 | 122 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 123 | 124 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 125 | 126 | Aficionado: “Erling, ¿puedo tener una foto?” 127 | 128 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 129 | 130 | Erling Haaland: “¡Consíguete una camisa nueva!” 131 | 132 |

133 |

134 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 135 | 136 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 137 | 138 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 139 | 140 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 141 | 142 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 143 | 144 | Aficionado: “Erling, ¿puedo tener una foto?” 145 | 146 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 147 | 148 | Erling Haaland: “¡Consíguete una camisa nueva!” 149 | 150 |

151 |

152 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 153 | 154 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 155 | 156 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 157 | 158 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 159 | 160 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 161 | 162 | Aficionado: “Erling, ¿puedo tener una foto?” 163 | 164 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 165 | 166 | Erling Haaland: “¡Consíguete una camisa nueva!” 167 | 168 |

169 | 170 |

171 | Erling Haaland cerró una temporada 2022-23 de locura; goles por todos lados, triplete histórico con Manchester City y su fama creció aún más: ¡Todos quieren una postal con el ciborg del área! 172 | 173 | El delantero noruego, en cada oportunidad que tiene con los aficionados, siempre atiende y convive con sus seguidores; a veces, también deja divertidas estampas, como la que a continuación ocurrió. 174 | 175 | Varios pequeños se acercaron a Erling Haaland y, como siempre, solicitaron la rúbrica y postal del recuerdo, donde uno de ellos apareció con la playera del Manchester United. 176 | 177 | TE PUEDE INTERESAR: ¡El Wey troleó a Haaland! Hijo de Phil Foden le dijo: ‘Pensé que eras una niña’ (VIDEO) 178 | 179 | Erling Haaland accedió, pero rápidamente se adelantó y cubrió no discretamente el escudo de los Red Devils, un diálogo entre sonrisas que acabó con un pequeño gozando el momento con su ídolo. 180 | 181 | Aficionado: “Erling, ¿puedo tener una foto?” 182 | 183 | Erling Haaland: “Espera… *Tapa el escudo del Manchester United* Toma la foto ahora. ¡Toma otra foto así!” 184 | 185 | Erling Haaland: “¡Consíguete una camisa nueva!” 186 | 187 |

188 |
189 |
190 |
191 | 192 | --------------------------------------------------------------------------------