diff --git a/student-cvs/criss-8824/img/bootstrap.svg b/student-cvs/criss-8824/img/bootstrap.svg new file mode 100644 index 00000000..ccfabc8c --- /dev/null +++ b/student-cvs/criss-8824/img/bootstrap.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/student-cvs/criss-8824/img/css.svg b/student-cvs/criss-8824/img/css.svg new file mode 100644 index 00000000..94c63100 --- /dev/null +++ b/student-cvs/criss-8824/img/css.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/student-cvs/criss-8824/img/git.svg b/student-cvs/criss-8824/img/git.svg new file mode 100644 index 00000000..4e5fe8ed --- /dev/null +++ b/student-cvs/criss-8824/img/git.svg @@ -0,0 +1,3 @@ + + + diff --git a/student-cvs/criss-8824/img/github.svg b/student-cvs/criss-8824/img/github.svg new file mode 100644 index 00000000..7d9e657d --- /dev/null +++ b/student-cvs/criss-8824/img/github.svg @@ -0,0 +1,11 @@ + + + diff --git a/student-cvs/criss-8824/img/html5.svg b/student-cvs/criss-8824/img/html5.svg new file mode 100644 index 00000000..b6cb7585 --- /dev/null +++ b/student-cvs/criss-8824/img/html5.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/student-cvs/criss-8824/img/javascript.svg b/student-cvs/criss-8824/img/javascript.svg new file mode 100644 index 00000000..1f203d35 --- /dev/null +++ b/student-cvs/criss-8824/img/javascript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/student-cvs/criss-8824/img/me.jpg b/student-cvs/criss-8824/img/me.jpg new file mode 100644 index 00000000..607af8e1 Binary files /dev/null and b/student-cvs/criss-8824/img/me.jpg differ diff --git a/student-cvs/criss-8824/img/tailwindcss.svg b/student-cvs/criss-8824/img/tailwindcss.svg new file mode 100644 index 00000000..b2bcee99 --- /dev/null +++ b/student-cvs/criss-8824/img/tailwindcss.svg @@ -0,0 +1,15 @@ + + + + + + diff --git a/student-cvs/criss-8824/img/vscode.svg b/student-cvs/criss-8824/img/vscode.svg new file mode 100644 index 00000000..bcf3f133 --- /dev/null +++ b/student-cvs/criss-8824/img/vscode.svg @@ -0,0 +1 @@ + diff --git a/student-cvs/criss-8824/index.html b/student-cvs/criss-8824/index.html new file mode 100644 index 00000000..c4d2ff90 --- /dev/null +++ b/student-cvs/criss-8824/index.html @@ -0,0 +1,205 @@ + + + + + Ejercicio semana-1 + + + + + + +
+

Cristopher Cuautzo

+

+ I'm recent graduate of the computer systems and software, and I'm currently studyig for become a frontend developer +

+
+
+

About me

+
+
+

+ I know aboute web development for more than 5 years, but I didn't use HTML, CSS and JavaScript, I used dreamweaver for build my own webs. I stopped building websites for 3 or 2 years approximate, but since 6 months I started to learn HTML, CSS and JavaScript +

+

+ Actually I like all the subjects about the frontend, specially CSS, beacause you can do things that are required JS before. +

+
+ Cristopher Cuautzo img +
+

Hobbies

+

+ Some of my hobbies are: +

+ +
+

Languages and Tools

+
+ HTML Logo +

HTML

+
+
+ CSS Logo +

CSS

+
+
+ JavaScript Logo +

JavaScript

+
+
+ TailwindCSS Logo +

TailwindCSS

+
+
+ Bootstrap Logo +

Bootstrap

+
+
+ Git Logo +

Git

+
+
+ GitHub Logo +

GitHub

+
+
+
+
+

Terminal commands

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ComandoDescripción del comando
+ + mv + + Mueve de ubación o cambia el nombre de un archivo o carpeta
+ + whatis + + Conoce para que sirve un determinado comando
+ + man + + Muestra información detalla de un comando
+ + touch + + Crea archivos
+ + pwd + + Muestra la ruta del directorio en el que nos encontremos
+

