diff --git a/css/login.css b/css/login.css new file mode 100644 index 0000000..917b570 --- /dev/null +++ b/css/login.css @@ -0,0 +1,74 @@ +@import url("./variables.css"); + +.container-login{ + width: 100%; + height: 90vh; + display: flex; + justify-content: center; + align-items: center; +} + +.login{ + width: 400px; + box-shadow: 0px 0px 15px; + border-radius: 5px; +} + +.login__title{ + width: 100%; + background-color: var(--primary-color); + color: var(--second-color); + text-align: center; + padding: 0.2em; + border-top-right-radius: 5px; + border-top-left-radius: 5px; +} + + +.form-control{ + width: 100%; + padding: 1em 0.5em; +} + +.form__form-group{ + width: 100%; + display: flex; + flex-direction: column; + gap: 0.3em; + margin-bottom: 1em; +} + +.form__form-group > input{ + border: 1px solid #000; + outline: none; + padding: 0.4em; + font-size: 1em; + border-radius: 5px; +} + +.form__form-group > label{ + font-weight: bold; +} + + +.form-control > button{ + width: 100%; + font-size: 1.2em; + padding: 0.3em 0.7em; + font-weight: bold; + cursor: pointer; + border: 2px solid #000; + border-radius: 5px; + background: none; + transition: 0.3s; +} + +.form-control > button:hover{ + background-color: #000; + color: #FFF; +} + +.form-control > p { + text-align: center; + margin: 0.7em 0.3em; +} \ No newline at end of file diff --git a/index.html b/index.html index f2d24af..bf4d317 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@
  • ABOUT
  • CONTACT US
  • HOME
    • -
  • LOGIN
    • +
  • LOGIN
    • diff --git a/pages/login.html b/pages/login.html new file mode 100644 index 0000000..4acbc3f --- /dev/null +++ b/pages/login.html @@ -0,0 +1,65 @@ + + + + + + + + + Document + + + +
    + +
    + +
    + +
    + + + + + \ No newline at end of file