이태화 / khu-notice-project

Go to a project
Toggle navigation Toggle navigation pinning
이태화
defde56f 1 parent 9424e969

로고 수정

Inline Side-by-side
Showing 4 changed files with 23 additions and 2 deletions
......@@ -28,6 +28,10 @@ export default {
font-family: 'JejuGothic';
src: url('assets/JejuGothic.ttf');
}
@font-face{
font-family: 'BIGJOHN';
src: url('assets/BIGJOHN.otf');
}
body{
font-family: sans-serif;
margin: 0;
......
No preview for this file type

72.1 KB | W: | H:

13.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
<template>
<header>
<div class = 'logo'></div>
<div class = "headerBox">
<div class = "logo_content"> KHU NOTICE</div>
<img class = "logo" src = "../assets/khlogo.png">
</div>
</header>
</template>
......@@ -19,8 +22,22 @@ export default {
height: 443px;
background:linear-gradient(131deg,rgb(247,183,66),rgb(252,74,66));
}
.headerBox{
width:1010px;
height: inherit;
margin: 0 auto 0 auto;
position: relative;
}
.logo{
background:url(../assets/khlogo.png);
position: absolute;
right: 50px;
}
.logo_content{
color: white;
font-family: 'BIGJOHN';
font-size: 60px;
display: block;
position: absolute;
top:100px;
}
</style>
......