reinicio

.gitignore

@@ -0,0 +1 @@
+.vscode/*

css/galeria.css

@@ -0,0 +1,86 @@
+:root {
+    /*colores*/
+    --color_principal: #00448c;
+    --color_secundario: #c0d1e3;
+    /*
+    var(--color_principal)
+    var(--color_secundario)
+    class="color-principal"
+    class="color-secundario"
+    */
+}
+
+body {
+    padding: 0 20px;
+}
+
+main {
+    max-width: 1440px;
+    margin: auto;
+}
+
+h1,
+h2,
+h3,
+h4 {
+    text-align: center;
+}
+
+a {
+    text-decoration: none;
+    color: black;
+}
+
+img {
+    /*max-width: 100%;*/
+}
+
+
+.espacio {
+    height: 20px;
+}
+
+.navbar-nav li {
+    margin: auto;
+}
+
+.navbar-nav {
+    width: 100%;
+}
+
+.navbar-collapse li {
+    padding: 5px 0;
+}
+
+.menu2 {
+    color: black;
+    background-color: rgba(255, 255, 255, 1);
+}
+
+.imagen {
+    margin: 10px;
+    padding: 0;
+}
+.eslogan{
+    font-family: 'Zeyada', cursive;
+}
+
+@media (min-width: 576px) {
+    .navbar-collapse {
+        display: grid !important;
+    }
+
+    .navbar-collapse li {
+        padding: 0;
+    }
+
+}
+
+/* Medium devices (tablets, 768px and up)*/
+@media (min-width: 768px) {}
+
+/* Large devices (desktops, 992px and up)*/
+@media (min-width: 992px) {}
+
+/* Extra large devices (large desktops, 1200px and up)*/
+@media (min-width: 1200px) {}

css/style.css

@@ -0,0 +1,113 @@
+:root {
+    /*colores*/
+    --color_principal: #00448c;
+    --color_secundario: #c0d1e3;
+    /*
+    var(--color_principal)
+    var(--color_secundario)
+    class="color-principal"
+    class="color-secundario"
+    */
+}
+
+body {
+    padding: 0 20px;
+}
+
+main {
+    max-width: 1440px;
+    margin: auto;
+}
+h1,h2,h3,h4{
+    text-align: center;
+}
+
+a {
+    text-decoration: none;
+    color: black;
+}
+
+img {
+}
+
+.menu {
+    background-color: rgba(255, 255, 255, 1);
+}
+
+.espacio {
+    height: 20px;
+}
+
+.cambiarColor {
+    color: black;
+}
+
+
+.navbar-nav li {
+    margin: auto;
+}
+
+.navbar-nav {
+    width: 100%;
+}
+
+.navbar-collapse li {
+    padding: 5px 0;
+}
+
+img {
+    max-width: 100%;
+    max-height: 100%;
+}
+.inp_contacto{
+    margin: 3px 0;
+}
+
+.Copyright {}
+
+.zoom_img{
+    transition: transform .2s;
+}
+
+.zoom_img:hover {
+    transform: scale(1.3);
+}
+.menu2{
+    color: black;
+    background-color: rgba(255, 255, 255, 1);
+}
+
+@media (min-width: 576px) {
+    .navbar-collapse {
+        display: grid !important;
+    }
+
+
+    .navbar-collapse li {
+        padding: 0;
+    }
+
+    .menu {
+        background-color: rgba(255, 255, 255, 0);
+    }
+
+    .cambiarColor {
+        color: white;
+    }
+
+    .principal {
+        margin-top: -116px;
+    }
+    .nosotros{
+        padding: 30px;
+    }
+}
+
+/* Medium devices (tablets, 768px and up)*/
+@media (min-width: 768px) {}
+
+/* Large devices (desktops, 992px and up)*/
+@media (min-width: 992px) {}
+
+/* Extra large devices (large desktops, 1200px and up)*/
+@media (min-width: 1200px) {}

enviar.php

@@ -0,0 +1,13 @@
+<?php 
+	$nombre = $_POST['nombre'];
+	$email = $_POST['correo'];
+    $telefono=$_POST['telefono'];
+    $mensaje=$_POST['mensaje'];
+	$asunto = 'Formulario pagina';
+	$correo = "Nombre: $nombre <br> Email: $email<br> telefono: $telefono <br><br> Mensaje: $mensaje"
+
+
+	if(mail('tuEmail', $asunto, $mensaje)){
+		echo "<script> alert('Correo enviado'); </script>";
+	}
+ ?>