Hyunjong Lee / YTMT

Go to a project
Toggle navigation Toggle navigation pinning
Akhidjon
2fa1182b 1 parent 9d23071b

New login page has been created

Inline Side-by-side
Showing 3 changed files with 121 additions and 0 deletions
@import url(http://fonts.googleapis.com/css?family=Oswald);
body{
margin: 0;
padding: 0;
background: blueviolet;
font-size: 16px;
font-family: sans-serif;
font-weight: 300;
}
.sign-box {
position: absolute;
left: 0;
right: 0;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
padding: 90px;
width: 400px;
height: 500px;
background-image : url(../images/back2.jpg);
background-size: cover;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}
.navbar .nav {
color: #8eb640;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
margin-left: 100px;
text-align: left;
font-size: 40px;
font-weight: 300;
font-family: Gugi
}
a.title1:hover, a.title1:focus {
text-decoration: none;
color: #222;
}
.navbar {
height: 75px;
box-sizing: border-box;
background: blueviolet;
}
.sign-box .signingwith{
display: block;
margin-bottom: 40px;
font-size: 28px;
color: #ffffff;
text-align: center;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}
button.social
{
margin-bottom: 20px;
margin-right: 20px;
width: 220px;
height: 36px;
border: none;
border-radius: 2px;
color: rgb(255, 255, 255);
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
transition: 0.2s ease;
cursor: pointer;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.google {
background: rgb(47, 175, 255);
}
.kakao {
background: rgb(233, 229, 28);
}
.naver {
background: rgb(79, 250, 79);
}
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>니툰내툰</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/stylesheets/login_page.css">
<link rel="stylesheet" type="text/css" href="/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/font-awesome.css">
<link rel='stylesheet' href='/stylesheets/style.css' />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/stylesheets/style.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/default.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gugi&amp;subset=korean" rel="stylesheet">
</head>
<body>
<div class="navbar">
<a class="title1" href="/"><h1 class="nav">니툰내툰</h1></a>
</div>
<div class="login-box">
<div class="sign-box">
<span class="signingwith"> Sign in with </br> Social Network</span>
<a href="/auth/login/kakao"><button class="social kakao">Log in with Kakao</button></a>
<a href="/auth/login/naver"><button class="social naver">Log in with Naver</button></a>
<a href="/auth/login/google"><button class="social google">Log in with Google</button></a>
</div>
</div>
</body>
</html>
\ No newline at end of file