@extends('layout.index_main')


@section('content')
<div class="d-none d-lg-block marquee-text-w">
    <!--        <marquee direction="left">維護公告-系統於:2020/04/05 AM-01:30 進行維護作業 預計:AM-05:30 完成 </marquee>-->
</div>
<div class="container-fluid ">
    <div class="row">
        <div class="col-12 pl-0 pr-0">
            <nav id="menu" class="navbar navbar-expand-lg  navbar_seting">
                <a href="index.php">
                    <img src="publicv2/images/logo.svg" alt="">
                    <!--                        <marquee class="marquee-text-p d-lg-none" direction="left">-->
                    <!--                            <a href="publicv2/login.html">維護公告-系統於:2020/04/05 AM-01:30 進行維護作業 預計:AM-05:30 完成</a>-->
                    <!--                        </marquee>-->
                </a>
                <button id="hamburger" class="navbar-toggler hamburger hamburger--collapse hamburger--accessible"
                    type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="hamburger-box"> <span class="hamburger-inner"></span> </span>
                </button>
                <div class="collapse navbar-collapse navbar-toggler-bg-color " id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto nav-link-text">
                        <!-- <li class="nav-item ">
                                        <a class="nav-link nav-link-text" href="#"></a>
                                    </li> -->
                        <li class="nav-item">
                            <a class="nav-link nav-link-text" href="#">功能說明</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle nav-link-text" href="#" id="navbarDropdown" role="button"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                立即購買</a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#Price-block">價格說明</a>
                                <!--                                    <a class="dropdown-item" href="#Program-block">方案介紹</a>-->
                                <!-- <div class="dropdown-divider"></div>
                                            <a class="dropdown-item" href="#">Something else here</a> -->
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link " href="start">註冊/登入</a>
                        </li>
                    </ul>
                </div>
            </nav>

        </div>
    </div>
</div>
<div class="container-fluid ">
    <div class="row">
        <div class="col-12 pr-0 pl-0">
            <div class="photo-h">
                <div class="logo-and-titel">
                    <h3>行動會議沒距離</h3>
                    <h4>LiveEZ</h4>
                    <img src="publicv2/images/logo_photo.svg" alt="logo-01">
                    <div class="registered-btn mt-3 d-flex justify-content-center align-items-center">
                        <a class="#" href="publicv2/login.html">免費立即註冊</a>
                    </div>
                </div>

                <img class="d-none d-md-block" src="publicv2/images/bg/index_001.jpg" alt="photo-w">
                <img class="d-md-none" src="publicv2/images/bg/index_001_c.jpg" alt="photo-c">
            </div>
            <div class="photo-02-box d-lg-none d-flex flex-column justify-content-center align-items-center pt-3 pb-3">
                <h3 class="text-center">行動視訊更EZ</h3>
                <p class="d-flex align-items-center justify-content-center text-center">
                    高速穩定視訊品質<br>跨平台動裝置支援iOS或Android<br>可輕鬆進行行動裝置多點視訊會議</p>
                <div class="bg-2_login ">
                    <a href="publicv2/login.html">免費立即註冊</a>
                </div>
            </div>
            <div class="photo-h ">
                <img class="d-none d-md-block" src="publicv2/images/bg/index_002.jpg" alt="photo-w-02">
                <img class="d-md-none" src="publicv2/images/bg/index_002_c.jpg" alt="photo-c-02">
                <div class="photo-02-btn d-none d-lg-block">
                    <h3 class="text-center">行動會議更EZ</h3>
                    <p class="text-center">高速穩定視訊品質<br>跨平台動裝置支援iOS或Android<br>可輕鬆進行行動裝置多點視訊會議</p>
                    <div class="bg-2_login text-center">
                        <a class="btn text-warning" href="publicv2/login.html">免費立即註冊</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 技術支援服務 -->
<div class="container-fluid ts-Services-block">
    <div class="row">
        <div class="col-12 ts-s-box-01 d-flex flex-column justify-content-center align-items-center">
            <h4 class="pt-4 pb-1 text-center">最快，最簡單，最強大的視訊會議工具，可擴展多方即時上線</h4>
            <h5 class="text-center pt-1 pb-1">比競爭對手快–5倍視訊支援</h5>
            <p class="pt-3 pb-3">LiveEZ結合使用Google Chrome 的智慧功能，協助您輕鬆完成一切事務，LiveEZ
                完備視訊功能讓你享盡網路便利性，這項視訊技術極大的提高雙向溝通的可能性，無損視頻處理的技術-重新混合，該技術可以從一個容器中重新包裝現有的視頻/音頻流，如閃電般的速度將它們包裝到新的視頻流中，並保留100％的視頻質量。
            </p>
        </div>
    </div>
