Kaynağa Gözat

add make video demo

huaisianhuang 3 yıl önce
ebeveyn
işleme
25d6d9fa2d
7 değiştirilmiş dosya ile 52 ekleme ve 3 silme
  1. 47 0
      demo.html
  2. 1 1
      make_video.html
  3. 1 1
      make_video_eng.html
  4. 1 1
      steps.html
  5. 1 0
      style.css
  6. 0 0
      style.css.map
  7. 1 0
      style.scss

+ 47 - 0
demo.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>glass-property</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+      crossorigin="anonymous">
+    <link rel="stylesheet" href="./style.css">
+</head>
+
+<body>
+    <section class="sec-usecase">
+      <div class="container">
+          <div class="row my-5">
+              <div class="col-12 col-md-6 m-4">
+                <a href="./make_video.html">
+                  <h3 class="usecase-sub"><i class="fas fa-circle"></i> 手動製作影片</h3>
+                </a>
+              </div>
+              <div class="col-12 col-md-6 m-4">
+                <a href="#">
+                  <h3 class="usecase-sub"><i class="fas fa-circle"></i> 自動影片製作</h3>
+                </a>
+              </div>
+          </div>
+      </div>
+
+    </section>
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"
+        integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js"
+        integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/"
+        crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+</body>
+
+</html>

+ 1 - 1
make_video.html

@@ -140,7 +140,7 @@
                     <!-- fieldsets -->
                     <!-- fieldsets -->
                     <fieldset>
                     <fieldset>
                         <h3 class="fs-subtitle"><lan set-lan="html:video_title">標題</lan><img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題 The title of your video"></h3>            
                         <h3 class="fs-subtitle"><lan set-lan="html:video_title">標題</lan><img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題 The title of your video"></h3>            
-                        <input id=title type="text" name='t1' class='title_new' value="" set-lan="placeholder:video_title" /> <br/>
+                        <input id=title type="text" name='t1' class='title_new' value="" set-lan="placeholder:video_title" placeholder="標題"/> <br/>
                     </fieldset>
                     </fieldset>
                     <fieldset>
                     <fieldset>
                         <h3  class="fs-subtitle"><lan set-lan="html:choose_character">選擇人物</lan><img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者 The spokesgirl of your video"></h3>            
                         <h3  class="fs-subtitle"><lan set-lan="html:choose_character">選擇人物</lan><img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者 The spokesgirl of your video"></h3>            

+ 1 - 1
make_video_eng.html

@@ -140,7 +140,7 @@
                     <!-- fieldsets -->
                     <!-- fieldsets -->
                     <fieldset>
                     <fieldset>
                         <h3 class="fs-subtitle"><lan set-lan="html:video_title">Video Title</lan><img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題 The title of your video"></h3>            
                         <h3 class="fs-subtitle"><lan set-lan="html:video_title">Video Title</lan><img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題 The title of your video"></h3>            
-                        <input id=title type="text" name='t1' class='title_new' value="" set-lan="placeholder:video_title" /> <br/>
+                        <input id=title type="text" name='t1' class='title_new' value="" set-lan="placeholder:video_title" placeholder="Title" /> <br/>
                     </fieldset>
                     </fieldset>
                     <fieldset>
                     <fieldset>
                         <h3  class="fs-subtitle"><lan set-lan="html:choose_character">Video Title</lan><img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者 The spokesgirl of your video"></h3>            
                         <h3  class="fs-subtitle"><lan set-lan="html:choose_character">Video Title</lan><img class="ms-1" src="img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者 The spokesgirl of your video"></h3>            

+ 1 - 1
steps.html

@@ -46,7 +46,7 @@
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>
-        <button class="btn-dark" onclick="window.location.href=`https://video.choozmo.com/register.html`">立即開始</button>
+        <a class="btn-dark" href="./make_video.html">立即開始</a>
         <div class="row my-5">
         <div class="row my-5">
           <div class="col-12">
           <div class="col-12">
             <div class="step-videofr">
             <div class="step-videofr">

+ 1 - 0
style.css

@@ -329,6 +329,7 @@ ul > li:nth-child(1) {
 }
 }
 
 
 .btn-dark {
 .btn-dark {
+  display: inline-block;
   text-decoration: none;
   text-decoration: none;
   color: white;
   color: white;
   border: 1px solid #EA5413;
   border: 1px solid #EA5413;

Dosya farkı çok büyük olduğundan ihmal edildi
+ 0 - 0
style.css.map


+ 1 - 0
style.scss

@@ -274,6 +274,7 @@ ul>li:nth-child(1){
 
 
 
 
 .btn-dark {
 .btn-dark {
+  display: inline-block;
   text-decoration: none;
   text-decoration: none;
   color: white;
   color: white;
   border: 1px solid #EA5413;
   border: 1px solid #EA5413;

Bu fark içinde çok fazla dosya değişikliği olduğu için bazı dosyalar gösterilmiyor