diff --git a/layouts/xedition/css/welcome.css b/layouts/xedition/css/welcome.css index d86a02da6..2e21339ba 100644 --- a/layouts/xedition/css/welcome.css +++ b/layouts/xedition/css/welcome.css @@ -99,7 +99,7 @@ } /* section.guide */ .welcomeXE .guide { - height: 640px; + height: 600px; padding-top: 80px } .welcomeXE .guide ul { @@ -153,149 +153,9 @@ color: #cda25a; border-bottom: 1px solid #cda25a } -/* section.features */ -.welcomeXE .features { - width: 100%; - margin: 0; - height: 800px; - padding-top: 80px; - background-color: #444 -} -.welcomeXE .features .noti, -.welcomeXE .features .tit, -.welcomeXE .features .cont { - width: 1200px; - margin-left: auto; - margin-right: auto -} -.welcomeXE .features .tit { - color: #f6f6f6 -} -.welcomeXE .features .cont { - font-size: 15px; - line-height: 27px; - color: #ddd -} -.welcomeXE .features ul { - overflow: hidden; - margin-top: 38px; - padding: 0 20px -} -.welcomeXE .features li { - float: left; - width: 25%; - height: 480px -} -.welcomeXE .features li .fe_box { - height: 478px; - margin: 0 10px; - padding: 0 20px; - border: 1px solid #333; - background-color: #f6f6f6; - text-align: center; - -webkit-transition: all .2s ease-out; - -moz-transition: all .2s ease-out; - -o-transition: all .2s ease-out; - transition: all .2s ease-out -} -.welcomeXE .features .fe_box .ico { - display: inline-block; - width: 70px; - height: 70px; - margin: 162px 0 27px; - background-color: #cda25a; - background: url(../img/sp_feature.png) 0 0 no-repeat; - text-align: center; - font-size: 60px; - line-height: 70px -} -.welcomeXE .features .fe_box h2 { - font-size: 21px; - color: #555; - font-weight: normal -} -.welcomeXE .features .fe_box p { - margin-bottom: 80px; - font-size: 15px; - line-height: 24px; - color: #f6f6f6 -} -.welcomeXE .features .fe_box a { - display: inline-block; - height: 40px; - padding: 0 40px; - border: 2px solid #f6f6f6; - font-family: 'Open Sans', sans-serif; - font-size: 13px; - letter-spacing: 1px; - color: #f6f6f6; - line-height: 40px; - font-weight: 600; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out -} -.welcomeXE .features .fe_box a:hover { - background-color: #f6f6f6; - border-color: #f6f6f6; - color: #cda25a -} -.welcomeXE .features .fe_top { - position: relative; - top: 0; - -webkit-transition: all .2s ease-out; - -moz-transition: all .2s ease-out; - -o-transition: all .2s ease-out; - transition: all .2s ease-out -} -.welcomeXE .features .fe_bottom { - position: relative; - top: 192px; - -webkit-transition: all .3s ease-out; - -moz-transition: all .3s ease-out; - -o-transition: all .3s ease-out; - transition: all .3s ease-out -} -.welcomeXE .features .fe_box.on { - background-color: #cda25a -} -.welcomeXE .features .fe_box.on .fe_top { - top: -104px -} -.welcomeXE .features .fe_box.on .fe_bottom { - top: -67px -} -.welcomeXE .features .fe_box.on h2 { - color: #f6f6f6 -} -.welcomeXE .features .fe_box.on .ico { - background-color: #f6f6f6; - background: url(../img/sp_feature.png) 0 -70px no-repeat -} -.welcomeXE .features .fe_box .ico2 { - background-position: -70px 0 -} -.welcomeXE .features .fe_box .ico3 { - background-position: -140px 0 -} -.welcomeXE .features .fe_box .ico4 { - background-position: -210px 0 -} -.welcomeXE .features .fe_box.on .ico2 { - background-position: -70px -70px -} -.welcomeXE .features .fe_box.on .ico3 { - background-position: -140px -70px -} -.welcomeXE .features .fe_box.on .ico4 { - background-position: -210px -70px -} /*section.connect*/ .welcomeXE .connect { height: 344px; - padding-top: 80px } .welcomeXE .connect ul { overflow: hidden; diff --git a/layouts/xedition/demo/welcome_main.html b/layouts/xedition/demo/welcome_main.html index 4fe257a4b..f337574a8 100644 --- a/layouts/xedition/demo/welcome_main.html +++ b/layouts/xedition/demo/welcome_main.html @@ -1,13 +1,5 @@
-
-

Beautiful iconpack
XEIcon

- -
-
GET STARTED

BUILD YOUR SITE

@@ -44,67 +36,12 @@
-
- GET BETTER -

RHYMIX FEATURES

-

Rhymix는 프레임웍을 기반으로 개별 프로그램과 스킨을 실행하여 결과물을 생성합니다.
다양한 개성을 가진 프로그램과 스킨을 조합하여 다채로운 기능을 가진 멋진 웹사이트를 만들 수 있습니다.

- -
CONNECT WITH US

GET INVOLVED