</div>
<!-- 技術支援服務 END-->
<!-- photo-03 -->
<div class="container-fluid ">
    <div class="row">
        <div class="col-12 pr-0 pl-0">
            <div class="photo-h ">
                <div alt="photo-h-03">
                    <img class="d-none d-md-block" src="publicv2/images/bg/index_003.jpg" alt="photo-w-03">
                    <img class="d-md-none" src="publicv2/images/bg/index_003_c.jpg" alt="photo-c-03">
                </div>
            </div>
        </div>
    </div>
</div>

<div id="Price-block" class="container-fluid Price-block">
    <div class="row">
        <!-- <div class="col-12 Price-meeting d-flex justify-content-center align-items-center">
                    <h2>會議室方案</h2>
                </div> -->
        <div class="col-12  pt-5 pb-5">
            <div class="card-deck">
                <div class="card">
                    <div class="card-top d-flex justify-content-center align-items-center">
                        <h4>CP最高價格</h4>
                    </div>
                    <div class="Price-text d-flex justify-content-center">
                        <div class="d-flex align-items-start">
                            <h5 class="country">TWD</h5>
                        </div>
                        <div class="price-ntw d-flex align-items-end justify-content-center">
                            <h1>489</h1>
                            <h6>/每月會員費</h6>
                        </div>
                    </div>
                    <div class="price-note d-flex align-items-end justify-content-center">
                        <h6>單場會議可供連線Pro 25P</h6>
                    </div>
                    <div class="card-body d-flex justify-content-center">
                        <a class="btn d-flex justify-content-center align-items-center pt-2" href="">
                            免費註冊購買</a>
                    </div>
                </div>
                <div class="card">
                    <div class="card-top d-flex justify-content-center align-items-center">
                        <h4>超值選擇</h4>
                    </div>
                    <div class="Price-text d-flex justify-content-center">
                        <div class="d-flex align-items-start">
                            <h5 class="country">TWD</h5>
                        </div>
                        <div class="price-ntw d-flex align-items-end justify-content-center">
                            <h1>768</h1>
                            <h6>/每月會員費</h6>
                        </div>
                    </div>
                    <div class="price-note d-flex align-items-end justify-content-center">
                        <h6>單場會議可供連線Pro 50P</h6>
                    </div>
                    <div class="card-body d-flex justify-content-center">
                        <a class="btn d-flex justify-content-center align-items-center pt-2" href="">
                            免費註冊購買</a>
                    </div>
                </div>
                <div class="card">
                    <div class="card-top d-flex justify-content-center align-items-center">
                        <h4>專業首選</h4>
                    </div>
                    <div class="Price-text d-flex justify-content-center">
                        <div class="d-flex align-items-start">
                            <h5 class="country">TWD</h5>
                        </div>
                        <div class="price-ntw d-flex align-items-end justify-content-center">
                            <h1>1568</h1>
                            <h6>/每月會員費</h6>
                        </div>
                    </div>
                    <div class="price-note d-flex align-items-end justify-content-center">
                        <h6>單場會議可供連線Pro 100P</h6>
                    </div>
                    <div class="card-body d-flex justify-content-center">
                        <a class="btn d-flex justify-content-center align-items-center pt-2" href="">
                            免費註冊購買</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class=" pl-0 pr-0 pt-2 pb-2 ts-s-box-02 mb-3 ">
    <div class="ts-s-box-02-text d-flex flex-column justify-content-center align-items-center pt-2 pb-2 ">
        <h4 class="text-center">最新版本的<span> LiveEZ </span> 充分利用了視訊加速技術</h4>
        <h6 class="text-center">以最大化轉換速度，提供最佳的視訊品質</h6>
        <a class="btn text-center d-flex justify-content-center align-items-center" href="">免費立即註冊</a>
    </div>
    <img class="ts-s-box-02-photo" src="publicv2/images/bg_0001.jpg" alt="">
