|
|
@@ -11,103 +11,325 @@
|
|
|
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
|
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
|
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
|
+ <link rel="stylesheet" href="/css/custom.css">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
{{ partial "navbar.html" . }}
|
|
|
-
|
|
|
- <main class="container" style="overflow-x: hidden;">
|
|
|
- <section class="header" style="height: auto;">
|
|
|
- <img src="/imgs/01.webp" alt="" class="header-lefttop">
|
|
|
- <div class="row align-items-center g-0">
|
|
|
- <div class="col-12 text-center ">
|
|
|
- <h2 class="header-title">關於我們</h2>
|
|
|
- <p class="text-center px-2 px-md-5" style="line-height: 32px;">
|
|
|
+ <header class="about-header">
|
|
|
+ <img src="/imgs/aboutus/關於我們-01.webp" alt="" class="img-fluid">
|
|
|
+ <section>
|
|
|
+ <div class="row justify-content-center align-items-center g-0">
|
|
|
+ <div class="col-lg-8">
|
|
|
+ <h2 class="header-title text-center mb-4">關於我們</h2>
|
|
|
+ <p class="px-2 px-md-5">
|
|
|
成員來自工研院巨量資料中心、台積電、中華電信研究院、台大、清大、交大；並曾獲選科技部「預見。新創計畫」代表團隊，赴矽谷加速器培訓；成員多為資訊工程／資訊管理相關背景。團隊成員曾獲得工研院傑出研究獎、資訊月百大產品獎、艾奇獎等等。優異技術獲得創投青睞。
|
|
|
<p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
- <section class="category container text-center py-5">
|
|
|
- <h2 class="category-sub-h2 pt-4 pb-3">我們的合作夥伴</h2>
|
|
|
- <h5 style="font-weight: 300;">目前在資料分析與企業軟體領域
|
|
|
- ，已累積中大型企業客戶
|
|
|
+ </header>
|
|
|
+
|
|
|
+ <main class="container about-content" style="overflow-x: hidden;">
|
|
|
+
|
|
|
+ <section class="category container text-center my-5 py-5">
|
|
|
+ <h5>
|
|
|
+ 集仕多 ChoozMo 創造台灣第一個 AI 主播，也是目前唯一獲得工業局－人工智慧技術服務機構能量登錄，<br>
|
|
|
+ 具虛擬人像技術的廠商，公司核心專注於 Deep Learning 與 AI 技術。 <br>
|
|
|
+ 能替客戶帶來穩定的網路流量，帶來產品曝光，並進一步轉換成訂單。 <br>
|
|
|
+ 集仕多 ChoozMo 獲得千萬級專業創投投資，也曾獲得文策院百萬支持金。
|
|
|
</h5>
|
|
|
- <div class="container">
|
|
|
- <div class="row row-cols-2 row-cols-md-4">
|
|
|
- <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo2.png" alt=""
|
|
|
- class="aboutus_img"></div>
|
|
|
- <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo1.png" alt=""
|
|
|
- class="aboutus_img"></div>
|
|
|
- <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo6.png" alt=""
|
|
|
- class="aboutus_img"></div>
|
|
|
- <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo4.png" alt=""
|
|
|
- class="aboutus_img"></div>
|
|
|
- <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo5.png" alt=""
|
|
|
- class="aboutus_img"></div>
|
|
|
- <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo3.png" alt=""
|
|
|
- class="aboutus_img"></div>
|
|
|
- <div class="col d-flex align-items-center"><img src="/imgs/aboutus/partner_logo7.png" alt=""
|
|
|
- class="aboutus_img" style="width: 70%;"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <h5 class="mt-4">
|
|
|
+ 應用於 Cloud Expo，可以進行跨區域、跨國際的線上會展服務，解決部分碳排放的問題， <br>
|
|
|
+ 且可快速得到反饋及挖掘潛在客戶，在虛擬會議展覽，可以進行即時 Q&A 回饋， <br>
|
|
|
+ 協助企業舉辦線上展售活動。
|
|
|
+ </h5>
|
|
|
+ <span class="line"></span>
|
|
|
+ <h3 class="fw-bold">客戶與合作夥伴</h3>
|
|
|
+ <h5 class="mt-5 pt-2">
|
|
|
+ 三個月內，為客戶創造 每日 100,000 page view <br>
|
|
|
+ 三個月內，為客戶優化 progress-04 搜尋排名到行業第二
|
|
|
+ </h5>
|
|
|
+ <h5 class="mt-4 mb-5">
|
|
|
+ 客戶產業多元領域全面，包括：雄獅旅遊總公司、永慶房屋總部、麗嬰房總公司、AROPEC 金鴻、台灣仁本、幸福空間、小寶居家、TEATOP、清原芋園、好睡王、班尼斯等知名企業。
|
|
|
+ </h5>
|
|
|
+ <img src="/imgs/aboutus/關於我們-02.webp" alt="ChoozMo 客戶與合作夥伴" class="img-fluid d-none d-md-block">
|
|
|
+ <img src="/imgs/aboutus/關於我們-02-mb.webp" alt="ChoozMo 客戶與合作夥伴" class="img-fluid d-block d-md-none">
|
|
|
</section>
|
|
|
- <section class="category container text-center img-block">
|
|
|
- <div class="row row-cols-1 row-cols-md-2">
|
|
|
- <div class="col position-relative">
|
|
|
- <img class="img-block-img aboutus_prize_img" src="/imgs/aboutus/aboutus_prize.png" alt="" style="width: 60%;">
|
|
|
- <img class="img-block-linecir left" src="/imgs/裝飾圓.webp" alt="">
|
|
|
+
|
|
|
+ <div class="row gy-4 pb-5 justify-content-center project-item">
|
|
|
+ <div class="col-12 col-lg-4">
|
|
|
+ <img src="/imgs/aboutus/關於我們-03.webp" alt="2022 Google 台灣孵創計畫" class="img-fluid">
|
|
|
+ <h2>2022 Google 台灣孵創計畫<br>
|
|
|
+ （Project Hatcher）
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-lg-4">
|
|
|
+ <img src="/imgs/aboutus/關於我們-04.webp" alt="鴻海專利扶植新創計畫證書" class="img-fluid">
|
|
|
+ <h2>鴻海專利扶植新創計畫證書</h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-lg-4">
|
|
|
+ <img src="/imgs/aboutus/關於我們-05.webp" alt="5G 產業創新聯盟成員" class="img-fluid">
|
|
|
+ <h2>5G 產業創新聯盟成員</h2>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <span class="line mb-5"></span>
|
|
|
+
|
|
|
+ <div id="info">
|
|
|
+ <h3 class="fw-bold text-center mb-5 pb-md-5">獲頒獎項</h3>
|
|
|
+ <div class="row gy-3 justify-content-center align-items-center">
|
|
|
+ <div class="col-12 col-sm-6 col-lg-4 progress-01">
|
|
|
+ <img src="/imgs/aboutus/關於我們-06.webp" alt="" class="img-fluid">
|
|
|
+ </div>
|
|
|
+ <div class="col-6 col-lg-5">
|
|
|
+ <h2>
|
|
|
+ 獲選 G Camp 2022 <br>
|
|
|
+ Q2 參與海外展覽曝光
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-sm-6 col-lg-4 progress-02">
|
|
|
+ <img src="/imgs/aboutus/關於我們-07.webp" alt="" class="img-fluid">
|
|
|
+ </div>
|
|
|
+ <div class="col-6 col-lg-5">
|
|
|
+ <h2>
|
|
|
+ 2022 年度新創之星獎 <br>
|
|
|
+ <small>（2022.09）</small>
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-sm-6 col-lg-4 progress-03">
|
|
|
+ <img src="/imgs/aboutus/關於我們-08.webp" alt="" class="img-fluid">
|
|
|
+ </div>
|
|
|
+ <div class="col-6 col-lg-5">
|
|
|
+ <h2>
|
|
|
+ AI 廣告投放與 <br>
|
|
|
+ AI 主播獲得工業局認證 <br>
|
|
|
+ <small>（2022/07/15）</small>
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-sm-6 col-lg-4 progress-04">
|
|
|
+ <img src="/imgs/aboutus/關於我們-09.webp" alt="" class="img-fluid">
|
|
|
+ </div>
|
|
|
+ <div class="col-6 col-lg-5">
|
|
|
+ <h2>
|
|
|
+ 獲得創業嘉年華元宇宙組 <br>
|
|
|
+ MINI 獨角獸獎 <br>
|
|
|
+ <small>（2022/01/21）</small>
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-sm-6 col-lg-4 progress-05">
|
|
|
+ <img src="/imgs/aboutus/關於我們-10.webp" alt="" class="img-fluid">
|
|
|
+ </div>
|
|
|
+ <div class="col-6 col-lg-5">
|
|
|
+ <h2>
|
|
|
+ 通過文化新創加速推進計畫 <br>
|
|
|
+ <small>（2021 獲得文策院 100 萬支持金）</small>
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-sm-6 col-lg-4 progress-06">
|
|
|
+ <img src="/imgs/aboutus/關於我們-11.webp" alt="" class="img-fluid">
|
|
|
+ </div>
|
|
|
+ <div class="col-6 col-lg-5">
|
|
|
+ <h2>
|
|
|
+ 入圍 5G Arena <br>
|
|
|
+ <small>（獲得獎金，2021）</small>
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-sm-6 col-lg-4 progress-07">
|
|
|
+ <img src="/imgs/aboutus/關於我們-12.webp" alt="" class="img-fluid">
|
|
|
+ </div>
|
|
|
+ <div class="col-6 col-lg-5">
|
|
|
+ <h2>
|
|
|
+ 榮獲2021數位奇點獎殊榮 <br>
|
|
|
+ 最佳科技創新獎 <br>
|
|
|
+ <small>（2021/11/25） <br>
|
|
|
+ 我們運用科技的創新運用， <br>
|
|
|
+ 有效提升產品效能和使用者體驗。
|
|
|
+ </small>
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="col-12 col-sm-6 col-lg-4 progress-08">
|
|
|
+ <img src="/imgs/aboutus/關於我們-13.webp" alt="" class="img-fluid">
|
|
|
</div>
|
|
|
- <div class="col my-auto pt-3 pt-md-0">
|
|
|
- <h4>榮獲奇點獎殊榮</h4>
|
|
|
- <strong>最佳科技創新獎</strong>
|
|
|
- <p class="mt-2">我們運用科技的創新運用，有效提升產品效能和使用者體驗。</p>
|
|
|
+ <div class="col-6 col-lg-5">
|
|
|
+ <h2>
|
|
|
+ 通過新竹縣 SBIR 計畫： <br>
|
|
|
+ 客語 AI 主播與竹縣場域驗證
|
|
|
+ </h2>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
+ </div>
|
|
|
|
|
|
- </main>
|
|
|
- <footer class="footer">
|
|
|
- <div class="container container__footer">
|
|
|
- <div class="row">
|
|
|
- <div class="col-6">
|
|
|
- <h4>About us</h4>
|
|
|
- <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer-img"></a>
|
|
|
- <div class="followus">
|
|
|
- <span class="followus__txt">關注我們</span>
|
|
|
- <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img
|
|
|
- src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
|
|
|
- <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png"
|
|
|
- alt=""></a>
|
|
|
- <br>
|
|
|
- <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
|
|
|
- </div>
|
|
|
- <hr class="d-block d-md-none">
|
|
|
- </div>
|
|
|
- <!-- <div class="col-md-4 col-6">
|
|
|
- <div>
|
|
|
- <p class="footer__btn__text">想洽詢我們的專案製作嗎？</p>
|
|
|
- <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <div class="col-6">
|
|
|
- <h4>Contact</h4>
|
|
|
- <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
|
|
|
- <br>新竹縣竹北市復興二路229號9樓之9
|
|
|
- <br>聯絡電話：036670804
|
|
|
- <br>聯絡信箱：service@choozmo.com
|
|
|
- </p>
|
|
|
- <hr class="hidden-md hidden-lg hidden-sm">
|
|
|
+ <div class="progress-item">
|
|
|
+ <div class="cont">
|
|
|
+ <progress id="progress-bar" min="1" max="100" value="0"></progress>
|
|
|
+ <span class="info border-change"></span>
|
|
|
+ <span class="progress-01"></span>
|
|
|
+ <span class="progress-02"></span>
|
|
|
+ <span class="progress-03"></span>
|
|
|
+ <span class="progress-04"></span>
|
|
|
+ <span class="progress-05"></span>
|
|
|
+ <span class="progress-06"></span>
|
|
|
+ <span class="progress-07"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <span class="line mb-5 progress-end"></span>
|
|
|
+
|
|
|
+ <div class="text-center">
|
|
|
+ <h3 class="fw-bold mb-4">2023 CES</h3>
|
|
|
+ <h5>發起全球 AI 媒體聯盟 <br>
|
|
|
+ Global AI Media Alliance
|
|
|
+ </h5>
|
|
|
+ <img src="/imgs/aboutus/關於我們-15.webp" alt="Global AI Media Alliance" class="img-fluid d-none d-md-block mt-4">
|
|
|
+ <img src="/imgs/aboutus/關於我們-15-mb.webp" alt="Global AI Media Alliance"
|
|
|
+ class="img-fluid d-block d-md-none mt-4 px-3">
|
|
|
+ <section class="ai-media">
|
|
|
+ <img src="/imgs/aboutus/關於我們-16.webp" alt="Global AI Media Alliance" class="img-fluid mt-4">
|
|
|
+ <div class="d-flex justify-content-center align-items-center icon">
|
|
|
+ <a href="https://www.facebook.com/people/Global-AI-Media-Alliance/100089679361116/" target="_blank">
|
|
|
+ <img src="/imgs/aboutus/icon-01.jpg" alt="Global-AI-Media-Facebook">
|
|
|
+ </a>
|
|
|
+ <a href="https://www.linkedin.com/company/global-ai-media-alliance/?originalSubdomain=tw" target="_blank">
|
|
|
+ <img src="/imgs/aboutus/icon-02.jpg" alt="Global-AI-Media-LinkedIn">
|
|
|
+ </a>
|
|
|
+ <a href="https://cmm.ai/ces2023vid/" target="_blank">
|
|
|
+ <img src="/imgs/aboutus/icon-03.jpg" alt="Global-AI-Media">
|
|
|
+ </a>
|
|
|
</div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <span class="line mb-5"></span>
|
|
|
+
|
|
|
+ <div class="text-center">
|
|
|
+ <h3 class="fw-bold mb-5">公司位置</h3>
|
|
|
+ <div class="google-maps">
|
|
|
+ <iframe
|
|
|
+ src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3621.5863521815195!2d121.03631861537596!3d24.809613953402764!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3468371664332d53%3A0xd975b0ab5ea55f3b!2z6ZuG5LuV5aSa6IKh5Lu95pyJ6ZmQ5YWs5Y-4IENob296TW8gaW5jLg!5e0!3m2!1szh-TW!2stw!4v1680763038600!5m2!1szh-TW!2stw"
|
|
|
+ style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </main>
|
|
|
+
|
|
|
+ <section class="sec-action about-action">
|
|
|
+ <div class="container-fluid">
|
|
|
+ <div class="action-clip text-center">
|
|
|
+ <h2 class="mb-0" style="line-height: 46px;">
|
|
|
+ 想了解更多資訊嗎？
|
|
|
+ </h2>
|
|
|
+ </div>
|
|
|
+ <div class="action-triangle">
|
|
|
</div>
|
|
|
</div>
|
|
|
- </footer>
|
|
|
+ <div class="container text-center">
|
|
|
+ <button class="action-btn" onclick="window.location.href=`/contact/service/`">聯絡我們</button>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ {{ partial "footer.html" . }}
|
|
|
+
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
|
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
|
crossorigin="anonymous"></script>
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
|
|
|
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
|
|
|
crossorigin="anonymous"></script>
|
|
|
+ <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
|
|
|
+ crossorigin="anonymous"></script>
|
|
|
+ <script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $('.progress-item span').click(function () {
|
|
|
+ let className = $(this).attr("class").split(' ')[0];
|
|
|
+ // 錨點
|
|
|
+ $('html,body').animate({ scrollTop: $(`.${className}`).offset().top }, 300);
|
|
|
+ console.log('className', className);
|
|
|
+ let percent = '';
|
|
|
+
|
|
|
+ if (className === "progress-01") {
|
|
|
+ percent = '14'
|
|
|
+ } else if (className === "progress-02") {
|
|
|
+ percent = '28'
|
|
|
+ } else if (className === "progress-03") {
|
|
|
+ percent = '42'
|
|
|
+ } else if (className === "progress-04") {
|
|
|
+ percent = '56'
|
|
|
+ } else if (className === "progress-05") {
|
|
|
+ percent = '70'
|
|
|
+ } else if (className === "progress-06") {
|
|
|
+ percent = '84'
|
|
|
+ } else if (className === "progress-07") {
|
|
|
+ percent = '100'
|
|
|
+ }
|
|
|
+
|
|
|
+ if ($(this).hasClass('info')) {
|
|
|
+ $('#progress-bar').val('0');
|
|
|
+ $(this).nextAll().removeClass('border-change');
|
|
|
+ } else if ($(this).hasClass(className)) {
|
|
|
+ $('#progress-bar').val(percent);
|
|
|
+ $(this).prevAll().addClass('border-change');
|
|
|
+ $(this).addClass('border-change');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ var scroll = 0;
|
|
|
+ let scrollVal = '';
|
|
|
+
|
|
|
+ $(window).scroll(function () {
|
|
|
+ // 於特定區塊顯示進度條
|
|
|
+ if ($(this).scrollTop() > $('#info').offset().top - 200 && $(this).scrollTop() < $('.progress-end').offset().top - 700) {
|
|
|
+ $(".progress-item").css("opacity", "1");
|
|
|
+ } else {
|
|
|
+ $(".progress-item").css("opacity", "0");
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // 依捲軸高度調整 progress-bar value
|
|
|
+ if ($(this).scrollTop() > $('#info').offset().top - 100 && $(this).scrollTop() < $('#info').offset().top + 50) {
|
|
|
+ scrollVal = '0';
|
|
|
+ $('.info').nextAll().removeClass('border-change');
|
|
|
+ } else if ($(this).scrollTop() > $('.progress-01').offset().top - 100 && $(this).scrollTop() < $('.progress-01').offset().top + 50) {
|
|
|
+ scrollVal = '15';
|
|
|
+ $('.progress-01').nextAll().removeClass('border-change');
|
|
|
+ $('.progress-01').prevAll().addClass('border-change');
|
|
|
+ $('.progress-01').addClass('border-change');
|
|
|
+ } else if ($(this).scrollTop() > $('.progress-02').offset().top - 100 && $(this).scrollTop() < $('.progress-02').offset().top + 50) {
|
|
|
+ scrollVal = '30';
|
|
|
+ $('.progress-02').nextAll().removeClass('border-change');
|
|
|
+ $('.progress-02').prevAll().addClass('border-change');
|
|
|
+ $('.progress-02').addClass('border-change');
|
|
|
+ } else if ($(this).scrollTop() > $('.progress-03').offset().top - 100 && $(this).scrollTop() < $('.progress-03').offset().top + 50) {
|
|
|
+ scrollVal = '45';
|
|
|
+ $('.progress-03').nextAll().removeClass('border-change');
|
|
|
+ $('.progress-03').prevAll().addClass('border-change');
|
|
|
+ $('.progress-03').addClass('border-change');
|
|
|
+ } else if ($(this).scrollTop() > $('.progress-04').offset().top - 100 && $(this).scrollTop() < $('.progress-04').offset().top + 50) {
|
|
|
+ scrollVal = '60';
|
|
|
+ $('.progress-04').nextAll().removeClass('border-change');
|
|
|
+ $('.progress-04').prevAll().addClass('border-change');
|
|
|
+ $('.progress-04').addClass('border-change');
|
|
|
+ } else if ($(this).scrollTop() > $('.progress-05').offset().top - 150 && $(this).scrollTop() < $('.progress-05').offset().top + 20) {
|
|
|
+ scrollVal = '73';
|
|
|
+ $('.progress-05').nextAll().removeClass('border-change');
|
|
|
+ $('.progress-05').prevAll().addClass('border-change');
|
|
|
+ $('.progress-05').addClass('border-change');
|
|
|
+ } else if ($(this).scrollTop() > $('.progress-06').offset().top - 100 && $(this).scrollTop() < $('.progress-06').offset().top + 50) {
|
|
|
+ scrollVal = '88';
|
|
|
+ $('.progress-06').nextAll().removeClass('border-change');
|
|
|
+ $('.progress-06').prevAll().addClass('border-change');
|
|
|
+ $('.progress-06').addClass('border-change');
|
|
|
+ } else if ($(this).scrollTop() > $('.progress-07').offset().top - 100 && $(this).scrollTop() < $('.progress-07').offset().top + 50) {
|
|
|
+ scrollVal = '100';
|
|
|
+ $('.progress-07').nextAll().removeClass('border-change');
|
|
|
+ $('.progress-07').prevAll().addClass('border-change');
|
|
|
+ $('.progress-07').addClass('border-change');
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ $('#progress-bar').val(scrollVal);
|
|
|
+ })
|
|
|
+ </script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
