diff --git a/vizmarvizcaino/index.html b/vizmarvizcaino/index.html new file mode 100644 index 0000000..776947b --- /dev/null +++ b/vizmarvizcaino/index.html @@ -0,0 +1,50 @@ + + + + + + + + Git + + + + +
+
+
+

Sign in

+
+
+

Stay update on your professional world!

+
+
+
+

Email or Phone

+
+
+

Password

+

show

+
+
+

Forgot password?

+
+
+

Sign in

+
+
+

---------------------- or -----------------------

+
+
+ +

Sign in with Google

+
+
+ +

Sign in with Apple

+
+
+ + + \ No newline at end of file diff --git a/vizmarvizcaino/styles.css b/vizmarvizcaino/styles.css new file mode 100644 index 0000000..4dd68a6 --- /dev/null +++ b/vizmarvizcaino/styles.css @@ -0,0 +1,138 @@ +* { + padding: 0px; + margin: 0px; + box-sizing: border-box; + /* outline: 1px solid limegreen !important; */ +} + +body { + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-family: helvetica, sans-serif; +} + +.contenedor { + width: 23vw; + height: 70vh; + gap: 20px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + box-shadow: 0px 1px 4px 5px rgba(0,0,0,0.19); +} + +.contenedor_titulo { + width: 20vw; + height: 9vh; +} + +.titulo-principal { + width: 100%; + height: 50%; +} + +.titulo-principal p { + font-weight: bold; + font-size: 25px; +} + +.descripcion { + width: 100%; + height: 50%; + display: flex; + align-items: center; +} + +.descripcion p { + font-size: 13px; +} + +.caja1 { + width: 19vw; + height: 6vh; + border: 2px solid #ccc; +} + +.caja1 p { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: left; + padding-left: 7px; + color: rgb(144, 128, 128); +} + + + +.caja2 { + width: 19vw; + height: 6vh; + border: 2px solid #ccc; + display: flex; + align-items: center; + justify-content: space-between; + padding-left: 7px; + padding-right: 7px; +} +.caja2_texto1 { + color: rgb(144, 128, 128); +} + +.texto2 { + color: #0969da; + font-size: 12px; + font-weight: bold; +} + +.descripcion-caja2 { + width: 19vw; + color: #0969da; + font-size: 14px; + font-weight: bold; +} + +.caja3 { + width: 19vw; + height: 6vh; + background-color: #0969da; + border-radius: 15px; +} + +.caja3 p { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + color: white; + font-size: 14px; +} + +.descripcion-caja3 p { + color: rgb(144, 128, 128); +} +.caja4 { + display: flex; + align-items: center; + justify-content: center; + padding: 5px; + width: 19vw; + height: 6vh; + border: 2px solid #ccc; + border-radius: 15px; +} +.caja4 p { + color: rgb(144, 128, 128); + font-size: 14px; +} +img { + width: 17px; + margin-left: 10px; + margin-right: 7px; +}