diff --git a/student-cvs/monh-6851/formulario_contacto.css b/student-cvs/monh-6851/formulario_contacto.css new file mode 100644 index 00000000..8e5175aa --- /dev/null +++ b/student-cvs/monh-6851/formulario_contacto.css @@ -0,0 +1,100 @@ +/* */ + +/* apply a natural box layout model to all elements, but allowing components to change */ +html { + box-sizing: border-box; + } + *, *:before, *:after { + box-sizing: inherit; + } + + body { + color: #333; + background-color: #fafafa; +} + +.page{ + margin: 0 auto; + max-width: 50em; + font-family: Arial, Helvetica, sans-serif; + /* background-color: tomato; */ +} + +.form-group{ + /* border: 1px solid tomato; */ /* para Debugear */ + margin: 20px 0; + /* margin: 1em; */ +} + +label, input { + vertical-align: middle; /* solo funciona para los elementos inline que estén ordenados vertical/ */ +} + + +/* label, input[type="text"], input[type=email]{ + width: 100%; +} */ +label, input:not[type="radio"], input[type=checbox]{ + width: 100%; + /* display: block; */ +} + +label, input { + vertical-align: middle; /* solo funciona para los elementos inline que estén ordenados vertical/ */ +} + +textarea{ + display: block; + width: 100%; + resize: vertical; +} + +label, legend { + font-weight: bold; + text-transform: uppercase; + font-size: 14px; + color: #444; +} + +input[type="text"], input[type="email"], textarea { + background: white; + border: 1px solid lightgray; + border-radius: 4px; + padding: 8px 10px; + color: #333; +} + +.help { + font-size: 12px; + margin-top: 10px; + color: gray; +} + +button { + padding: 16px 60px; + text-transform: uppercase; + font-weight: bold; + border: 1px solid #713f12; + background: #eab308; + color: #333; + text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.5); + border-radius: 8px; + box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); + cursor: pointer; /* transforma el ratón (affordance) */ +} + +button:hover { + background: #facc15; +} +button:active { + background: #ca8a04; + box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); +} +/* nuevas propiedades css */ +form { + accent-color: #eab308; +} +input:focus-visible, textarea:focus-visible { + border: 1px solid #eab308; + outline: 3px solid #facc15; +} \ No newline at end of file diff --git a/student-cvs/monh-6851/formulario_contacto.html b/student-cvs/monh-6851/formulario_contacto.html new file mode 100644 index 00000000..176ec59e --- /dev/null +++ b/student-cvs/monh-6851/formulario_contacto.html @@ -0,0 +1,62 @@ + + + + + + Formularios html + + + +
+

Contacto

+
+
+ + +
+
+ + +
+
+
+ Presupuesto + + + + + + + + +
+
Este presupuesto es la base no el total.
+
+
+ + +
+
+ + +
+ Escribe una descripción del proyecto +
+
+
+ +
+ +
+
+ + \ No newline at end of file diff --git a/student-cvs/monh-6851/index.html b/student-cvs/monh-6851/index.html new file mode 100644 index 00000000..605f1a33 --- /dev/null +++ b/student-cvs/monh-6851/index.html @@ -0,0 +1,37 @@ + + + + + + Semana 2, Clase 3: HTML semántico + + + +
+ +
+
+

Hello I'm Mon Hh✨

+

living in the Atlantic Ocean of Northwest Spain

+
+ +
+

I work as:

+
    +
  • Full Stack Javascript Developer
    • +
  • Electronic Developer
    • +
+

I'm also a Sound Engineer and Video Editor

+

I make Generative Audio and Video

+

Design digital instruments with these tools:

+
    +
  • max/msp
    • +
  • puredata
    • +
  • processing
    • +
  • others ....
    • +
+
+
+
+ + \ No newline at end of file diff --git a/student-cvs/monh-6851/main.css b/student-cvs/monh-6851/main.css new file mode 100644 index 00000000..902b4c00 --- /dev/null +++ b/student-cvs/monh-6851/main.css @@ -0,0 +1,93 @@ +/* first rule --- +Centering */ + +/* 01 Centering */ +header, +main { + margin: 0 auto; + max-width: 50em; +} + +/* 02 Font family */ +body { + font-family: "Helvetica", "Arial", sans-serif; +} + +/* 03 Spacing */ +body { + line-height: 1.5; + padding: 4em 1em; + } + /* h2 { + margin-top: 1em; + padding-top: 1em; + } */ + h1, h2 { + margin-bottom: 0em; + border-bottom: 0em; + padding-bottom: 0em; + } + h2 { + font-size: 1.17em; + } + + h3 { + /* margin-bottom: 0em; + border-bottom: 0em; + padding-bottom: 0em; */ + margin: 0.25em 0em; + font-size: 1.0em; + } + + +/* 04 Color and contrast */ +body { + color: #555; +} +h3 { + color: #333; +} +h3 { + color: #444; +} +strong { + color: #333; +} + + +/* 05 Balance */ +ul { + /* background: #eee; */ + /* padding: 1px 1px; */ + vertical-align: text-top; + margin-top: 0em; + padding-top: 0em; +} + +/* 06 Primary color */ +h1 { + color: #000000; +} +/* 07 Secondary colors */ +body { +background: white; +/* color: #566b78; */ +} + +/* Classes */ +/* .li_black{ + color:#1f1f1f +} */ + +.li_font_size{ + font-size: 0.9em; +} + +/* #id Selectors */ +#p_subtitle{ + /* vertical-align: text-top; */ + margin-top: 0em; + padding-top: 0em; + border-top: 0em; + /* color: red; */ +} \ No newline at end of file