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
1 +@import url(http://fonts.googleapis.com/css?family=Oswald);
2 +
3 +body{
4 + margin: 0;
5 + padding: 0;
6 + background: blueviolet;
7 + font-size: 16px;
8 + font-family: sans-serif;
9 + font-weight: 300;
10 +}
11 +
12 +
13 +
14 +.sign-box {
15 + position: absolute;
16 + left: 0;
17 + right: 0;
18 + margin-top: 80px;
19 + margin-left: auto;
20 + margin-right: auto;
21 + box-sizing: border-box;
22 + padding: 90px;
23 + width: 400px;
24 + height: 500px;
25 + background-image : url(../images/back2.jpg);
26 + background-size: cover;
27 + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
28 +}
29 +
30 +.navbar .nav {
31 + color: #8eb640;
32 + font-family: 'Roboto Condensed', sans-serif;
33 + font-weight: normal;
34 + margin-left: 100px;
35 + text-align: left;
36 + font-size: 40px;
37 + font-weight: 300;
38 + font-family: Gugi
39 +}
40 +
41 +a.title1:hover, a.title1:focus {
42 + text-decoration: none;
43 + color: #222;
44 +}
45 +.navbar {
46 + height: 75px;
47 + box-sizing: border-box;
48 + background: blueviolet;
49 +
50 +}
51 +
52 +
53 +.sign-box .signingwith{
54 + display: block;
55 + margin-bottom: 40px;
56 + font-size: 28px;
57 + color: #ffffff;
58 + text-align: center;
59 + text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
60 +}
61 +
62 +button.social
63 +{
64 + margin-bottom: 20px;
65 + margin-right: 20px;
66 + width: 220px;
67 + height: 36px;
68 + border: none;
69 + border-radius: 2px;
70 + color: rgb(255, 255, 255);
71 + font-family: 'Roboto Condensed', sans-serif;
72 + font-weight: normal;
73 + transition: 0.2s ease;
74 + cursor: pointer;
75 + text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
76 +}
77 +
78 +.google {
79 + background: rgb(47, 175, 255);
80 +}
81 +
82 +.kakao {
83 + background: rgb(233, 229, 28);
84 +}
85 +
86 +.naver {
87 + background: rgb(79, 250, 79);
88 +}
...\ No newline at end of file ...\ No newline at end of file
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <title>니툰내툰</title>
5 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 + <link rel="stylesheet" href="/stylesheets/login_page.css">
7 + <link rel="stylesheet" type="text/css" href="/bootstrap.css">
8 + <link rel="stylesheet" type="text/css" href="/font-awesome.css">
9 + <link rel='stylesheet' href='/stylesheets/style.css' />
10 + <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">
11 + <link rel="stylesheet" type="text/css" href="/stylesheets/style.css">
12 + <link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/nivo-lightbox.css">
13 + <link rel="stylesheet" type="text/css" href="/stylesheets/nivo-lightbox/default.css">
14 + <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet">
15 + <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
16 + <link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700" rel="stylesheet">
17 + <link href="https://fonts.googleapis.com/css?family=Gugi&amp;subset=korean" rel="stylesheet">
18 +
19 + </head>
20 + <body>
21 + <div class="navbar">
22 + <a class="title1" href="/"><h1 class="nav">니툰내툰</h1></a>
23 + </div>
24 + <div class="login-box">
25 + <div class="sign-box">
26 + <span class="signingwith"> Sign in with </br> Social Network</span>
27 + <a href="/auth/login/kakao"><button class="social kakao">Log in with Kakao</button></a>
28 + <a href="/auth/login/naver"><button class="social naver">Log in with Naver</button></a>
29 + <a href="/auth/login/google"><button class="social google">Log in with Google</button></a>
30 + </div>
31 + </div>
32 + </body>
33 +</html>
...\ No newline at end of file ...\ No newline at end of file