    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.min.css">

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/css/uikit.min.css" />
    <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<style>

* {
  line-height: 1.5;
  letter-spacing: 0.2rem;
}

.left-20 {
  position: relative;
  left: 20%;
}

.left-10 {
  position: relative;
  left: 10%;
}

.bg-half-dark {
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}

.display-1 {
  font-size: 90px;
}

.display-2 {
  font-size: 60px;
}

.display-3 {
  font-size: 40px;
}

.display-4 {
  font-size: 32px;
}

.px-auto {
  padding-left: auto;
  padding-right: auto;
}

.pt-5 {
  padding-top: 5rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pr-5 {
  padding-right: 5rem;
}

.pl-5 {
  padding-left: 5rem;
}

.pr-4 {
  padding-right: 4rem;
}

.pl-4 {
  padding-left: 4rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pr-3 {
  padding-right: 3rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pr-2 {
  padding-right: 2rem;
}

.pl-2 {
  padding-left: 2rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-5 {
  margin-top: 5rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mr-5 {
  margin-right: 5rem;
}

.ml-5 {
  margin-left: 5rem;
}

/*.mt-4 {
  margin-top: 4rem;
}*/

.mb-4 {
  margin-bottom: 4rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mr-3 {
  margin-right: 3rem;
}

.ml-3 {
  margin-left: 3rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.ml-2 {
  margin-left: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-white {
  color: #fff;
}

.text-primary {
  color: #2e86de;
}

.text-light-primary {
  color: #54a0ff;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clearfix {
  clear: both;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-75 {
  width: 75%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.bg-primary {
  background-color: #2e86de;
}

.bg-primary-light {
  background-color: #54a0ff;
}

.bg-danger {
  background-color: #ee5253;
}

.bg-danger-light {
  background-color: #ff6b6b;
}

.bg-warning {
  background-color: #ff9f43;
}

.bg-warning-light {
  background-color: #feca57;
}

.text-14 {
  font-size: 14px;
}

.text-15 {
  font-size: 15px;
}

.text-16 {
  font-size: 16px;
}

.text-18 {
  font-size: 18px;
}

.text-20 {
  font-size: 20px;
}

.text-23 {
  font-size: 23px;
}

.text-25 {
  font-size: 25px;
}

.indent-30 {
  text-indent: 30px;
}

.indent-25 {
  text-indent: 25px;
}

.indent-20 {
  text-indent: 20px;
}

p.text-18 {
  text-indent: 20px;
  font-size: 18px;
}

img.shadow-filter {
  -webkit-filter: drop-shadow(5px 10px 0.5rem rgba(0, 0, 0, 0.5));
          filter: drop-shadow(5px 10px 0.5rem rgba(0, 0, 0, 0.5));
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
}

img.shadow-filter:hover {
  -webkit-filter: drop-shadow(5px 10px 1rem rgba(0, 0, 0, 0.5));
          filter: drop-shadow(5px 10px 1rem rgba(0, 0, 0, 0.5));
}

img.shadow-filter-light {
  -webkit-filter: drop-shadow(5px 10px 0.5rem rgba(255, 255, 255, 0.5));
          filter: drop-shadow(5px 10px 0.5rem rgba(255, 255, 255, 0.5));
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
}

img.shadow-filter-light:hover {
  -webkit-filter: drop-shadow(5px 10px 1rem rgba(255, 255, 255, 0.8));
          filter: drop-shadow(5px 10px 1rem rgba(255, 255, 255, 0.8));
}

.section {
  padding-left: 40px;
  padding-right: 40px;
}

.section.s1 {
  background: url(userUpload/images/佳芳/brand/logo-transparent-1.png) center center;
  background-size: cover;
}

.section.s2 {
  background: url(userUpload/images/佳芳/brand/canva-1.png) center center;
  background-size: cover;
}

.section.s3 {
  background: url(http://www.lohasplus.com.tw/userUpload/20180718%E5%B0%8F%E7%B6%A0%E8%91%89%E7%A6%AA.jpg) center center;
  background-size: cover;
}

.section.s4 {
  background: url(userUpload/images/佳芳/brand/44.jpg) right;
  background-size: cover;
}

.section.s5 {
  background: url(userUpload/images/佳芳/master/49.jpg) center center;
  background-size: cover;
}

.section.s6 {
  background: url(userUpload/images/佳芳/brand/45.jpg) center center;
  background-size: cover;
}

ul.navbar-nav li {
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

ul.navbar-nav li a {
  font-size: 18px;
}

ul.navbar-nav li img {
  max-width: 100% !important;
  width: 75% !important;
}

ul.navbar-right li.dropdown ul.dropdown-menu li {
  margin-left: 0rem;
}

ul.navbar-right li.dropdown ul.dropdown-menu li a:hover, ul.navbar-right li.dropdown ul.dropdown-menu li a:focus {
  background: #54a0ff !important;
}

span {
  background: #fff !important;
}

.card {
  border: 1px solid transparent;
  margin-left: 5rem;
  border-radius: 5px;
  width: 38rem;
  background: #ecf0f1;
}

.card .card-body {
  padding: 15px;
}

.uk-lightbox.uk-open {
  display: block;
  opacity: 1;
  z-index: 10000;
}

.uk-list-striped > li:nth-of-type(odd) {
  background: transparent !important;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

h2.intro-text.text-center {
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    height: 0;
    margin: 0 !important;
}

.navbar-default { 
    border-color: #101010 !important;
    background-color: #222 !important
}

.col-md-offset-1 {margin-left: 0 !important}
.col-md-10 {width: 100% !important}

.container {
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto;
}

.navbar-default .navbar-nav>li>a {color: #fff !important}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a {
   color: #fff !important;
   background-color: #080808 !important;
}

#photo1:hover, #photo2:hover, #photo3:hover, #photo4:hover, #photo5:hover, #photo6:hover {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

@media (max-width: 812px) {
  #photo1 {
    left: 10%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

/*screen resolutions smaller than 950px height*/
@media (max-width: 950px){
    #section3.fp-section,
    #section3 .fp-tableCell{
        height: auto !important;
        min-height: 100%;
    }
}

@media (max-width: 900px) {
  hr {margin: 0 0 -20px 0;}

  #photo1 {
    left: 0%;
    -webkit-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important;
  }
  #photo2 {
    left: 0%;
    -webkit-transform: rotate(5deg) !important;
            transform: rotate(5deg) !important;
  }
  #photo3 {
    left: 0%;
    -webkit-transform: rotate(5deg) !important;
            transform: rotate(5deg) !important;
  }
  #photo4, #photo5, #photo6 {
    left: 0%;
    -webkit-transform: rotate(5deg) !important;
            transform: rotate(5deg) !important;
  }
  .navbar-brand img {
    position: relative;
    top: -3rem;
  }
  .display-1, .display-3 {
    font-size: 32px;
    position: relative;
    top: 2rem;
  }
  .display-5 {
    font-size: 32px;
    position: relative;
    top: 3rem;
  }
  .s1 .mt-5 {
    margin-top: 0;
  }
  .s1 .textBox .pr-3, .s1 .textBox .pl-3, .s1 .textBox .pl-5, .s1 .textBox .pr-5, .s2 .textBox .pr-3, .s2 .textBox .pl-3, .s2 .textBox .pl-5, .s2 .textBox .pr-5, .s3 .textBox .pr-3, .s3 .textBox .pl-3, .s3 .textBox .pl-5, .s3 .textBox .pr-5, .s4 .textBox .pr-3, .s4 .textBox .pl-3, .s4 .textBox .pl-5, .s4 .textBox .pr-5, .s5 .textBox .pr-3, .s5 .textBox .pl-3, .s5 .textBox .pl-5, .s5 .textBox .pr-5, .s6 .textBox .pr-3, .s6 .textBox .pl-3, .s6 .textBox .pl-5, .s6 .textBox .pr-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .textBox {position: relative; left: -13%;padding-left: 5px;padding-right: 20px;}
  .display-4 {position: relative; left: 15%}

  .section.s6 .container-fluid .row .col-sm-6 {
    padding-left: 15px;
    padding-right: 15px
  }

  .section.s6 .container-fluid .row .col-sm-6 .textBox {
    margin-top: 3rem;
    margin-left: 1rem;
  }

/*# sourceMappingURL=main-4.css.map */
</style>

    <div id="fullPage" uk-lightbox="animation: fade">

        <script>
            if($(window).width() < 1024){ $('#fullPage').removeAttr('id'); }
        </script>

        <div class="section s1">
            <div class="container-fluid">
                <div class="row bg-half-dark pt-4 pb-4">

                    <div class="col-sm-6 text-white">
                        <h1 class="display-1 pl-2 text-white">農場主人</h1>
                        <div class="textBox mt-3">
                            <h4 id="title1" class="display-4 pl-5 text-white">陳麗雪女士</h4>
                            <p class="text-monospace text-18 mt-3 pl-3 pr-3">
                                臺東縣卑南鄉陳麗雪女士為專業茶農， 具有學習與創新的精神，積極參與各項合作研發， 
                                並配合政府政策推行廠農合作、落實產銷履歷及安全用藥， 推展優質安全茶業，開發茶葉新產品。經營有機茶園， 
                                作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。 參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度，
                                開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，朝向觀光茶園發展。臺東縣卑南鄉陳麗雪女士為專業茶農， 
                                具有學習與創新的精神，積極參與各項合作研發， 並配合政府政策推行廠農合作、落實產銷履歷及安全用藥， 推展優質安全茶業，
                                開發茶葉新產品。經營有機茶園， 作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。 
                                參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度， 開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，
                                朝向觀光茶園發展。
                            </p>

                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="d-block img">
                            <a class="uk-inline" href="/userUpload/images/佳芳/master/32.jpg">
                                <img id="photo1" src="/userUpload/images/佳芳/master/32.jpg" alt="" 
                                class="img-fluid img-thumbnail left-20 shadow-filter-light img-transparent">
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="section s2">
            <div class="container-fluid">
                <div class="row bg-half-dark pt-4 pb-4">
                    <div class="col-sm-6">
                        <div class="d-block img" uk-grid uk-lightbox="animation: fade">
                            <a class="uk-inline" href="/userUpload/images/佳芳/master/28.jpeg">
                                <img id="photo2" src="/userUpload/images/佳芳/master/28.jpeg" alt="" 
                                class="img-fluid img-thumbnail shadow-filter-light img-transparent">
                            </a>
                        </div>
                    </div>


                    <div class="col-sm-6 text-white">
                        <h1 class="display-3 text-white">女神農堅持有機茶</h1>
                        <div class="textBox">

                            <p class="text-monospace text-20 indent-25 pl-5 pr-5 mt-3">
                                陳麗雪有機是留給後代的財富 2011年以堅持種植有機茶， 獲行政院農委會頒發神農獎的陳麗雪，從1998年開始學種有機茶。 
                                為了種有機茶，陳麗雪夫妻倆必須打零工維持家計，10多年辛苦走來， 終於受到肯定。陳麗雪說，如果能重來一次，
                                她還是會堅持走有機農業， 留給下一代一個清淨的家園。 陳麗雪娘家在高雄，20多年前嫁到臺東， 開始跟著先生和公公種茶，
                                當時雖然辛苦但是收入還算穩定，陳麗雪說， 茶葉採收後要經過36小時加工成品，這段加工的時間，可以說是不眠不休來完成， 
                                遇到產季時，整整一星期無法上床睡覺是常有的事，只能和先生輪流坐在椅子上瞇一下眼，
                                 雖然辛苦但是有固定的盤商收購，價格合理，所以生活還算穩定。                            
                            </p>

                            <p class="text-monospace text-20 indent-25 pl-5 pr-5 mt-3">
                                1990年代起，茶葉市場開始走下坡， 盤商不再上門收購，通路中斷後，有一段時間，陳麗雪要把茶葉帶回高雄娘家，
                                跑茶行甚至挨家挨戶去推銷， 茶行因為市場競爭激烈，往往把價格壓到幾乎沒有利潤，而且只收最好的極品部份，其他就全部被打回票。 
                                這樣臺東、高雄往返奔波苦撐，當時市場卻開始流行高海拔茶葉，大量傾銷的進口茶更讓中低價位的茶品難以招架， 
                                讓陳麗雪體認一定要做改變。                            
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="section s3">
            <div class="container-fluid">
                <div class="row bg-half-dark pt-4 pb-4">

                    <div class="col-sm-6 text-white">
                        <h1 class="display-5 pl-2 text-white">沒農藥的茶給蟲吃</h1>
                        <div class="textBox mt-5">
                            <p class="text-monospace text-18 mt-3 pl-3 pr-3">
                                「我們茶園海拔不夠，環境不允許，只有走有機這條路」， 認真思考後，陳麗雪開始斷用農藥，種了一輩子茶的公公第1個反對， 
                                他說：「不用農藥是種給蟲子吃的嗎？」 兩年過去幾乎沒有收成的茶園，讓家裡斷了生計， 夫妻只好出去打零工，
                                陳麗雪回憶當時老三才1歲多，好幾次沒有錢買奶粉，堅持到第3年， 先生在茶園鋤草時覺得不一樣了，回家拉著陳麗雪到園子裡，
                                果然土壤因為休養充足變的鬆軟有彈性， 小瓢蟲、螳螂、蜘蛛......許多昆蟲又活過來，茶樹的嫩芽顯得綠油油，
                                整個茶園一片生機盎然， 陳麗雪證明自己的決定是對的。                            
                            </p>

                            <p class="text-monospace text-18 mt-3 pl-3 pr-3">
                                當時認證的概念還未普及，不過有機茶已經慢慢在市場推展開來， 但要怎麼說明自己種的是有機茶，
                                又怎麼證明不是隨便講講？陳麗雪說，當時不只花了7,000元去做農藥殘留檢驗， 後來還到中興大 學參加有機農業研習後，
                                才有了申請有機茶園認證的行動。歷經10年的努力堅持， 陳麗雪的「佳芳茶園」從2008年起申請茶葉生產履歷認證，2009年通過認證，
                                而且在2008到2010年連續3年， 都通過多重農藥殘留分析檢驗合格，經「 慈心有機農業發展基金會」驗證有機茶園。                          
                            </p>


                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="d-block img" uk-grid uk-lightbox="animation: fade">
                            <a class="uk-inline" href="/userUpload/images/佳芳/master/48.jpg">
                                <img id="photo3" src="/userUpload/images/佳芳/master/48.jpg" alt="" 
                                class="img-fluid img-thumbnail shadow-filter-light img-transparent">
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="section s4">
            <div class="container-fluid">
                <div class="row bg-half-dark pt-4 pb-2">
                    <div class="col-sm-6">
                        <div class="d-block img" uk-grid uk-lightbox="animation: fade">
                            <a class="uk-inline" href="/userUpload/images/佳芳/brand/30.jpeg">
                                <img id="photo4" src="/userUpload/images/佳芳/brand/30.jpeg" alt="" 
                                class="img-fluid img-thumbnail shadow-filter-light img-transparent">
                            </a>
                        </div>
                    </div>


                    <div class="col-sm-6 text-white">
                        <h1 class="display-3 text-white mt-2">小農行銷出頭天</h1>
                        <div class="textBox text-16">

                            <p class="text-monospace indent-25 pl-5 pr-5 mt-3">
                                一路走來， 陳麗雪對茶園的經營更有心得，為了更有效管理，選擇種植生命力強韌的臺灣特有種「青心烏龍」，
                                研發不團揉、不發酵的加工技術，推出有機冷泡綠茶，不斷研發紅烏龍、梅子綠茶、香草花茶等新產品， 
                                迎合茶飲料市場需求，成功打開新的通路。
                            </p>

                            <p class="text-monospace indent-25 pl-5 pr-5 mt-3">
                                陳麗雪的經營理念，多來自臺東大學的指導，茶園的工作雖然忙碌， 陳麗雪還是報名就讀臺東大學綠色產業科技學系，
                                當時已經40出頭，是全班最年長的學生，她笑稱同學有的比她孩子還小， 陳麗雪表示，有了學理的啟示，讓她了解管理的重要。
                                嫁到臺東來投入農業經營，從只知道辛苦的付出勞力，到慢慢摸索體會， 再加上教授的指導，讓陳麗雪獲益良多。
                            </p>

                            <p class="text-monospace indent-25 pl-5 pr-5 mt-3">
                                為了改善茶農們普遍老化，不擅長行銷的缺憾，陳麗雪想出「廠農合作」計畫， 由「佳芳茶園」以保證價格收購茶菁，
                                統整雇工採收、加工、包裝的製茶流程，不但創造社區就業機會， 茶農也有固定收益，茶廠有優質的茶菁製茶，
                                消費者可以安心喝好茶，一舉數得。                            
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="section s5">
            <div class="container-fluid">
                <div class="row bg-half-dark pt-4 pb-4">
                    <div class="col-sm-6">
                        <div class="d-block img" uk-grid uk-lightbox="animation: fade">
                            <a class="uk-inline" href="/userUpload/images/佳芳/master/49.jpg">
                                <img id="photo5" src="/userUpload/images/佳芳/master/49.jpg" alt="" 
                                class="img-fluid img-thumbnail shadow-filter-light img-transparent">
                            </a>
                        </div>
                    </div>


                    <div class="col-sm-6 text-white">
                        <h1 class="display-3 text-white">有機只是農民的義務</h1>
                        <div class="textBox">

                            <p class="text-monospace text-20 indent-25 pl-5 pr-5 mt-3">
                                問陳麗雪如果再重來一次，還會選擇種有機茶嗎？她很堅定的說「會」！ 從事有機農業越久，越能體認愛這片土地的重要，陳麗雪說，
                                長期大量使用農藥， 使得土壤嚴重的汙染，各種重金屬沉積在我們生活的這片土地，我們吃下這些污染的農作物， 身體當然不好，
                                陳麗雪說，政府民間都已經建立環境保護的觀念。                            
                            </p>

                            <p class="text-monospace text-20 indent-25 pl-5 pr-5 mt-3">
                                雖然有點晚但是大家一起積極的行動， 還是能讓被污染的土地再活起來，她甚至強調要把有機農業的觀念，
                                向下紮根放進教材裡，讓小朋友從小建立愛土地的觀念。 得獎表示獲得肯定，但是陳麗雪謙虛的說，只是盡一個農民的義務，
                                希望把有機農業成功的推廣出去，讓下一代生活的環境更健康更優質。                      
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="section s6">
            <div class="container-fluid">
                <div class="row bg-half-dark pt-4 pb-4">

                    <div class="col-sm-6 text-white">
                        <h1 class="display-3 text-white">陳麗雪學經歷</h1>
                        <div class="textBox uk-child-width-expand@s" uk-grid>
                            <div>
                                <h4 class="text-20 text-white">學歷：</h4>
                                <ul class="uk-list uk-list-large uk-list-bullet text-18">
                                    <li>嘉義縣後塘國小</li>
                                    <li>嘉義縣鹿草國中</li>
                                    <li>私立高雄國際商工商科畢業</li>
                                    <li>台東大學綠色產業學士班</li>
                                </ul>
                            </div>
                        
                            <div>
                                <h4 class="text-20 text-white">經歷：</h4>
                                <ul class="uk-list uk-list-large uk-list-bullet text-18">
                                    <li>茶園經營管理30年</li>
                                    <li>茶葉市場行銷28年</li>
                                    <li>茶葉產銷班班長5年</li>
                                    <li>有機驗證13年</li>
                                    <li>茶葉生產履歷驗證6年</li>
                                    <li>廠農合作負責人</li>
                                    <li>有機協會創會理事長</li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="d-block img" uk-grid uk-lightbox="animation: fade">
                            <a class="uk-inline" href="/userUpload/images/佳芳/master/38.jpg">
                                <img id="photo6" src="/userUpload/images/佳芳/master/38.jpg" alt="" 
                                class="img-fluid img-thumbnail shadow-filter-light img-transparent">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.6/ionicons.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/js/uikit.min.js"></script>
    <script src="./node_modules/smooth-scrollbar/dist/smooth-scrollbar.js"></script>
    <!-- Fullpape js-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/vendors/scrolloverflow.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/vendors/easings.min.js"></script>
    <script src="https://kit.fontawesome.com/480b90f7d2.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

    <script type="text/javascript">
        new fullpage("#fullPage", {
            //option
            autoScrolling: true,
            navigation: true,
            slidesNavigation: true,
            css3: true,
            scrollingSpeed: 1000
        });

        $(".navbar-brand img").addClass("img-class img-transparent");

        //GSAP 
        TweenMax.to ("#photo1", 2, {
            delay: .2,
            x: -80,
            opacity: 1,
            ease: Expo.ease,
            rotation: 7
        });

        TweenMax.to ("#photo2, #photo6", 2, {
            delay: .2,
            x: 20,
            opacity: 1,
            ease: Expo.ease,
            rotation: -7
        });

        TweenMax.to ("#photo6", 2, {
            delay: .2,
            x: 20,
            opacity: 1,
            ease: Expo.ease,
            rotation: 2
        });

        TweenMax.to ("#photo3, #photo5", 2, {
            delay: .2,
            x: 20,
            opacity: 1,
            ease: Expo.ease,
            rotation: 7
        });

        TweenMax.to ("#photo4", 2, {
            delay: .5,
            x: 20,
            opacity: 1,
            ease: Expo.ease,
            rotation: -3
        });

        TweenMax.to(".textBox, p", 2, {
            delay: .6,
            x: 30,
            opacity: 1,
            ease: Expo.ease
        });

        TweenMax.from(".display-1", 2, {
            delay: 1.6,
            x: -30,
            opacity: 0,
            ease: Expo.ease
        });

        TweenMax.from(".img-class", 2, {
            delay: 1.6,
            y: 20,
            opacity: 0,
            ease: Expo.ease
        });

        TweenMax.staggerFrom(".navbar-collapse ul.navbar-nav li", 2, {
            delay: 1,
            y: 20,
            opacity: 0,
            ease: Expo.ease
        }, 0.1);
    </script>