geun1416(김지은) 3 years ago
parent
commit
e2e74535c4
  1. 3
      html/css/common.css
  2. BIN
      html/images/bg03.jpg
  3. BIN
      html/images/bg_drone.png
  4. BIN
      html/images/pal_logo_wh.png
  5. 20
      html/index.html
  6. 5
      html/js/common.js

3
html/css/common.css

@ -47,7 +47,8 @@ body,html{
.bg-square{display:block;border:20px solid rgba(255,255,255,0.2);width:250px;height:250px;position:absolute;top:-160px;}
.bg01{background:url('../images/bg01.jpg');}
.bg02{background:url('../images/bg02.jpg');}
.bg02 .txt-box{padding-left:134px;}
.bg03{background:url('../images/bg03.jpg')#21272e no-repeat 80% 50%;}
.bg02 .txt-box, .bg03 .txt-box{padding-left:134px;}
.scroll-animation {position:absolute;left:50%;transform: translateX(-50%);bottom:40px;}
.scroll-box span{display:block;text-align:center;color:rgba(255,255,255,0.8);font-size:0.875rem;font-weight:300;animation: updown 1s ease-in-out 0.3s infinite normal;}
.scroll-box span.scroll-icon{margin:10px auto;fill:#fff;width:30px;}

BIN
html/images/bg03.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
html/images/bg_drone.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

BIN
html/images/pal_logo_wh.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 21 KiB

20
html/index.html

@ -59,7 +59,7 @@
<canvas id="canvas" class="bg-canvas"></canvas>
<div class="inner">
<h2 class="wow fadeInUp" data-wow-duration="2s">가치를 존중하며 신뢰를 바탕으로 실천하는 기업</h2>
<span class="wow fadeInUp big" data-wow-duration="2s">PAL Networks</span>
<span class="wow fadeInUp big" data-wow-duration="3s">PAL Networks</span>
<span class="wow fadeInUp sm" data-wow-duration="4s">항공·전문 IT산업분야의 소프트웨어 개발 전문 기업</span>
</div>
<div class="wow fadeIn scroll-animation" data-wow-duration="4s">
@ -79,14 +79,28 @@
</p>
</div>
<div class="wow fadeIn scroll-animation" data-wow-duration="4s">
<a href="#skills" class="scroll-box">
<a href="#mobility" class="scroll-box">
<span>SCROLL DOWN</span>
<span class="scroll-icon"><img src="images/scroll_icon.svg"></span>
</a>
</div>
</div>
<div class="section">3333</div>
<div class="section main-bn bg03">
<div class="inner">
<span class="wow fadeInLeft bg-square"></span>
<p class="wow fadeInUp txt-box" data-wow-duration="2s">
<b>미래 항공산업과 지상의 이동수단</b>을 연결하는<br/>
<b>미래 모빌리티</b>를 준비합니다.
</p>
</div>
<div class="wow fadeIn scroll-animation" data-wow-duration="4s">
<a href="#skills" class="scroll-box">
<span>SCROLL DOWN</span>
<span class="scroll-icon"><img src="images/scroll_icon.svg"></span>
</a>
</div>
</div>
<div class="section">Section 4</div>
<footer id="footer" class="section fp-auto-height"></footer>
</div>

5
html/js/common.js

@ -5,7 +5,7 @@ $(function(){
new fullpage('#fullpage', {
licenseKey: '13F1F552-6ACE43B7-95262729-9E0B4778',
//options here
anchors:['home', 'works', 'skills', 'contact'],
anchors:['home', 'works', 'mobility','skills', 'news'],
autoScrolling:true,
scrollHorizontally: true,
navigation:true,
@ -172,4 +172,7 @@ $(function(){
animation();
});
$(function(){
});
Loading…
Cancel
Save