Iniciacion del proyecto

2020-01-29 11:51:27 -06:00
commit 2690503074
31 changed files with 11929 additions and 0 deletions
@@ -0,0 +1,72 @@
+<template>
+
+    <div>
+        <app-menu ></app-menu>
+        <main class="centrar">
+            <div class="titulo">
+                <h1>Coloquio Internacional de Educacion 2020</h1>
+            </div>
+            <img src="../assets/ejemplo.jpeg" alt="imagen_jornada_laboral">       
+        </main>
+    </div>
+    
+     
+
+</template>
+
+
+<script>
+
+import webMenu from '../estetica/menu.vue';
+
+
+export default {
+ 
+    
+    components: {
+        
+        appMenu: webMenu,
+          }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+.titulo{
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+}
+h1 {
+   padding-left: 2rem;
+    padding-right: 2rem;
+    font-weight: bold;
+    font-size: 1.6rem;
+    text-align: center;
+    
+}
+main img {
+    width: 20rem;
+    margin-bottom: 6rem;
+}
+
+@media screen and (min-width: 768px) {
+    main img {
+        width: 40rem;
+    }
+    h1{
+         display: inline; 
+       border-bottom: solid .1rem black;
+    
+        font-size: 2rem;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    main img {
+        width: 60rem;
+    }
+    h1{
+        font-size: 2.5rem;
+    }
+}
+</style>