undefined-academy · dytalfredo · Apr 13, 2023 · Apr 13, 2023 · Apr 14, 2023 · Apr 16, 2023
diff --git a/student-blogs/Alfredo-Mendoza-6854/.gitignore b/student-blogs/Alfredo-Mendoza-6854/.gitignore
@@ -0,0 +1 @@
+.vite
diff --git a/student-blogs/Alfredo-Mendoza-6854/backgroundheader.jpg b/student-blogs/Alfredo-Mendoza-6854/backgroundheader.jpg
diff --git a/student-blogs/Alfredo-Mendoza-6854/imagen-feature.jpg b/student-blogs/Alfredo-Mendoza-6854/imagen-feature.jpg
diff --git a/student-blogs/Alfredo-Mendoza-6854/index.html b/student-blogs/Alfredo-Mendoza-6854/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./style.css">
+</head>
+
+<body>
+    <div class="container-grid">
+        <div class="header-background">
+            <h1 class="come">My blog</h1>
+            <h3 class="index-titulo">Alfredo Mendoza</h3>
+        </div>
+        <nav class="bar-menu">
+            <ul class="contenedor-menu-flex">
+                <li class="element-menu">Home</li>
+                <li class="element-menu">Blog</li>
+                <li class="element-menu">Contact</li>
+                <li class="element-menu">Projects</li>
+            </ul>
+        </nav>
+
+        <div class="article-feature-flex"><img src="./imagen-feature.jpg" alt="" class="feature-imagen-blog">
+            <h2 class="feature-text">Verdadero Articulo Principal</h2>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum laborum autem praesentium cumque quo
+                molestiae, commodi reprehenderit perspiciatis, tempora animi aut fugiat veniam quis, necessitatibus
+                doloremque qui corrupti eligendi dolorum.</p>
+        </div>
+        <div class="articles-flex"><img src="./vrinthelife.jpg" alt="" class="feature-imagen-blog">
+            <h2 class="feature-text">Articulo </h2>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum laborum autem praesentium cumque quo
+                molestiae, commodi reprehenderit perspiciatis, tempora animi aut fugiat veniam quis, necessitatibus
+                doloremque qui corrupti eligendi dolorum.</p>
+        </div>
+        <div class="articles-flex"><img src="./vrinthelife.jpg" alt="" class="feature-imagen-blog">
+            <h2 class="feature-text">Articulo </h2>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum laborum autem praesentium cumque quo
+                molestiae, commodi reprehenderit perspiciatis, tempora animi aut fugiat veniam quis, necessitatibus
+                doloremque qui corrupti eligendi dolorum.</p>
+        </div>
+        <div class="articles-flex"><img src="./vrinthelife.jpg" alt="" class="feature-imagen-blog">
+            <h2 class="feature-text">Articulo Principal</h2>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum laborum autem praesentium cumque quo
+                molestiae, commodi reprehenderit perspiciatis, tempora animi aut fugiat veniam quis, necessitatibus
+                doloremque qui corrupti eligendi dolorum.</p>
+        </div>
+        <div class="articles-flex"><img src="./vrinthelife.jpg" alt="" class="feature-imagen-blog">
+            <h2 class="feature-text">Articulo Principal</h2>
+            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum laborum autem praesentium cumque quo
+                molestiae, commodi reprehenderit perspiciatis, tempora animi aut fugiat veniam quis, necessitatibus
+                doloremque qui corrupti eligendi dolorum.</p><img src="" alt="" class="feature-imagen-blog">
+
+        </div>
+
+
+        <footer class="footer-flex"><p>Todos los derechos reservados</p><div class="archivero"><h3>Cabinet Code</h3><img src="" alt=""></div></footer>
+
+
+
+
+    </div>
+</body>
+
+</html>
diff --git a/student-blogs/Alfredo-Mendoza-6854/style.css b/student-blogs/Alfredo-Mendoza-6854/style.css
@@ -0,0 +1,125 @@
+/* normalice body */
+body,
+html {
+  box-sizing: border-box;
+}
+
+* {
+  box-sizing: inherit;
+}
+
+
+body {
+    background-color: snow;
+    font-family: Arial, Helvetica, sans-serif;
+    color: #333;
+    margin: 0 auto;
+
+
+}
+
+.container-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: auto auto auto auto auto auto;
+    align-items: start;
+    column-gap: 10px;
+
+}
+
+img {
+    width: 100%;
+}
+
+.header-background {
+    background: url(./backgroundheader.jpg);
+    background-repeat: no-repeat;
+    background-size: cover;
+   min-height: 500px;
+
+    grid-column-start: 1;
+    grid-column-end: -1;
+    text-align: center;
+    grid-row-start: 1;
+    grid-row-end: 2;
+    border-bottom: 8px ridge #ffbe33;
+
+    color: rgb(251, 253, 226);
+
+}
+
+.element-menu:hover{
+    color:#ffbe33 ;
+}
+.come{
+    margin-top: 15rem;
+
+}
+
+.bar-menu{
+    grid-column-start: 1;
+    grid-column-end: -1;
+    text-align: center;
+    grid-row-start: 2;
+    grid-row-end: 3;
+    background-color:#442aa3;
+    margin-bottom: 2rem;
+}
+
+
+ .contenedor-menu-flex{
+    list-style: none;
+
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    color: #e5c8f5;
+    font-weight: 800;
+    padding: 5px;
+ }
+
+ .article-feature-flex{
+    display: flex;
+    color: rgb(29, 55, 77);
+  flex-direction: column;
+  border: 1px solid #442aa3;
+  border-radius: 5px;
+  padding: 10px;
+    grid-column-start: 1;
+    grid-column-end: 3;
+    text-align: left;
+    grid-row-start: 3;
+    grid-row-end: 4;
+    min-height: 100%;
+    margin: 15px 30px;
+
+ }
+
+ .articles-flex{
+    display: flex;
+    color: rgb(29, 55, 77);
+  flex-direction: column;
+
+  border: 1px solid #442aa3;
+  border-radius: 5px;
+  padding: 10px;
+  min-height: cal(100%-15px);
+  margin: 15px 10px;
+
+ }
+
+
+
+ .footer-flex{
+    background-color: rgb(202, 55, 74);
+    color: rgb(230, 248, 207);
+    grid-column-start: 1;
+    grid-column-end: -1;
+    grid-row-start: 6;
+    grid-row-end: 7;
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center
+    ;
+    margin-top: 10px;
+ }
diff --git a/student-blogs/Alfredo-Mendoza-6854/vrinthelife.jpg b/student-blogs/Alfredo-Mendoza-6854/vrinthelife.jpg
diff --git a/student-cvs/Alfredo-Mendoza-6854/Assets/dibujo.svg b/student-cvs/Alfredo-Mendoza-6854/Assets/dibujo.svg
diff --git a/student-cvs/Alfredo-Mendoza-6854/Assets/dibujo2.svg b/student-cvs/Alfredo-Mendoza-6854/Assets/dibujo2.svg
diff --git a/student-cvs/Alfredo-Mendoza-6854/Assets/dibujo3.svg b/student-cvs/Alfredo-Mendoza-6854/Assets/dibujo3.svg
diff --git a/student-cvs/Alfredo-Mendoza-6854/Assets/fondoguitarrista.png b/student-cvs/Alfredo-Mendoza-6854/Assets/fondoguitarrista.png
diff --git a/student-cvs/Alfredo-Mendoza-6854/Assets/fondopaginaBWHOJAARRUGADA.jpg b/student-cvs/Alfredo-Mendoza-6854/Assets/fondopaginaBWHOJAARRUGADA.jpg
diff --git a/student-cvs/Alfredo-Mendoza-6854/Assets/header.jpg b/student-cvs/Alfredo-Mendoza-6854/Assets/header.jpg
diff --git a/student-cvs/Alfredo-Mendoza-6854/Assets/header2.jpg b/student-cvs/Alfredo-Mendoza-6854/Assets/header2.jpg