My aliases

+ + + + + + + + + + + + + + + + + + + + + + + + + +
AliasDescripción del alias
+ + upd='sudo apt update && sudo apt upgrade' + + Actualiza los paquetes de mi ditribución de linux
+ + config='vim ~/.zshrc' + + Abre el archivo de configuración de mis bash en vim
+ + g='git' + + Abreviatura del comando Git
+ + upd='nvm install -lts' + + Actualiza node a la versión mas estable
+
+ + + + + diff --git a/student-cvs/criss-8824/styles.css b/student-cvs/criss-8824/styles.css new file mode 100644 index 00000000..d9ef8ea7 --- /dev/null +++ b/student-cvs/criss-8824/styles.css @@ -0,0 +1,191 @@ +body { + margin: 0 auto; + width: 55%; + font-family: "Quicksand", sans-serif; + font-weight: 500; + line-height: 1.25rem; + padding-block: 3.5rem; +} + +em { + color: #223; +} + +h1, +h2, +h3 { + font-size: 2.4rem; + padding: 0.5rem 0; + margin: 1.75rem 0; + font-weight: 600; +} + +h2 { + font-size: 1.8rem; +} + +h3 { + font-size: 1.2rem; + margin-block: .9rem; +} + +.description { + font-size: 17px; + text-align: start; +} + +.name { + margin-block: 0 2rem; + font-size: 2.6rem; +} + +.subtitle { + margin-block: 2rem 0rem; +} + +.about-me_text { + display: flex; + justify-content: space-between; + align-items: center; +} + +.about-me_text > div{ + display: inline-block; + width: 730px; + margin-inline-end: 60px; + text-wrap: pretty; +} + +.me { + width: 170px; + height: auto; + aspect-ratio: 2536 / 2849; + border-radius: 45%; +} + + +h1, +h2, +th { + color: #35211c; +} + +table { + border-collapse: collapse; +} + +td, +th { + border: 2px solid #283618; + padding: 2px 16px; +} + +a { + color: rgb(190, 82, 36); + font-style: oblique; + text-decoration: none; +} + +code { + color: rgb(237, 88, 88); + font-style: italic; + letter-spacing: 0.5px; + font-size: 16px; +} + +.skills > h2 { + margin-block-end: 2rem; +} + +.skill { + width: 140px; + border: 2px solid #283618; + border-radius: 25px; + padding: 15px; + margin-block-end: 20px; + margin-inline-end: 20px; + display: inline-block; +} + +.skill > img { + width: 70px; + height: 70px; + display: block; + margin: auto; +} + +.skill-name { + font-weight: 600; + font-size: 18px; + text-align: center; + margin: 15px 0px 10px; +} + +form { + text-align: center; + margin-block-start: 50px; +} + +input, +textarea { + display: block; + margin: auto; + margin-block: 10px 5px; + padding: 6px; + font-size: 16px; + font-family: inherit; + font-weight: 400; +} + +fieldset { + padding-block: 20px; +} + +label { + display: block; + text-align: start; + font-weight: 600; + color: #35211c; +} + +legend { + padding-inline: 15px; + font-size: 24px; + font-weight: 700; + color: #283618; +} + +input, +label { + width: 100%; +} + +textarea + p { + text-align: start; + margin: 0; + font-size: 14px; + color: #223; + margin-block-end: 20px; +} + +.inputs { + width: 50%; + margin: auto; +} + +button { + width: 20%; + height: 40px; + background-color: #35211c; + color: white; + font-size: 16px; + font-family: inherit; + font-weight: 500; + border: none; + cursor: pointer; + transition: box-shadow 300ms ease-in; +} + +button:hover { + box-shadow: 0px 0px 10px 1px #223; +} \ No newline at end of file diff --git a/student-cvs/ivanpugliese-8873/index.html b/student-cvs/ivanpugliese-8873/index.html new file mode 100644 index 00000000..d9649e0f --- /dev/null +++ b/student-cvs/ivanpugliese-8873/index.html @@ -0,0 +1,77 @@ + + + + + + Porfolio de Ivan Pugliese + + + + + + +
+
+ +
+ +
+
+
+ Hola!👋 mi nombre es +

Ivan Pugliese 👨🏻‍💻

+

Estudiante Fullstack JavaScript

+

Apasionado por la programación y el diseño, siempre en constante aprendizaje.

+
+
+ Github + + Linkedin + Correo Electrónico +
+
+ +
+

Sobre mi 🙋‍♂️

+

Nací el 6 de Febrero de 1999 en Argentina. Apasionado por la tecnología desde muy joven y de la programación desde que me adentre en el mundo de forma autodidacta. Considero que la mejor herramienta es el conocimiento de uno mismo, mi mayor motivación es seguir aprendiendo, fortaleciendo mi desarrollo personal y profesional.

+
+ +
+

Contactame! 📩

+
+
+ Información personal + + +
+
+ Dejeme su mensaje! + +
+ + +
+
+
+ + +
+ + + + \ No newline at end of file diff --git a/student-cvs/ivanpugliese-8873/main.js b/student-cvs/ivanpugliese-8873/main.js new file mode 100644 index 00000000..6df0ed4c --- /dev/null +++ b/student-cvs/ivanpugliese-8873/main.js @@ -0,0 +1,5 @@ +const FORM = document.querySelector("#form"); + +FORM.addEventListener("submit", (event) => { + event.preventDefault(); +}) diff --git a/student-cvs/ivanpugliese-8873/styles.css b/student-cvs/ivanpugliese-8873/styles.css new file mode 100644 index 00000000..c5ae34da --- /dev/null +++ b/student-cvs/ivanpugliese-8873/styles.css @@ -0,0 +1,180 @@ +/* ---- Reset ----*/ + +html { + box-sizing: border-box; + font-family: "Onest", sans-serif; + background: radial-gradient(circle, rgba(2,0,31,1) 27%, rgba(0,0,0,0.9668242296918768) 92%); + scroll-behavior: smooth; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + + +body { + margin: 0; + padding: 0; + overflow-x: hidden; + color: #f1f1f1; +} + +img { + max-width: 100%; + height: auto; +} + +a { + text-decoration: none; + color: #f1f1f1; +} + +h1,h2,h3,p { + margin: 0; +} + +[id] { + scroll-margin-top: 9ex; +} + + +/* ---- Styles ----*/ + +.page { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +main { + max-width: 800px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 2rem; + padding: 1rem; +} + +.header { + margin: 2rem 0; +} + +.nav-ul { + display: flex; + justify-content: center; + align-items: center; + gap: 16px; + list-style-type: none; +} + +.home { + width: 100%; + display: flex; + flex-direction: column; + gap: 1rem; +} + +.presentation-text { + display: flex; + flex-direction: column; + gap: 5px; +} + +.presentation-text span, h2 { + font-weight: bold; + color: #38BDF8; +} + +.presentation-text h1 { + font-size: 2rem; +} + +.presentation-links { + display: flex; + flex-flow: row wrap; + gap: 10px; +} + +.presentation-links a { + display: flex; + align-items: center; + padding: 4px; + border: 1px solid gray; + border-radius: 0.5rem; + gap: 5px; +} + +.presentation-links a > svg { + width: 30px; + height: 30px; +} + +.about { + width: 100%; + display: flex; + flex-direction: column; + gap: 5px; +} + +.contact { + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + gap: 5px; +} + +.form { + display: flex; + flex-direction: column; + justify-content: center; + gap: 10px; +} + +fieldset { + display: flex; + flex-direction: column; + justify-content: center; + border-radius: 0.5rem; + gap: 5px; +} + +input { + padding: 3px 8px; + width: 100%; + border-radius: 0.5rem; +} + +input:focus-visible, +textarea:focus-visible { + outline: 2px solid #0370a1; + border: 1px solid #0370a1; +} + +textarea { + font-family: "Onest"; + padding: 12px; + resize: none; + border-radius: 0.5rem; +} + +button { + cursor: pointer; + padding: 5px; + margin: 0 auto; + width: 40%; + font-family: "Onest"; + color: #f1f1f1; + background-color: #0370a1; + border: none; + border-radius: 0.5rem; + transition: all 0.2s; +} + +button:hover { + transform: scale(1.1); +} \ No newline at end of file diff --git a/student-cvs/pioxscorpio94-0264/index.html b/student-cvs/pioxscorpio94-0264/index.html new file mode 100644 index 00000000..5bc8e8ea --- /dev/null +++ b/student-cvs/pioxscorpio94-0264/index.html @@ -0,0 +1,71 @@ + + + + + + + Pioxscorpio94 CV + + + + + +
+
+ +
+
+ Profile picture +
+
+

Hey there, I'm José Valerio

+

Fullstack Developer

+ + + + +
+
+ +
+
+

About Me

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Error cumque, veniam itaque magni totam recusandae? Ea eveniet fugiat qui quisquam explicabo, nesciunt aliquam, debitis minus, earum corporis quis vel assumenda!

+
+
+

Resume

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, nostrum perspiciatis at quo sequi expedita? Magni, placeat reprehenderit. Itaque dolores neque dolorum dolore error delectus molestiae officiis cumque, porro incidunt!

+
+
+

Porfolio

+

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid in illo esse, veritatis perspiciatis debitis atque minus, similique doloribus deserunt exercitationem sapiente quas sint? Alias, animi inventore. Nobis, molestiae facere!

+
+
+

Contact

+
+
+ + + + + +
+
+
+ + + + \ No newline at end of file diff --git a/student-cvs/pioxscorpio94-0264/profile.jpg b/student-cvs/pioxscorpio94-0264/profile.jpg new file mode 100644 index 00000000..58f110c0 Binary files /dev/null and b/student-cvs/pioxscorpio94-0264/profile.jpg differ diff --git a/student-cvs/pioxscorpio94-0264/styles.css b/student-cvs/pioxscorpio94-0264/styles.css new file mode 100644 index 00000000..cfbccd57 --- /dev/null +++ b/student-cvs/pioxscorpio94-0264/styles.css @@ -0,0 +1,110 @@ +body { + max-width: 600px; + margin: 0 auto; + font-family: Arial, Helvetica, sans-serif; + color: #333; +} + +a { + text-decoration: none; + color: #333; +} + +i { + font-size: 20pt; +} + +ul { + list-style-type: none; + padding: 0; + margin: 30px auto; +} + +li { + display: inline; + width: auto; +} + +li a { + padding: 10px; + border-top: 1px solid #333; + border-right: 2px solid #333; + border-bottom: 2px solid #333; + border-left: 1px solid #333; +} + +img { + display: block; + border-radius: 100%; + max-width: 250px; + margin: 0 auto; + margin-top: 50px; + border: 1px solid #333; + box-shadow: 2px 2px; +} + +section { + text-align: center; +} + +article { + background-color: #eee; + border-top: 1px solid #333; + border-right: 2px solid #333; + border-bottom: 2px solid #333; + border-left: 1px solid #333; + padding: 15px; + margin: 50px 0; +} + +article h3 { + margin: 0; +} + +footer { + text-align: center; +} + +h1 { + text-align: center; + font-size: 30pt; + margin: 0; + margin-top: 25px; +} + +h2 { + text-align: center; + margin: 15px 0; + color: #444; +} + +.primary { + color: crimson; +} + +input, +textarea, +button { + box-sizing: border-box; + margin: 15px 0; + display: block; + padding: 5px; + width: 100%; + border: 1px solid #333; +} + +textarea { + resize: vertical; +} + +button { + cursor: pointer; +} + +button:hover { + background-color: #ddd; +} + +button:active { + background-color: #aaa; +} \ No newline at end of file