Dia 17

2023-12-15 13:30:28 +01:00
parent 68c3d8ebdb
commit f30099e963
23 changed files with 732 additions and 0 deletions
--- a/HTML/examen/css/estilo.css
+++ b/HTML/examen/css/estilo.css
@@ -0,0 +1,177 @@
+@charset "UTF-8";
+* {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  text-decoration: none;
+  border: none;
+  outline: none;
+}
+
+body {
+  background-image: url("../imagenes/fondo_logo.jpg");
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  font-family: Arial;
+}
+
+#cabecera {
+  position: sticky;
+  top: 0;
+  background-color: white;
+  padding: 0.5em;
+  align-items: end;
+  justify-content: space-between;
+}
+
+nav {
+  display: flex;
+  flex-direction: column;
+}
+
+nav hr {
+  border: 2px solid #b91169;
+  height: 4px;
+  box-shadow: 0px 4px 5px 0px;
+}
+
+.menu {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.menu li {
+  float: left;
+  margin: 0 5px;
+}
+
+main {
+  padding: 0.5em;
+}
+
+footer {
+  background-color: rgb(200, 200, 200);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 1em;
+  gap: 1em;
+}
+.footer_text {
+  color: #b91169;
+  font-style: italic;
+  font-size: smaller;
+  text-align: center;
+}
+footer .table_flex img {
+  width: 40px;
+}
+
+.table_flex {
+  width: 80%;
+  max-width: 1024px;
+  margin: auto;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+}
+
+.table_flex_item {
+  flex-direction: column;
+  margin-bottom: 1em;
+}
+
+.table_img_cualidades {
+  max-width: 100px;
+}
+
+.table_img_servicios {
+  max-width: 250px;
+}
+
+.table_flex_item p {
+  padding: 0;
+  text-align: center;
+  color: #b91169;
+  font-weight: bold;
+  font-size: small;
+}
+
+.resalta {
+  font-weight: bold;
+  color: #b91169;
+}
+
+p {
+  font-family: Helvetica;
+}
+
+h2 {
+  color: #b91169;
+}
+
+h2 {
+  padding: 1em 0 1em 0;
+}
+
+.logo {
+  height: 80px;
+}
+
+.img_logos_servicios {
+  max-width: 600px;
+  width: 100%;
+}
+
+iframe {
+  height: 450px;
+  width: 100%;
+  max-width: 600px;
+  border: 2px solid #b91169;
+  box-sizing: border-box;
+}
+
+#home,
+#servicios,
+#contactos {
+  scroll-margin-top: 120px;
+}
+#subircaja {
+  position: fixed;
+  right: 10px;
+  bottom: 10px;
+}
+#subirimg {
+  width: 32px;
+  height: 32px;
+}
+
+@media (max-width: 550px) {
+  body{
+    background-size:350px;
+    background-repeat: repeat-y;
+  }
+  h2 {
+    font-size: 1.2em;
+  }
+
+  .table_flex {
+    justify-content: space-between;
+  }
+
+  .table_img_cualidades {
+    max-width: 80px;
+  }
+
+  .table_img_servicios {
+    max-width: 250px;
+  }
+
+  .contacto_info{
+    display: flex;
+    flex-direction: column;
+  }
+}