Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
200825_ienlab_microsite
메인 웹사이트 개발 시작
첫화면
  • Loading branch information
ienground committed Aug 26, 2020
1 parent 3e2747c commit f9274c3
Show file tree
Hide file tree
Showing 1,711 changed files with 114,568 additions and 687 deletions.
1,775 changes: 1,734 additions & 41 deletions .idea/workspace.xml

Large diffs are not rendered by default.

158 changes: 45 additions & 113 deletions css/style.css
@@ -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);
}
34 changes: 34 additions & 0 deletions font-awesome/LICENSE.txt
@@ -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.
4,451 changes: 4,451 additions & 0 deletions font-awesome/js/all.js

Large diffs are not rendered by default.

5 changes: 5 additions & 0 deletions font-awesome/js/all.min.js

Large diffs are not rendered by default.

577 changes: 577 additions & 0 deletions font-awesome/js/brands.js

Large diffs are not rendered by default.

5 changes: 5 additions & 0 deletions font-awesome/js/brands.min.js

Large diffs are not rendered by default.

0 comments on commit f9274c3

Please sign in to comment.