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