</div>

<!-- photo-03 end-->
<div class="container-fluid Guarantee-block">
    <div class="row d-flex   justify-content-center align-items-center pt-3 pb-3">
        <div class="col-lg-3 col-md-3 col-sm-6 col-12 d-flex Guarantee-text justify-content-center align-items-center">
            <img src="publicv2/images/web_01.svg" alt="" width="50vw">
            <h6 class="mt-3 pl-3">最佳隱私安全</h6>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-12 d-flex Guarantee-text justify-content-center align-items-center">
            <img src="publicv2/images/web_02.svg" alt="" width="25%">
            <h6 class="mt-3 pl-3">終身免費升級</h6>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-12 d-flex Guarantee-text justify-content-center align-items-center">
            <img src="publicv2/images/web_03.svg" alt="" width="25%">
            <h6 class="mt-3 pl-3">多方視訊會議</h6>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-12 d-flex Guarantee-text justify-content-center align-items-center">
            <img src="publicv2/images/web_04.svg" alt="" width="25%">
            <h6 class="mt-3 pl-3">具跨平台裝置</h6>
        </div>
    </div>
    <div class="Guarantee-mask">&nbsp;</div>
</div>
<!-- Features -->
<div class="container features-block">
    <div class="row">
        <div class="col-12 features-box mt-5 mb-5">
            <table class="table table-hover table-bordered table-dark table-seting">
                <thead>
                    <tr>
                        <th class="text-center" colspan="5">功能說明</th>
                    </tr>
                </thead>

                <tbody>
                    <!-- 100p專案 -->
                    <tr>
                        <th class="text-center w-25">功能</th>
                        <th class="text-center w-25">電話撥入<br>(Phone call-in) </th>
                        <th class="text-center w-25">雲端錄影<br>(cloud Recording) </th>
                        <th class="text-center w-25">企業視訊主機連接<br>(Room Connector) </th>
                    </tr>
                    <tr>
                        <td class="text-center"><br><br>說明</td>
                        <td class="text-center">提供數十個國家地區的本地會議代表號，受邀者可使用市話或手機電話撥入參加會議。<span class="table-text">
                                (不含台灣及中國大陸) </span>
                        </td>
                        <td class="text-center">會議內容可錄製存放到雲端平臺， 使用者登入網頁介面，就能夠檢視所有會議錄影。<span class="table-text">30 Days
                                循環錄影(暫存區)
                                100GB雲端儲存(保留區)</span></td>
                        <td class="text-center">企業內部H.323/SIP視訊主機裝置可撥入LiveEZ Cloud參加會議。</td>
                    </tr>
                    <tr>
                        <td class="text-center">月租費</td>
                        <td class="text-center">499元/會議室</td>
                        <td class="text-center">3,000元</td>
                        <td class="text-center">1,699元/Port(主機)</td>
                    </tr>
                    <tr>
                        <td class="text-center">年租費</td>
                        <td class="text-center">4,790元/會議室</td>
                        <td class="text-center">30,600元</td>
                        <td class="text-center">19,188元/ Port(主機</td>
                    </tr>
                </tbody>
            </table>

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

<footer class="pr-0 pl-0 footer-box ">
    <div class="container-fluid ">
        <div class="row  pt-5 ">
            <div class="col-lg-3 col-md-3 col-sm-6 col-6 text-center footer_project d-flex flex-column">
                <h6>介紹</h6>
                <a href="">免費註冊</a>
                <a href="">開通測試</a>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-6 text-center footer_project d-flex flex-column">
                <h6>軟體</h6>
                <a href="">免費註冊</a>
                <a href="">開通測試</a>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-6 text-center footer_project d-flex flex-column">
                <h6>客服</h6>
                <a href="">聯絡我們</a>
                <a href="">常見問題</a>
                <a href="">操作說明</a>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-6 col-6 text-center footer_project d-flex flex-column">
                <h6>公告</h6>
                <a href="">最新資訊</a>
                <a href="">版本更新</a>
                <a href="">服務條款</a>
            </div>
        </div>
        <div class="row copyright">
            <div class="col-12 mt-3">

            </div>
            <div class="col-12 text-center">
                <p>Copyright © 2020 ZSYSTEM. All rights reserved.</p>
            </div>
        </div>
    </div>
</footer>

@endsection