Showing
4 changed files
with
23 additions
and
2 deletions
... | @@ -28,6 +28,10 @@ export default { | ... | @@ -28,6 +28,10 @@ export default { |
28 | font-family: 'JejuGothic'; | 28 | font-family: 'JejuGothic'; |
29 | src: url('assets/JejuGothic.ttf'); | 29 | src: url('assets/JejuGothic.ttf'); |
30 | } | 30 | } |
31 | +@font-face{ | ||
32 | + font-family: 'BIGJOHN'; | ||
33 | + src: url('assets/BIGJOHN.otf'); | ||
34 | +} | ||
31 | body{ | 35 | body{ |
32 | font-family: sans-serif; | 36 | font-family: sans-serif; |
33 | margin: 0; | 37 | margin: 0; | ... | ... |
frontend-builder/src/assets/BIGJOHN.otf
0 → 100644
No preview for this file type
1 | <template> | 1 | <template> |
2 | <header> | 2 | <header> |
3 | - <div class = 'logo'></div> | 3 | + <div class = "headerBox"> |
4 | + <div class = "logo_content"> KHU NOTICE</div> | ||
5 | + <img class = "logo" src = "../assets/khlogo.png"> | ||
6 | + </div> | ||
4 | </header> | 7 | </header> |
5 | </template> | 8 | </template> |
6 | 9 | ||
... | @@ -19,8 +22,22 @@ export default { | ... | @@ -19,8 +22,22 @@ export default { |
19 | height: 443px; | 22 | height: 443px; |
20 | background:linear-gradient(131deg,rgb(247,183,66),rgb(252,74,66)); | 23 | background:linear-gradient(131deg,rgb(247,183,66),rgb(252,74,66)); |
21 | } | 24 | } |
25 | + .headerBox{ | ||
26 | + width:1010px; | ||
27 | + height: inherit; | ||
28 | + margin: 0 auto 0 auto; | ||
29 | + position: relative; | ||
30 | + } | ||
22 | .logo{ | 31 | .logo{ |
23 | - background:url(../assets/khlogo.png); | 32 | + position: absolute; |
33 | + right: 50px; | ||
34 | + } | ||
35 | + .logo_content{ | ||
36 | + color: white; | ||
37 | + font-family: 'BIGJOHN'; | ||
38 | + font-size: 60px; | ||
24 | display: block; | 39 | display: block; |
40 | + position: absolute; | ||
41 | + top:100px; | ||
25 | } | 42 | } |
26 | </style> | 43 | </style> | ... | ... |
-
Please register or login to post a comment