diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e1bf04c --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.github +.vscode \ No newline at end of file diff --git a/antonyure/index.html b/antonyure/index.html new file mode 100644 index 0000000..833a720 --- /dev/null +++ b/antonyure/index.html @@ -0,0 +1,55 @@ + + + + + + + + Antony Ur + + + +
+ + + + +
+ + + + Show + Forgot password? + + + + +
+
+ + + diff --git a/antonyure/style.css b/antonyure/style.css new file mode 100644 index 0000000..4e6474c --- /dev/null +++ b/antonyure/style.css @@ -0,0 +1,106 @@ +:root { + --primary: #ffffff; + --secondary: #0f66c2; + --tertiary: #666666; +} +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, Helvetica, sans-serif; +} +.wrapper{ + display: flex; + height: 100vh; +} +.wrapper__login { + align-items: center; + width: 100%; + max-width: 400px; + height: auto; + background: rgb(255, 255, 255); + margin: auto; + padding: 30px; + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); + border-radius: 15px; + position: relative; +} +.wrapper__login .span { + color: var(--secondary); + font-weight: bold; +} +.wrapper__login .span-show { + position: absolute; + right: 8%; + top: 193px; + z-index: 999; + padding: 15px 10px; + cursor: pointer; +} +.wrapper__login--text-container { + margin-bottom: 30px; +} +.wrapper__login--text-container .login-title { + padding-bottom: 10px; +} +.wrapper__login--text-container .login-description { + font-weight: bold; +} +.wrapper__login--input { + padding: 15px; + width: 100%; + border: none; + border-radius: 5px; + margin-bottom: 15px; + border: 2px solid var(--tertiary); + font-size: 16px; +} +.wrapper__login--send { + padding: 15px; + width: 100%; + border-radius: 30px; + font-size: 16px; + font-weight: bold; + border: none; +} +.wrapper__login--bar { + margin: 20px 0; + position: relative; +} +.wrapper__login--bar span { + position: absolute; + left: 50%; + transform: translate(-50%, -50%); + background: var(--primary); + padding: 0 20px; +} +.wrapper__login--send { + margin-bottom: 15px; + background: var(--primary); + border: 2px solid var(--tertiary); +} +.wrapper__login--send i { + padding-right: 5px; + font-size: 18px; +} +.sign { + margin-top: 20px; + background: var(--secondary); + color: var(--primary); + border: none; +} + +.btn-back{ + position: absolute; + left: 50%; + background: var(--secondary); + padding: 15px 18px; + text-decoration: none; + width: 50px; + height: 50px; + box-sizing: border-box; + color: #fff; + border-radius: 50%; + top: 100px; + transform: translateX(-550px); +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..095a2cf --- /dev/null +++ b/css/style.css @@ -0,0 +1,27 @@ +:root { + --primary: #ffffff; + --secondary: #0f66c2; + --tertiary: #666666; +} +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, Helvetica, sans-serif; +} +body{ + background: var(--secondary); +} +.box-btn{ + position: absolute; + top:50%; + left: 50%; + transform: translate(-50%, -50%); +} +.box-btn .btn{ + text-decoration: none; + background: var(--primary); + color: var(--secondary); + padding: 15px 40px; + border-radius: 10px; +} \ No newline at end of file diff --git a/index.html b/index.html index 40b5e72..3635b43 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,9 @@
  • Andrés Cuéllar
    • +
  • + Antony Ureta +
    • diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..0ff9e29 --- /dev/null +++ b/js/main.js @@ -0,0 +1,8 @@ +function showPassword() { + var x = document.getElementById("input-password"); + if (x.type === "password") { + x.type = "text"; + } else { + x.type = "password"; + } +} \ No newline at end of file