|
@@ -88,48 +88,42 @@
|
|
|
<fieldset>
|
|
|
<h3 class="fs-subtitle">選擇人物<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者"></h3>
|
|
|
<select id="avatar" class='avatar'>
|
|
|
- <option value="6">Angus</option>
|
|
|
<option value="7">Peggy</option>
|
|
|
<option value="8">Stacy</option>
|
|
|
- <option value="10">Nina黑</option>
|
|
|
- <option value="9">Nina灰</option>
|
|
|
+ <option value="11">Summer韓小夏</option>
|
|
|
+ <option value="12">Jocelyn</option>
|
|
|
+ <option value="13">Angela</option>
|
|
|
</select>
|
|
|
<div class="d-flex">
|
|
|
- <div class="card" style="width:25%;" data-avatar="Angus" data-img="angus">
|
|
|
- <div class="imgfr"><img src="static/img/angus.webp" class="card-img-top" alt="..."></div>
|
|
|
+ <div class="card item col-6 col-sm-4 col-md-3 col-lg-2" data-avatar="Peggy" data-img="peggy">
|
|
|
+ <div class="imgfr"><img src="img/peggy.webp" class="card-img-top" alt="..."></div>
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">Angus</h5>
|
|
|
+ <h5 class="card-title">Peggy</h5>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card" style="width:25%;" data-avatar="Peggy" data-img="peggy">
|
|
|
- <div class="imgfr"><img src="static/img/peggy.webp" class="card-img-top" alt="..."></div>
|
|
|
- <div class="card-body">
|
|
|
- <h5 class="card-title">Peggy</h5>
|
|
|
- </div>
|
|
|
+ <div class="card item col-6 col-sm-4 col-md-3 col-lg-2" data-avatar="Stacy" data-img="stacy">
|
|
|
+ <div class="imgfr"><img src="img/stacy.webp" class="card-img-top" alt="..."></div>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title">Stacy</h5>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="card" style="width:25%;" data-avatar="Stacy" data-img="stacy">
|
|
|
- <div class="imgfr"><img src="static/img/stacy.webp" class="card-img-top" alt="..."></div>
|
|
|
- <div class="card-body">
|
|
|
- <h5 class="card-title">Stacy</h5>
|
|
|
- </div>
|
|
|
+ <div class="card item col-6 col-sm-4 col-md-3 col-lg-2" data-avatar="Summer韓小夏" data-img="summer韓小夏">
|
|
|
+ <div class="imgfr"><img src="img/summer韓小夏.webp" class="card-img-top" alt="..."></div>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title">Summer韓小夏</h5>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="card" style="width:25%;" data-avatar="Nina黑" data-img="ninablack">
|
|
|
- <div class="imgfr"><img src="static/img/ninablack.webp" class="card-img-top" alt="..."></div>
|
|
|
- <div class="card-body">
|
|
|
- <h5 class="card-title">Nina黑</h5>
|
|
|
- </div>
|
|
|
+ <div class="card item col-6 col-sm-4 col-md-3 col-lg-2" data-avatar="Jocelyn" data-img="Jocelyn">
|
|
|
+ <div class="imgfr"><img src="img/Jocelyn.webp" class="card-img-top" alt="..."></div>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title">Jocelyn</h5>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="card" style="width:25%;" data-avatar="Nina灰" data-img="ninawhite">
|
|
|
- <div class="imgfr"><img src="static/img/ninawhite.webp" class="card-img-top" alt="..."></div>
|
|
|
- <div class="card-body">
|
|
|
- <h5 class="card-title">Nina灰</h5>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="card" style="width:25%;" data-avatar="Summer韓小夏" data-img="ninawhite">
|
|
|
- <div class="imgfr"><img src="static/img/summer.webp" class="card-img-top" alt="..."></div>
|
|
|
- <div class="card-body">
|
|
|
- <h5 class="card-title">Summer韓小夏</h5>
|
|
|
- </div>
|
|
|
+ <div class="card item col-6 col-sm-4 col-md-3 col-lg-2" data-avatar="Angela" data-img="Angela">
|
|
|
+ <div class="imgfr"><img src="img/Angela.webp" class="card-img-top" alt="..."></div>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title">Angela</h5>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</fieldset>
|