diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 0000000..3e9ab70 --- /dev/null +++ b/login.html @@ -0,0 +1,89 @@ + + + + + + Document + + + + +
+ +
+ +
+
+ + + +
+
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0d8409e --- /dev/null +++ b/style.css @@ -0,0 +1,140 @@ +* { + box-sizing: border-box; +} + +body { + min-height: 100vh; + display: flex; + flex-direction: column; + background: #f3f3f3; + color: #222; + line-height: 1.5; +} + +img { + display: block; + max-width: 100%; +} + +.navbar-brand img { + max-width: 170px; + height: auto; +} + +.logo-small { + max-width: 110px; +} + +.page-content { + flex: 1; +} + +.wrapper { + display: grid; + grid-template-columns: 1.2fr 1fr; + gap: 32px; + align-items: center; +} + +.login-info { + background: rgba(255, 255, 255, 0.7); + border-radius: 18px; + padding: 32px; + box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04); +} + +.eyebrow { + display: inline-block; + margin-bottom: 14px; + background: #d93d3d; + color: #fff; + font-size: 12px; + letter-spacing: 0.08em; + text-transform: uppercase; + padding: 6px 10px; + border-radius: 999px; + font-weight: 700; +} + +.login-form { + background: #fff; + padding: 30px 24px; + border-radius: 18px; + box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); +} + +.login-form form { + display: flex; + flex-direction: column; + gap: 14px; +} + +.login-form input { + width: 100%; + padding: 12px 14px; + border: 1px solid #d9d9d9; + border-radius: 10px; + font-size: 1rem; +} + +.login-form input:focus { + outline: 2px solid rgba(217, 61, 61, 0.2); + border-color: #d93d3d; +} + +.login-form button { + border: none; + border-radius: 10px; + background: #222; + color: #fff; + font-size: 1rem; + font-weight: 700; + padding: 14px 18px; + cursor: pointer; + margin-top: 8px; +} + +.site-footer { + background: #101010; + color: #f0f0f0; +} + +.footer-brand { + display: flex; + flex-direction: column; + gap: 12px; +} + +.footer-brand p { + font-weight: 700; + color: #fff; +} + +.footer-links { + display: flex; + flex-direction: column; + gap: 8px; +} + +.footer-links h3 { + margin-bottom: 8px; + color: #fff; + font-size: 1rem; +} + +.footer-links a, +.footer-links span { + color: #d3d3d3; + text-decoration: none; + font-size: 0.95rem; +} + +.footer-bottom { + color: #aaa; +} + +@media (max-width: 991.98px) { + .wrapper { + grid-template-columns: 1fr; + } +} \ No newline at end of file