robonen/metr
1
0
Fork 0
mirror of https://github.com/robonen/metr.git synced 2026-03-20 10:54:41 +00:00
Code Releases Activity

login signin pages

Browse Source
This commit is contained in:
zakiquel
2022-04-02 22:55:17 +07:00
parent ec7e5d6d78
commit 110563f1a4
6 changed files with 268 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
assets/css/login.css Normal file
View File

@@ -0,0 +1,94 @@
body {
margin: 0;
font-family: 'Inter', sans-serif;
background-color: rgba(124, 173, 201, 1);
font-size: 17px;
color: white;
line-height: 1.6;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family: 'Montserrat', sans-serif;
}
.container {
width: 100%;
height: 100vh;
max-width: 1920px;
margin: 0 auto;
background-image: linear-gradient(to top, rgb(124, 173, 201, 0.2), rgb(124, 173, 201, 0.2)), url(
"../images/intro.jpg");
background-size: cover;
display: flex;
flex-direction: column;
justify-content:center;
}
.logo {
display: flex;
flex-direction: column;
align-items: center;
}
.logoMetr {
width: 185px;
height: 100px;
background: url("../images/metr.svg") center
no-repeat;
background-size: cover;
}
.title {
margin: 1% 0;
display: flex;
flex-direction: column;
align-items: center;
}
.title h2{
font-size: 35px;
}
.form__example {
display: flex;
flex-direction: column;
align-items: center;
}
.form__input {
margin-top: 30px;
width: 320px;
height: 40px;
background-color: #1A89C9;
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
border-radius: 10px;
border: 0px;
}
.form__input:hover {
color: rgb(15, 10, 41);
font-weight: 600;
transition: color .1s linear;
}
.login {
width: 320px;
height: 50px;
padding-left: 1%;
}
input {
margin: 0;
padding: 0;
color: rgb(129, 125, 125);
font-family: 'Montserrat', sans-serif;
}

94
assets/css/signin.css Normal file
View File

@@ -0,0 +1,94 @@
body {
margin: 0;
font-family: 'Inter', sans-serif;
background-color: rgba(124, 173, 201, 1);
font-size: 17px;
color: white;
line-height: 1.6;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family: 'Montserrat', sans-serif;
}
.container {
width: 100%;
height: 100vh;
max-width: 1920px;
margin: 0 auto;
background-image: linear-gradient(to top, rgb(124, 173, 201, 0.2), rgb(124, 173, 201, 0.2)), url(
"../images/intro.jpg");
background-size: cover;
display: flex;
flex-direction: column;
justify-content:center;
}
.logo {
display: flex;
flex-direction: column;
align-items: center;
}
.logoMetr {
width: 185px;
height: 100px;
background: url("../images/metr.svg") center
no-repeat;
background-size: cover;
}
.title {
margin: 1% 0;
display: flex;
flex-direction: column;
align-items: center;
}
.title h2{
font-size: 35px;
}
.form__example {
display: flex;
flex-direction: column;
align-items: center;
}
.form__input {
margin-top: 30px;
width: 320px;
height: 40px;
background-color: #1A89C9;
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
border-radius: 10px;
border: 0px;
}
.form__input:hover {
color: rgb(15, 10, 41);
font-weight: 600;
transition: color .1s linear;
}
.login {
width: 320px;
height: 50px;
padding-left: 1%;
}
input {
margin: 0;
padding: 0;
color: rgb(129, 125, 125);
font-family: 'Montserrat', sans-serif;
}

2
assets/css/style.css
View File

@@ -66,7 +66,7 @@ h1, h2, h3, h4, h5, h6 {
height: 96px;
margin: 0 auto;
background: url("../images/metr.jpg") center
background: url("../images/metr.svg") center
no-repeat;
background-size: cover;
border-right: 2px solid white;