M0117
/
gary_wms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
401 Commits
2 Branches
0 Tags
3.0 GiB
 
 
 
 
 
 
Tree: 601934ed62
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '601934ed62'
${ noResults }
gary_wms/test.html

335 lines
13 KiB
Raw Blame History

<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta name="description" content="">
<title>永佳捷電梯</title>
<link rel="icon" sizes="48x48" href="images/header/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" sizes="48x48" href="images/header/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" sizes="48x48" href="images/header/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/all.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
<link rel="stylesheet" type="text/css" href="css/slick.css" />
<link rel="stylesheet" type="text/css" href="css/creer.css">
</head>
<body>
<header w3-include-html="include/header.html"></header>
<div id="pre-loader">
<div class="spinner">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</div>
<main class="home-page">
<section class="home-video">
<video id="home-video" poster="images/index/banner.jpg" preload="auto" loop autoplay muted="true" controls>
<source type="video/mp4" src="images/index/home-video.mp4" />
</video>
</section>
<section class="home-advantage">
<div class="container position-relative">
<b class="section-en">Masada</b>
<div class="card-wrap">
<div class="card-container">
<header class="section-title wow fadeInDown">
<h2>電梯安全嗎？</h2>
</header>
<div class="home-safe">
<p>自西元1845年首部垂直載人設備誕生以來，電梯屬冷門工業產品，非大眾終端個體消費品，長期蒙上一層薄紗，不為外人所了解。<br><br>隨著新興科技領域擴張，歷經近180年的演化與蛻變，智能與傳動系統的普及，電梯技術門檻已經降低。<br><br>綜觀汽車產業亦是如此，汽車受發動機(引擎)與變速箱的技術所箝制，長期為世界各大車廠所佔據，導致新進企業進入困難，汽車價格居高不下。</p>
<p>永磁同步馬達（permanent-magnet synchronous motor），即PM馬達與變頻控制器的應用進步，使得汽車與電梯產業大躍進，如汽車新創公司特斯拉、鴻海、比亞迪等企業皆紛紛投入電動車研製，展現彎道超車的本事，超越原來汽車行業大集團，原因無他，PM馬達與變頻技術非常成熟，並廣為工業領域大量應用所致。<br><br>電梯設備研製邏輯與電動汽車相彷，只是汽車是水平移動，速度快、變量多，電梯是垂直移動、速度慢且是在固定空間井道的交通工具，控制上的複雜程度遠遠低於汽車，安全係數相對很高，所以新創電梯集團在全球紛紛快速崛起。</p>
</div>
<!-- <div class="d-flex">
<div class="advantage-item">
<h4>技術面</h4>
<b>1</b>
<p>核心成員資歷超過25年以上，班底來自股票上市公司，謹守公司治理原則。</p>
</div>
<div class="advantage-item">
<h4>產品面</h4>
<b>2</b>
<p>住、商新梯、別墅家用梯、汰舊換新、維修保養。</p>
</div>
<div class="advantage-item">
<h4>獲利面</h4>
<b>3</b>
<p>大股東為台灣大型開發商，積極建立戰略合作夥伴關係，並爭取原廠以外的維保市場。</p>
</div>
</div>
<div class="btn-group">
<a class="btn-draw" href="about.html">了解詳情</a>
</div> -->
</div>
</div>
</div>
</section>
<section class="home-service">
<header class="section-title">
<b>Service</b>
<h2 class="wow fadeInDown">永佳捷提供的核心服務</h2>
</header>
<div class="container">
<div class="home-service-bg">
<img src="images/index/home-service-bg.png" alt="" class="img-fluid">
<ul>
<li class="safe wow fadeIn">安全至上</li>
<li class="professional wow fadeIn">專業至上</li>
<li class="service wow fadeIn">服務馬上到</li>
</ul>
</div>
</div>
</section>
<section class="home-about">
<div class="home-about-wrap">
<b class="section-en">About</b>
<div class="home-about-left">
<header class="section-title wow fadeInDown">
<h2>公司宗旨</h2>
</header>
<div class="home-about-info">
以科技引領，讓運載更安全、更貼心，<br>提供更多元選擇，滿足您更高的需求價值。
</div>
</div>
<div class="slider home-about-slider">
<div class="home-about-item">
<img src="images/index/about-1.jpg" alt="" class="img-fluid">
</div>
<div class="home-about-item">
<img src="images/index/about-2.jpg" alt="" class="img-fluid">
</div>
<div class="home-about-item">
<img src="images/index/about-3.jpg" alt="" class="img-fluid">
</div>
<div class="home-about-item">
<img src="images/index/about-1.jpg" alt="" class="img-fluid">
</div>
<div class="home-about-item">
<img src="images/index/about-2.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</section>
<section class="home-news">
<div class="home-news-bg"></div>
<header class="section-title wow fadeInDown">
<h2>最新消息</h2>
</header>
<div class="container-fluid">
<div class="slider home-news-slider">
<div class="home-news-item">
<div class="card-wrap">
<div class="card-container">
<article>
<a href="news/news-1.html">
<img src="images/index/news-1.jpg" alt="" class="img-fluid">
<time>2022/03/15</time>
<h5>推出防疫電梯選配產品 - 非接觸式按鈕、擁擠度顯示、抗菌按鈕</h5>
</a>
</article>
</div>
</div>
</div>
<div class="home-news-item">
<div class="card-wrap">
<div class="card-container">
<article>
<a href="news/news-1.html">
<img src="images/index/news-2.jpg" alt="" class="img-fluid">
<time>2022/03/06</time>
<h5>取得 「VDI4701電梯能源效率標章5A」 等級認証取得 「VDI4701電梯能源效率標取得 「VDI4701電梯能源效率標章5A」 等級認証取得 「VDI4701電梯能源效率標</h5>
</a>
</article>
</div>
</div>
</div>
<div class="home-news-item">
<div class="card-wrap">
<div class="card-container">
<article>
<a href="news/news-1.html">
<img src="images/index/news-3.jpg" alt="" class="img-fluid">
<time>2022/03/03</time>
<h5>ISO9001: 2015， ISO14001: 2015 複審合格証書ISO9001: 2015， ISO14001: ISO9001: 2015， ISO14001: 2015 複審合格証書ISO9001: 2015， ISO14001: 2</h5>
</a>
</article>
</div>
</div>
</div>
<div class="home-news-item">
<div class="card-wrap">
<div class="card-container">
<article>
<a href="news/news-1.html">
<img src="images/index/news-2.jpg" alt="" class="img-fluid">
<time>2022/03/01</time>
<h5>推出防疫電梯選配產品 - 非接觸式按鈕、擁擠度顯示、抗菌按鈕推出防疫電梯選配產品 - 非接觸式按鈕、擁擠度顯示、抗菌按鈕推出防疫電梯選配產品 - 非接觸式按鈕、擁擠度顯示、抗菌按鈕</h5>
</a>
</article>
</div>
</div>
</div>
</div>
<b class="section-en">News</b>
</div>
</section>
<section class="home-solution">
<header class="section-title">
<b>Solution</b>
<h2 class="wow fadeInDown">方案選擇</h2>
</header>
<div class="container">
<div class="pricing">
<div class="slider home-solution-slider">
<div class="pricing-box text-center">
<div class="pricing-title">
<h3>改修/改造</h3>
</div>
<div class="pricing-features">
<ul>
<li>改善電梯設備外觀美學特性</li>
<li>提高乘客的安全及乘梯體驗</li>
<li>降低關人、沖頂、溜梯等潛在安全風險</li>
<li>降低設備能耗及在能耗上費用支出</li>
<li>長期、充足、及時的備件供應</li>
</ul>
</div>
<div class="pricing-action">
<a class="btn-draw" href="javascript:void(0);">了解更多</a>
</div>
</div>
<div class="pricing-box pricing-highlight text-center">
<div class="pricing-title">
<h3>新梯</h3>
</div>
<div class="pricing-features">
<ul>
<li>標配、選配轎廂意匠</li>
<li>標配、選配天井選型</li>
<li>標配、選配地板選型</li>
<li>標配、選配層門選型</li>
<li>不鏽鋼扶手選型</li>
</ul>
</div>
<div class="pricing-action">
<a class="btn-draw" href="products-category.html">了解更多</a>
</div>
</div>
<div class="pricing-box text-center">
<div class="pricing-title">
<h3>智能維保</h3>
</div>
<div class="pricing-features">
<ul>
<li>APP保養計畫</li>
<li>智能手機維保</li>
<li>遠端監控系統</li>
<li>LINE@使用介面</li>
<li>全面電梯數據分析</li>
</ul>
</div>
<div class="pricing-action">
<a class="btn-draw" href="intelligent.html">了解更多</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="home-contact">
<b class="section-en">Contact</b>
<div class="home-contact-bg"></div>
<div class="container position-relative">
<div class="card-wrap">
<div class="card-container position-relative">
<div class="home-contact-bg"></div>
<header class="section-title wow fadeInDown">
<h2>線上諮詢</h2>
</header>
<form id="contactform" role="form" method="post" action="#">
<div class="row">
<div class="col-md-6">
<div class="form-field">
<input id="name" type="text" class="form-control" name="name" placeholder="姓名*" required>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<select class="form-select" aria-label="gender" id="gender" name="gender">
<option value="1" selected>女</option>
<option value="2">男</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<input id="tel" type="tel" class="form-control" name="tel" placeholder="電話*" required>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<input id="email" type="email" class="form-control" name="email" placeholder="E-mail*" required>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<input id="area" type="text" class="form-control" name="area" placeholder="使用場域*" required>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<select class="form-select" aria-label="service" id="service" name="service">
<option selected>選擇服務*</option>
<option value="1">維保</option>
<option value="2">改修、改造</option>
<option value="3">新梯</option>
<option value="4">電梯專家諮詢</option>
<option value="5">意見反饋</option>
<option value="6">其他</option>
</select>
</div>
</div>
<div class="col-md-12">
<div class="form-field">
<textarea class="form-control" id="textarea" name="textarea" rows="3" placeholder="留言訊息*" required></textarea>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<input id="contact_verify" type="text" class="form-control" name="verify" placeholder="驗證碼*" required>
</div>
</div>
<div class="col-md-6">
<div class="verifyimg"><a href="javascript:void(0);"><img src="images/contact/verifyimg.png" alt="驗證碼"></a></div>
</div>
<div class="col-md-12 text-center">
<button type="submit" class="btn-draw btn-orange">送出表單</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</main>
<footer w3-include-html="include/footer.html"></footer>
<a href="javascript:void(0);" class="scrollup">
<span class="scrollup-txt">TOP</span>
<div class="read-more-line">
<div class="line"></div>
<div class="dot"></div>
</div>
</a>
<script type="text/javascript" src="js/jquery-3.6.0-min.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<script type="text/javascript" src="js/creer.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>