Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
200825_ienlab_microsite
메인 웹사이트 개발 시작 첫화면
- Loading branch information
Showing
1,711 changed files
with
114,568 additions
and
687 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,134 +1,66 @@ | ||
#header { | ||
background: url(../img/bg.png) repeat-x center top; | ||
} | ||
|
||
.container { | ||
width: 1200px; | ||
margin: 0 auto; | ||
background: rgba(0,0,0,0.3); | ||
} | ||
|
||
.header { | ||
height: 327px; | ||
} | ||
|
||
.header .header_menu { | ||
text-align: right; | ||
} | ||
|
||
.header .header_menu a { | ||
color: #ffffff; | ||
padding: 8px 0 6px 10px; | ||
display: inline-block; | ||
transition: color 0.3s ease; | ||
} | ||
|
||
.header .header_menu a:hover { | ||
color: #cccccc; | ||
} | ||
|
||
.header .header_tit { | ||
text-align: center; | ||
text-transform: uppercase; | ||
margin-top: 55px; | ||
font-family: '나눔바른펜', sans-serif; | ||
} | ||
|
||
.header .header_tit h1 { | ||
font-size: 30px; color: #fff; | ||
background: #51b0dc; | ||
display: inline-block; | ||
padding: 5px 30px 5px 30px; | ||
letter-spacing: 2px; | ||
font-weight: 900; | ||
transition: box-shadow 0.25s ease-in-out; | ||
} | ||
|
||
.header .header_tit h1:hover { | ||
box-shadow: | ||
inset -9em 0 0 0 #257fac, | ||
inset 9em 0 0 0 #257fac; | ||
width: 100%; | ||
height: 80px; | ||
/*background-color: aqua;*/ | ||
position: fixed; | ||
z-index: 3; | ||
} | ||
|
||
.logo { | ||
width: 200px; | ||
height: 40px; | ||
background-image: url(../img/ienlab_logo_bk_transparent.png); | ||
background-size: contain; | ||
background-repeat: no-repeat; | ||
position: absolute; | ||
left: 50%; | ||
transform: translateX(-50%); | ||
margin: 20px; | ||
z-index: 4; | ||
transition: background-image 0.2s ease-in-out; | ||
} | ||
|
||
|
||
.header .header_tit a { | ||
font-size: 16px; | ||
color: #ffffff; | ||
background: #4a9abf; | ||
display: inline-block; | ||
padding: 10px 20px 10px 20px; | ||
margin-top: -7px; | ||
transition: box-shadow 0.25s ease-in-out; | ||
.logo:hover { | ||
background-image: url(../img/ienlab_logo_cl.png) | ||
} | ||
|
||
.header .header_tit a:hover { | ||
box-shadow: | ||
0 0 0 5px rgba(75, 154, 191, 0.9) inset, | ||
0 0 0 100px rgba(0, 0, 0, 0.1) inset | ||
i.fab { | ||
font-size: 30px; | ||
margin: 10px; | ||
} | ||
|
||
.header .header_icon { | ||
text-align: center; | ||
margin-top: 40px; | ||
padding-bottom: 45px; | ||
} | ||
|
||
.header .header_icon li { | ||
display:inline; | ||
margin: 0 2px; | ||
.page { | ||
height: 100vh; | ||
overflow: hidden; | ||
background-attachment: fixed; | ||
background-size: cover; | ||
} | ||
|
||
.header .header_icon li a { | ||
position: relative; | ||
background-color: #3192bf; | ||
border-radius: 50%; | ||
width: 60px; | ||
height: 60px; | ||
color: #ffffff; | ||
display: inline-block; | ||
font-size: 35px; | ||
line-height: 60px; | ||
transition: all 0.3s ease; | ||
} | ||
|
||
.header .header_icon li a span { | ||
position: absolute; | ||
left: 50%; | ||
top: -40px; | ||
transform: translateX(-50%); | ||
font-size: 12px; | ||
line-height: 1.6; | ||
background: #3192bf; | ||
padding: 3px 9px; | ||
border-radius: 6px 0; | ||
opacity: 0; | ||
transition: all 0.3s ease; | ||
.page.one { | ||
background-image: url(../img/bg_main.png); | ||
} | ||
|
||
.header .header_icon li a span:before { | ||
content: ''; | ||
position: absolute; | ||
left: 50%; | ||
bottom: -5px; | ||
margin-left: -5px; | ||
border-top: 5px solid #3192bf; | ||
border-left: 5px solid transparent; | ||
border-right: 5px solid transparent; | ||
|
||
.page.one .overlay { | ||
background-color: #000000; | ||
background-size: cover; | ||
/*position: fixed;*/ | ||
z-index: 2; | ||
width: 100%; | ||
height: 100%; | ||
opacity: 0.5; | ||
} | ||
|
||
.header .header_icon li a:hover span { | ||
opacity: 1; | ||
top: -33px; | ||
.page.two { | ||
background-image: url(../img/bg_bp.png); | ||
} | ||
|
||
.header .header_icon li a:hover { | ||
box-shadow: 0 0 0 3px rgba(75,154,191,0.9) inset, | ||
0 0 0 100px rgba(0,0,0,0.1) inset; | ||
.page.three { | ||
background-image: url(../img/bg_ir.png); | ||
} | ||
|
||
|
||
@media (max-width: 1220px) { | ||
.container { width: 100%;} | ||
.row { padding: 0 15px;} | ||
.page.four { | ||
background-image: url(../img/bg_ar.png); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
Font Awesome Free License | ||
------------------------- | ||
|
||
Font Awesome Free is free, open source, and GPL friendly. You can use it for | ||
commercial projects, open source projects, or really almost whatever you want. | ||
Full Font Awesome Free license: https://fontawesome.com/license/free. | ||
|
||
# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/) | ||
In the Font Awesome Free download, the CC BY 4.0 license applies to all icons | ||
packaged as SVG and JS file types. | ||
|
||
# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL) | ||
In the Font Awesome Free download, the SIL OFL license applies to all icons | ||
packaged as web and desktop font files. | ||
|
||
# Code: MIT License (https://opensource.org/licenses/MIT) | ||
In the Font Awesome Free download, the MIT license applies to all non-font and | ||
non-icon files. | ||
|
||
# Attribution | ||
Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font | ||
Awesome Free files already contain embedded comments with sufficient | ||
attribution, so you shouldn't need to do anything additional when using these | ||
files normally. | ||
|
||
We've kept attribution comments terse, so we ask that you do not actively work | ||
to remove them from files, especially code. They're a great way for folks to | ||
learn about Font Awesome. | ||
|
||
# Brand Icons | ||
All brand icons are trademarks of their respective owners. The use of these | ||
trademarks does not indicate endorsement of the trademark holder by Font | ||
Awesome, nor vice versa. **Please do not use brand logos for any purpose except | ||
to represent the company, product, or service to which they refer.** |
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.