choozmo
/
AI_Video_LP


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <title>Choozmo Marketing Cloud</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        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" . }}

    <div class="container ai-presenter">
        <div id="home">
            <div class="row justify-content-center align-items-center ai-content">
                <div class="col-12 col-md-6 d-flex justify-content-center">
                    <section>
                        <h2 class="title">製作影片 一鍵合成</h2>
                        <p>
                            上傳文字與素材，即速產生影片<br>
                            大幅省下時間、人力、器材成本<br>
                            腳本內容直接上鏈，紀錄透明<br>
                            可以使用集仕多的影片版型<br>
                            也可以自己客製化
                        </p>
                    </section>
                </div>
                <div class="col-12 col-md-6 my-5 my-md-0">
                    <div class="position-relative">
                        <img src="/img/背景紫.png" alt="" class="hero-purple">
                        <img src="/img/背景橘.png" alt="" class="hero-orange-s">
                        <img src="/img/textgrp3.png" alt="" class="hero-textgrp">
                        <img src="/img/video.png" alt="" class="hero-video">
                        <img src="/img/放大鏡.png" alt="" class="hero-amplify">
                        <div class="hero-imgfr"><img src="/img/2222.png" alt=""></div>
                    </div>
                </div>
                <div class="col-12">
                    <section class="position-relative img-item">
                        <img src="/imgs/home/首頁-06.png" alt="">
                        <p>2022 年集仕多的研發團隊 <br>
                            在 AI 虛擬人像上有了技術突破 <br>
                            第三代 AI 虛擬人像 <br>
                            不僅是視覺、聽覺也更加擬真 <br>
                            像真正的新聞播報員等級 <br>
                            現在不只能用集仕多的模板 <br>
                            可以諮詢我們客製化主播以及字幕邊框</p>
                    </section>
                </div>
            </div>
        </div>

        <section class="title-item">
            <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
            <h4>應用方式</h4>
        </section>

        <section class="title-item">
            <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
            <h4>使用情境</h4>
        </section>

        <div class="row usecace-list">
            <div class="col-6 col-md-3">
                <img src="/imgs/ai-presenter/usecace-01.png" alt="">
                <h5>產品介紹</h5>
            </div>
            <div class="col-6 col-md-3">
                <img src="/imgs/ai-presenter/usecace-02.png" alt="">
                <h5>教育培訓</h5>
            </div>
            <div class="col-6 col-md-3">
                <img src="/imgs/ai-presenter/usecace-03.png" alt="">
                <h5>資訊傳播</h5>
            </div>
            <div class="col-6 col-md-3">
                <img src="/imgs/ai-presenter/usecace-04.png" alt="">
                <h5>個人內容創作</h5>
            </div>
        </div>

        <div class="row">
            <div class="col-6">
                <div class="video-left">
                    <strong>快速模板範例</strong>
                    <div class="video-box">
                        <iframe width="560" height="315" src="https://www.youtube.com/embed/js2y4fQciLw"
                            title="YouTube video player" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen></iframe>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="video-right">
                    <strong>客製化影片範例</strong>
                    <div class="video-box">
                        <iframe width="560" height="315" src="https://www.youtube.com/embed/rTML9TAsUS8"
                            title="YouTube video player" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>


    {{ 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>
</body>

</html>