diff --git a/Practicas/Practicas HTML/Repaso/Corregida/css/estilo.css b/Practicas/Practicas HTML/Repaso/Corregida/css/estilo.css
new file mode 100644
index 0000000..b07b100
--- /dev/null
+++ b/Practicas/Practicas HTML/Repaso/Corregida/css/estilo.css
@@ -0,0 +1,191 @@
+@charset "UTF-8";
+/* RESET */
+*{
+margin: 0;
+padding: 0;
+list-style: none;
+text-decoration: none;
+border: none;
+outline: none;
+}
+
+/* Suaviza scroll anclas */
+html {
+ scroll-behavior: smooth;
+ }
+/* Propiedades body */
+body {
+ background-image: url(../imagenes/fondo_plano.jpg); background-repeat: no-repeat;
+ background-size: cover;
+ font-family: Arial;
+}
+/* Propiedades header principal */
+#cabecera_principal {
+ display:flex;
+ justify-content:space-between;
+ align-items:end;
+ position:sticky;
+ top:0px;
+ background-color:white;
+ box-shadow: 0px 4px 5px #000;
+}
+
+/* Imagen logo */
+#img_logo {
+ width:100px;
+ margin-left:10px;
+}
+
+/* Barra de navegación */
+nav {
+}
+
+/* Contenedor botones menú */
+#menu {
+ padding-left:1em;
+}
+
+.lista_menu{
+ float:left;
+ list-style-type:none;
+}
+
+/* Lista botones menú */
+.boton_menu {
+ color:#1a89dc;
+ font-size:30px;
+ margin-right:10px;
+}
+
+/* Corrección posición anclas */
+#arriba,#servicios,#productos,#contacto {
+ padding-top: 120px;
+ margin-top: -120px;
+}
+
+/* Barra separación menú */
+#barra_menu {
+ width: 100%;
+ height: 2px;
+ background-color: #1a89dc;
+ margin-left: 0px;
+ box-shadow: 0px 4px 5px #000;
+}
+
+/* Padding general */
+h2,h3,p {
+
+ padding:1em;
+}
+
+h2 {
+ color:#1a89dc;
+}
+
+/* Barra separación secciones */
+
+.secciones {
+ width: 30%;
+ height: 2px;
+ background-color: #1a89dc;
+ margin:1em auto;
+}
+
+/* Tabla con flex */
+
+.tablaflex {
+ display:flex;
+ flex-wrap:wrap;
+ justify-content:space-around;
+ max-width:1000px;
+ margin:auto;
+ margin-top:2em;
+}
+
+.tarjeta {
+ width:300px;
+ margin-bottom:1em;
+}
+
+.tarjeta img {
+ width:100%;
+}
+
+.texto_tabla {
+ text-align:center;
+ font-weight:bold;
+ color:#1a89dc;
+ display:block;
+}
+
+#tablaflex2 {
+ max-width:1280px;
+}
+
+
+/* Lista cualidades */
+ul#lista_cualidades li {
+ list-style-type:none;
+}
+
+/* Lista especialidades */
+ul#lista_especialidades {
+ width:270px;
+ margin:auto;
+}
+
+#lista_especialidades li {
+ list-style-type:circle;
+}
+
+.info {
+ font-weight:bold;
+ color:#1a89dc;
+ margin-right: 10px;
+}
+
+iframe {
+ width:100%;
+ height:400px;
+ border:2px solid #1a89dc;
+ box-sizing:border-box;
+}
+
+#subircaja {
+ position:fixed;
+ right:10px;
+ bottom:10px;
+}
+
+#subirimg{
+ width:60px;
+}
+
+
+/*Smartphone */
+
+@media (max-width: 650px) {
+.lista_menu{
+ clear: left;
+ list-style-type:none;
+}
+.boton_menu {
+ font-size:1.2em;
+}
+
+#arriba,#servicios,#productos,#contacto {
+ padding-top: 120px;
+ margin-top: -120px;
+}
+
+h2 {
+ font-size:1.2em;
+}
+
+.info {
+ display:block;
+}
+.datos {
+ font-size:0.8em;
+}
+}
\ No newline at end of file
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/aislantes.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/aislantes.jpg
new file mode 100644
index 0000000..eabba06
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/aislantes.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/bloques_apartamentos.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/bloques_apartamentos.jpg
new file mode 100644
index 0000000..4172d29
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/bloques_apartamentos.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/carpinteria.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/carpinteria.jpg
new file mode 100644
index 0000000..237b008
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/carpinteria.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/casa.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/casa.jpg
new file mode 100644
index 0000000..95a9904
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/casa.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/casa1.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/casa1.jpg
new file mode 100644
index 0000000..724e1e7
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/casa1.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/ceramica.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/ceramica.jpg
new file mode 100644
index 0000000..b16f3a0
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/ceramica.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/contacto.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/contacto.jpg
new file mode 100644
index 0000000..8cb7aca
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/contacto.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fondo_plano.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fondo_plano.jpg
new file mode 100644
index 0000000..47cebd3
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fondo_plano.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fontaneria.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fontaneria.jpg
new file mode 100644
index 0000000..51afe60
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fontaneria.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fundicion.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fundicion.jpg
new file mode 100644
index 0000000..b3f36e9
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/fundicion.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/icono_subir.png b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/icono_subir.png
new file mode 100644
index 0000000..9b3e80d
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/icono_subir.png differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/instalaciones_deportivas.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/instalaciones_deportivas.jpg
new file mode 100644
index 0000000..9bccf96
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/instalaciones_deportivas.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/jardineria.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/jardineria.jpg
new file mode 100644
index 0000000..1a5bc65
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/jardineria.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/logo.png b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/logo.png
new file mode 100644
index 0000000..de950ad
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/logo.png differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/mantenimiento.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/mantenimiento.jpg
new file mode 100644
index 0000000..c2df11d
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/mantenimiento.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/naves_industriales.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/naves_industriales.jpg
new file mode 100644
index 0000000..c5ffa57
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/naves_industriales.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/piscinas.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/piscinas.jpg
new file mode 100644
index 0000000..ed13cc4
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/piscinas.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/servicios.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/servicios.jpg
new file mode 100644
index 0000000..ec4d382
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/servicios.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/terrazos.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/terrazos.jpg
new file mode 100644
index 0000000..0009152
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/terrazos.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/vidrio.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/vidrio.jpg
new file mode 100644
index 0000000..a7f1ee8
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/vidrio.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/imagenes/viviendas_unifamiliares.jpg b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/viviendas_unifamiliares.jpg
new file mode 100644
index 0000000..b02a0de
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Corregida/imagenes/viviendas_unifamiliares.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso/Corregida/index.html b/Practicas/Practicas HTML/Repaso/Corregida/index.html
new file mode 100644
index 0000000..380a56f
--- /dev/null
+++ b/Practicas/Practicas HTML/Repaso/Corregida/index.html
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+
+ Presentación
+ Le damos la bienvenida a NOMBRE EMPRESA S.L., todo un referente entre las empresas constructoras en Lugo. Nos caracterizamos por el buen trato, la profesionalidad, la buena ejecución de los trabajos realizados y la excelente atención que ofrecemos a nuestros clientes, interesados en realizar cualquier tipo de construcción de viviendas o naves.
+ No dude en contactar con nosotros.
+
+ Qué hacemos
+ Nuestra empresa constructora busca que los clientes queden satisfechos con los proyectos que llevamos adelante en todo lo relacionado con el sector de la construcción en general. Además, contamos con la mejor maquinaria para excavación y transporte y con personal altamente cualificado que garantiza un trabajo bien hecho. Infórmese acerca de nuestros servicios de construcción, demolición y excavación.
+ Le esperamos.
+
+ Nuestras Cualidades
+
+
+ Hemos completado con éxito todos nuestros proyectos en Lugo. Nuestra profesionalidad y dedicación garantizan proyectos estudiados y viables para asegurar una experiencia sin estrés a nuestros clientes.
+
+
+ En NombreEmpresa nos comprometemos a ofrecer un enfoque innovador para cada proyecto de construcción, proporcionando a nuestros clientes una gama completa de servicios durante todas las etapas, desde el diseño hasta la gestión completa del proyecto.
+
+
+
+
+
+
+
+ Nuestros Servicios
+ Nombre_empresa te acompaña desde el primer momento en que quieres materializar ese sueño de vivienda, edificio, nave industrial, local comercial o cualquier otro proyecto de construcción o rehabilitación.
+
+
+
+
+
Piscinas
+
+
+
Apartamentos
+
+
+
Instalaciones deportivas
+
+
+
Mantenimiento
+
+
+
Naves industriales
+
+
+
Viviendas unifamiliares
+
+
+
+ Nuestra Experiencia
+ Son más de 30 años ofreciendo calidad y eficiencia en el sector de la edificación, consolidando múltiples proyectos de vivienda en toda la zona urbana de Lugo ciudad.
+
+ Nos enfocamos en materializar lo de aquellos que nos confían donde quieren vivir, aquellos que desean construir sus edificios residenciales, comerciales o industriales, acompañando a nuestros clientes en todos los pasos que hay que dar.
+
+ Para ello, estamos entre las mejores empresas constructoras de Lugo que ha implantado un modelo de gestión proactivo que le permite adaptarse y focalizar sobre tus necesidades y especializado en los ámbitos de la edificación industrial, residencial y dotacional.
+
+ Asumimos cada proyecto de construcción como si fuese el único, garantizando su óptima ejecución y logrando así la plena satisfacción de quienes confían en una de las mejores constructoras en Lugo y empresas de reformas de Lugo.
+
+
+
+
+
+ Nuestros productos
+ Dentro de nuestra trayectoria hemos participado en la construcción de escuelas, hospitales, plazas comerciales, parques, naves industriales; somos especialistas en losas de entrepiso, instalaciones eléctricas e hidráulicas, cimentaciones para equipo especial, etc.
+ Contamos con varias plantas de asfaltos, algunas móviles, lo cual puede mejorar en mucho los costos por acarreo; producimos todo tipo de asfaltos, sello premezclado, microcarpetas, carpetas modificadas con polímero, nos adecuamos a las necesidades de cada cliente ya que ofrecemos venta a granel o bien el servicio completo con tendido y compactado.
+
+
+
+ Nuestras especialidades
+
+
+ - Diseños arquitectónicos.
+ - Diseños estructurales.
+ - Diseños hidráulicos.
+ - Diseños sanitarios.
+ - Diseños eléctricos.
+ - Construcción de vivienda nueva.
+ - Reforzamiento de estructuras.
+ - Instalaciones hidrosanitarias.
+ - Carpintería de madera y metálica.
+ - Remodelaciones.
+ - Elaboración de presupuestos.
+ - Diseño de jardines y paisajismo.
+
+
+
+
+
+
+
Vidrio
+
+
+
Carpintería
+
+
+
Cerámica
+
+
+
Fontanería
+
+
+
Aislantes
+
+
+
Fundición
+
+
+
Jardineria
+
+
+
Terrazos
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+
+
+
diff --git a/Practicas/Practicas HTML/Repaso/Practica Constructora_04.zip b/Practicas/Practicas HTML/Repaso/Practica Constructora_04.zip
new file mode 100644
index 0000000..6117268
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso/Practica Constructora_04.zip differ
diff --git a/Practicas/Practicas HTML/Repaso/css/style.css b/Practicas/Practicas HTML/Repaso/css/style.css
index eebe697..9901998 100644
--- a/Practicas/Practicas HTML/Repaso/css/style.css
+++ b/Practicas/Practicas HTML/Repaso/css/style.css
@@ -8,9 +8,11 @@
outline: none;
}
+/*Para dar efecto al scroll*/
html{
scroll-behavior: smooth;
}
+/***************************/
body {
background-image: url("../imagenes/fondo_plano.jpg");
@@ -23,10 +25,11 @@ body {
position: sticky;
top: 0;
background-color: white;
- padding:1em;
+ padding: 0.5em;
display: flex;
align-items: end;
justify-content: space-between;
+ box-shadow: 0px 4px 5px 0px;
}
#cabecera img {
@@ -34,27 +37,20 @@ body {
height: 60px;
}
-/* nav {
- position: sticky;
- top: 0;
- width: 100%;
- background-color: white;
-} */
-
-nav hr {
- box-shadow: 0px 4px 5px 0px;
-}
-
main {
padding: 1em;
}
+/* Para que el nav no oculte los elementos donde esta el ancla */
+/* en versiones modernas mejor utilizar scroll-margin-top: 80px; */
#servicios,
#productos,
#contacto {
- padding-top: 100px;
- margin-top: -20px;
+ /* padding-top: 100px;
+ margin-top: -20px; */
+ scroll-margin-top: 60px;
}
+/*******************************************/
.menu {
padding-left: 1em;
@@ -86,21 +82,44 @@ h2 {
color: #1a89dc;
}
-table {
+
+
+/* Bloque definicion de las clases de tabla flex */
+.table_flex{
width: 80%;
+ max-width: 1024px;
margin: auto;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
}
-table tr td img {
- width: 100%;
- max-width: 300px;
+.table_flex_item, .table_flex_item_b{
+ flex-direction: column;
+ margin-bottom: 1em;
}
-
-table tr td {
+.table_flex_item p {
+ padding: 0;
+ text-align: center;
color: #1a89dc;
font-weight: bold;
- text-align: center;
}
+.table_flex_item img {
+ max-width: 300px;
+ justify-content: center;
+}
+.table_flex_item_b img {
+ max-width: 230px;
+ justify-content: center;
+}
+.table_flex_item_b p {
+ padding: 0;
+ text-align: center;
+ color: #1a89dc;
+ font-weight: bold;
+}
+/*****************************************/
+
dl {
font-weight: bold;
@@ -133,6 +152,8 @@ iframe {
box-sizing: border-box;
}
+
+/* Definiciones para el boton de subir pagina*/
#subircaja {
position: fixed;
right: 10px;
@@ -142,6 +163,7 @@ iframe {
width: 64px;
height: 64px;
}
+/*********************************************/
.lista_menu {
/* display: inline; */
@@ -152,6 +174,7 @@ iframe {
float: left;
}
+/*Media Querys para aplicar a dispositivos moviles*/
@media (max-width: 550px) {
.lista_menu li {
list-style-type: square;
@@ -164,8 +187,7 @@ iframe {
#servicios,
#productos,
#contacto {
- padding-top: 120px;
- margin-top: -60px;
+ scroll-margin-top: 80px;
}
.contacto_info{
diff --git a/Practicas/Practicas HTML/Repaso/index OnePage.html b/Practicas/Practicas HTML/Repaso/index OnePage.html
index e3d8f5a..8056019 100644
--- a/Practicas/Practicas HTML/Repaso/index OnePage.html
+++ b/Practicas/Practicas HTML/Repaso/index OnePage.html
@@ -20,7 +20,7 @@
Nombre_empresa te acompaña desde el primer momento en que quieres materializar ese
sueño de vivienda, edificio,
nave industrial, local comercial o cualquier otro proyecto de construcción o rehabilitación.
-