3 年之前 · 15eabe9bb7
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
 
				+{
			
 
				+    "liveServer.settings.port": 5502
			
 
				+}
			
--- a/designer1.html
+++ b/designer1.html
@@ -0,0 +1,507 @@
 
				+<!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>郁秀秀</title>
			
 
				+
			
 
				+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
			
 
				+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
			
 
				+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
			
 
				+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
			
 
				+    <link rel="stylesheet" href="./style.css">
			
 
				+    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
			
 
				+</head>
			
 
				+
			
 
				+<body id="top">
			
 
				+    <section id="Navigation" class="container-fluid px-0 mx-0">
			
 
				+        <nav>
			
 
				+            <div id="nav" class="row px-0 mx-0">
			
 
				+                <div id="logo" class=" col-md-2 col-lg-5">
			
 
				+                    <a href="https://hhh.com.tw/"> <img src="./img/logo-removebg-preview.png" alt=""></a>
			
 
				+                </div>
			
 
				+                <div id="link" class="col-md-10 col-lg-6">
			
 
				+                    <a href="./index.html">About</a>
			
 
				+                    <a class="item-down">Designer</a>
			
 
				+                </div>
			
 
				+                <img id="menu-btn1" src="./img/mobile-logo/menu.png" alt="">
			
 
				+            </div>
			
 
				+        </nav>
			
 
				+    </section>
			
 
				+    <div class="designer-nav">
			
 
				+        <div class="nav-box pt-3">
			
 
				+            <a class="link" href="./designer1.html">郁 琇琇</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer2.html">盧 慧珊</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer3.html">鄧湘盈</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer4.html">李宜蔓</a>
			
 
				+            <hr style="background-color:#707070;">
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <div id="menu-box" class="container-fluid" style="padding:0;margin:0 ">
			
 
				+        <div id="menu-box2">
			
 
				+            <div id="menu1" class="menu-text text-start">
			
 
				+                <a class="link" href="./index.html" style="padding-top: 3vw; padding-left: 12px;">About</a>
			
 
				+            </div>
			
 
				+            <hr style="opacity: 1;">
			
 
				+            <div class="menu-text">
			
 
				+                <div class="row">
			
 
				+                    <div class="col-4">
			
 
				+                        <a class="link">Designer</a>
			
 
				+                    </div>
			
 
				+                    <div class="col-4">
			
 
				+                        <a class="link" href="./designer1.html">郁 琇琇</a>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <div class="menu-text"><a class="link" href="./designer2.html">盧 慧珊</a></div>
			
 
				+                <hr>
			
 
				+                <div class="menu-text"><a class="link" href="./designer3.html">鄧湘盈</a></div>
			
 
				+                <hr>
			
 
				+                <div><a class="link" href="./designer4.html">李宜蔓</a></div>
			
 
				+                <hr style="opacity: 1;">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <section class="banner container-fluid">
			
 
				+        <div class="designer-content container-fluid">
			
 
				+            <div class="row px-0">
			
 
				+                <div class="designer-img col-lg-6">
			
 
				+                    <div class="d-flex justify-content-end">
			
 
				+                        <img class="object1" src="./img/object1.png" alt="">
			
 
				+                        <img class="img-fluid img-01" src="./img/designer1/2371.png" alt="">
			
 
				+                        <img class="img-fluid img-01-m" src="./img/designer1/组 240.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="designertext">
			
 
				+                        <h1 class="designer fw-bold">郁琇琇</h1>
			
 
				+                        <p class="ps-1 fw-bold">Interior Design Masters</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="video col-lg-6 text-center" style="background-image: url(./img/designer1/video.png);">
			
 
				+                    <img class="playbutton" src="./img/designer1/play.png" alt="">
			
 
				+                    <div class="work-text text-start">
			
 
				+                        <p class="fw-bold mb-0">三宅一秀空間創意</p>
			
 
				+                        <p class="fw-bold">SHOWHOUSE Interior Design</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div id="hr01">
			
 
				+                <hr class="mb-3">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div class="inclogo text-center">
			
 
				+            <img width="300" src="./img/designer1/logo1.png" alt="">
			
 
				+        </div>
			
 
				+        <img class="img-fluid" src="./img/banner-bottom.png" alt="">
			
 
				+    </section>
			
 
				+    <section class="sec01-int">
			
 
				+        <div class="sec01-content text-center">
			
 
				+            <div class="inclogo-m text-center">
			
 
				+                <img width="300" src="./img/designer1/logo1.png" alt="">
			
 
				+            </div>
			
 
				+            <div class="slogan-part1">
			
 
				+                <p>三宅一秀空間創藝｜天使總監郁琇琇 室內設計師，擅長鄉村風、古典風、美式風、奢華風、混搭風以及北歐風，多年被評價為幸福空間觀眾最愛室內設計師之列。屢獲亞洲、韓國、英國、義大利等多國設計大獎。</p>
			
 
				+            </div>
			
 
				+            <div class="slogan-part2">
			
 
				+                <p>三宅 是指 安心宅、舒適宅、藝術宅一秀 是指 為您量身打造一枝獨秀的創藝居宅</p>
			
 
				+            </div>
			
 
				+            <div class="slogan-part3">
			
 
				+                <p class="mb-0">郁琇琇 設計總監 秉持三大理念：</p>
			
 
				+                <p class="mb-0">1. 使用安全合格及環保節能的建材打造安心居宅。</p>
			
 
				+                <p class="mb-0">2. 堅持實用設計，營造溫馨、舒適、高品質的生活。</p>
			
 
				+                <p class="mb-0">3. 將美學融入視覺生活，創造優越的藝術環境。</p>
			
 
				+            </div>
			
 
				+            <div class="protfolio-des">
			
 
				+                <div class="row px-0 mx-0">
			
 
				+                    <div class="col-lg-2 col-12 d-flex align-items-end">
			
 
				+                        <h1>Portfolio</h1>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-8 d-flex align-items-end">
			
 
				+                        <hr class="w-100">
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-2 pe-1 d-flex justify-content-end">
			
 
				+                        <div>
			
 
				+                            <a href="https://hhh.com.tw/designers/cases/279/1-page/new-sort/"><img width="100"
			
 
				+                                    class="img-fluid mb-3" src="./img/designer1/arrow-right.png" alt=""></a>
			
 
				+                            <h1>More</h1>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="protfolio-img mt-5">
			
 
				+                    <div class="row px-0 mx-0">
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal"
			
 
				+                            data-bs-target="#exampleModal">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer1/Portfolio/11185/designer337_38_01.jpg); background-repeat: no-repeat; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal"
			
 
				+                            data-bs-target="#exampleModal2">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer1/Portfolio/11919/designer337_45_01.jpg); background-repeat: no-repeat; background-position: center; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal"
			
 
				+                            data-bs-target="#exampleModal3">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer1/Portfolio/13560/designer337_63_01.jpg); background-repeat: no-repeat; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3" data-bs-toggle="modal"
			
 
				+                            data-bs-target="#exampleModal4">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer1/Portfolio/5881/designer337_08_01.jpg); background-repeat: no-repeat; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div class="protfolio-m">
			
 
				+                <h1 class="pb-3">Portfolio</h1>
			
 
				+                <div class="row px-0 mx-0">
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal">
			
 
				+                        <img class="img-fluid" src="./img/designer1/Portfolio/5881/designer337_08_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal2">
			
 
				+                        <img class="img-fluid" src="./img/designer1/Portfolio/11185/designer337_38_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal3">
			
 
				+                        <img class="img-fluid" src="./img/designer1/Portfolio/11919/designer337_45_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal4">
			
 
				+                        <img class="img-fluid" src="./img/designer1/Portfolio/13560/designer337_63_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <a style="text-decoration: none;" href="https://hhh.com.tw/designers/cases/279/1-page/new-sort/">
			
 
				+                    <h1 class="pt-5 mb-2">SEE MORE</h1>
			
 
				+                </a>
			
 
				+                <hr style="width: 130px; margin:0 auto; opacity: 1; background:#707070;">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗01 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11185/designer337_38_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗02 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal2" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls2" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer1/Portfolio/11919/designer337_45_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls2"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls2"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗03 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal3" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls3" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_13.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/13560/designer337_63_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls3"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls3"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗04 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal4" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls4" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer1/Portfolio/5881/designer337_08_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls4"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls4"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div style="width: 90vw; position: relative; z-index: 100;" class="gotop2 text-end">
			
 
				+            <img data-gt-target="#top" data-gt-duration="500" data-gt-offset="0" style="position: absolute; bottom:10px; right:20px;" width="60" src="./img/gotop1.png" alt="">
			
 
				+        </div>
			
 
				+    </section>
			
 
				+
			
 
				+    <div class="gotop text-center pb-5 mt-3">
			
 
				+        <img width="100px" data-gt-target="#top" data-gt-duration="500" data-gt-offset="0" src="./img/gotop.png" alt="">
			
 
				+    </div>
			
 
				+
			
 
				+
			
 
				+    <footer id="footer" class="container-fluid px-0 mx-0 mt-5">
			
 
				+        <p class="mb-0">幸福空間 版權所有 &copy;Gorgeous Space Go.Ltd. All Rights Reserved.</p>
			
 
				+    </footer>
			
 
				+
			
 
				+
			
 
				+    <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.1/dist/js/bootstrap.min.js"
			
 
				+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
			
 
				+        crossorigin="anonymous"></script>
			
 
				+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
			
 
				+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
			
 
				+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
			
 
				+    <script src="./goto.js"></script>
			
 
				+</body>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/designer2.html
+++ b/designer2.html
@@ -0,0 +1,614 @@
 
				+<!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>盧 慧珊</title>
			
 
				+
			
 
				+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
			
 
				+    integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
			
 
				+<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
			
 
				+<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
			
 
				+<link rel="stylesheet" href="./style.css">
			
 
				+<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
			
 
				+</head>
			
 
				+
			
 
				+<body  id="top">
			
 
				+    <section id="Navigation" class="container-fluid px-0 mx-0">
			
 
				+        <div id="nav" class="row px-0 mx-0">
			
 
				+            <div id="logo" class=" col-md-2 col-lg-5">
			
 
				+                <a href="https://hhh.com.tw/"> <img src="./img/logo-removebg-preview.png" alt=""></a>
			
 
				+            </div>
			
 
				+            <div id="link" class="col-md-10 col-lg-6">
			
 
				+                <a href="./index.html">About</a>
			
 
				+                <a class="item-down">Designer</a>
			
 
				+            </div>
			
 
				+            <img id="menu-btn1" src="./img/mobile-logo/menu.png" alt="">
			
 
				+        </div>
			
 
				+    </section>
			
 
				+    <div class="designer-nav">
			
 
				+        <div class="nav-box pt-3">
			
 
				+            <a class="link" href="./designer1.html">郁 琇琇</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer2.html">盧 慧珊</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer3.html">鄧湘盈</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer4.html">李宜蔓</a>
			
 
				+            <hr style="background-color:#707070;">
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <div id="menu-box" class="container-fluid" style="padding:0;margin:0 ">
			
 
				+        <div id="menu-box2">
			
 
				+            <div id="menu1" class="menu-text text-start">
			
 
				+                <a class="link" href="./index.html" style="padding-top: 3vw; padding-left: 12px;">About</a>
			
 
				+            </div>
			
 
				+            <hr style="opacity: 1;">
			
 
				+            <div class="menu-text">
			
 
				+                <div class="row">
			
 
				+                    <div class="col-4">
			
 
				+                        <a class="link">Designer</a>
			
 
				+                    </div>
			
 
				+                    <div class="col-4">
			
 
				+                        <a class="link" href="./designer1.html">郁 琇琇</a>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <div class="menu-text"><a class="link" href="./designer2.html">盧 慧珊</a></div>
			
 
				+                <hr>
			
 
				+                <div class="menu-text"><a class="link" href="./designer3.html">鄧湘盈</a></div>
			
 
				+                <hr>
			
 
				+                <div><a class="link" href="./designer4.html">李宜蔓</a></div>
			
 
				+                <hr style="opacity: 1;">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <section class="banner">
			
 
				+        <div class="designer-content" id="designer2">
			
 
				+            <div class="row px-0 mx-0">
			
 
				+                <div class="designer-img col-lg-6">
			
 
				+                    <div class="d-flex justify-content-end">
			
 
				+                        <img class="object2" src="./img/object1.png" alt="">
			
 
				+                        <img class="img-fluid img-02" src="./img/designer2/238.png" alt="">
			
 
				+                        <img class="img-fluid img-02-m" src="./img/designer2/238-m.png" alt="">
			
 
				+
			
 
				+                    </div>
			
 
				+                    <div class="designertext02">
			
 
				+                        <h1 class="designer fw-bold">盧 慧珊</h1>
			
 
				+                        <p class="ps-1 fw-bold">Interior Design Masters</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="video col-lg-6 text-center" style="background-image: url(./img/designer1/video.png);">
			
 
				+                    <img class="playbutton" src="./img/designer1/play.png" alt="">
			
 
				+                    <div class="work-text2 text-start">
			
 
				+                        <p class="fw-bold mb-0">采品室內設計</p>
			
 
				+                        <p class="fw-bold">CAI-PIN INTERIOR DESIGN</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>          
			
 
				+            <div id="hr02">
			
 
				+                <hr class="mb-3">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <img class="img-fluid" src="./img/banner-bottom.png" alt="">
			
 
				+    </section>
			
 
				+    <section class="sec01-int" id="designer2-sec01">
			
 
				+        <div class="text-center mb-5">
			
 
				+            <img class="inclogo3" src="./img/designer2/02logo.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="sec01-content text-center">
			
 
				+            <div class="slogan-part1">
			
 
				+                <p>設計團隊共同參與發想過程，從創意出發，經過討論統整成整體概念，同時讓設計師有所發揮，每個個案執行成果，不但公司認同，也讓業主開心，服務是我們的熱誠，品質是我們的保證，完成每位業主的需求，是采品的設計理念。
			
 
				+                </p>
			
 
				+            </div>
			
 
				+            <div class="slogan-part1">
			
 
				+                <p>采品室內設計｜盧慧珊&采品設計師團隊，擅長現代風、古典風、美式風 奢華風、新古典、日式禪風、混搭風、前衛風、北歐風、異國風格室內設計，提供高質感的施工品質及專業服務，獲得業主好評價!</p>
			
 
				+            </div>
			
 
				+            <div class="protfolio-des">
			
 
				+                <div class="row px-0 mx-0">
			
 
				+                    <div class="col-lg-2 col-12 d-flex align-items-end">
			
 
				+                        <h1>Portfolio</h1>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-8 d-flex align-items-end">
			
 
				+                        <hr class="w-100">
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-2 pe-1 d-flex justify-content-end">
			
 
				+                        <div>
			
 
				+                            <a href="https://hhh.com.tw/designers/cases/418/1-page/new-sort/"><img width="100"
			
 
				+                                    class="img-fluid mb-3" src="./img/designer1/arrow-right.png" alt=""></a>
			
 
				+                            <h1>More</h1>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="protfolio-img mt-5">
			
 
				+                    <div class="row px-0 mx-0">
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal" data-bs-target="#exampleModal">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer2/Portfolio/11768/designer465_24_01.jpg); background-repeat: no-repeat; background-position: center; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal" data-bs-target="#exampleModal2">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer2/Portfolio/12426/designer465_25_01.jpg); background-repeat: no-repeat; background-position: right; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal" data-bs-target="#exampleModal3">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer2/Portfolio/13019/designer465_26_01.jpg); background-repeat: no-repeat; background-position:right; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3" data-bs-toggle="modal" data-bs-target="#exampleModal4">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer2/Portfolio/13628/designer465_28_01.jpg); background-repeat: no-repeat; background-position:center; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div class="protfolio-m">
			
 
				+                <h1 class="pb-3">Portfolio</h1>
			
 
				+                <div class="row px-0 mx-0">
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal">
			
 
				+                        <img class="img-fluid" src="./img/designer2/Portfolio/11768/designer465_24_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal2">
			
 
				+                        <img class="img-fluid" src="./img/designer2/Portfolio/12426/designer465_25_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal3">
			
 
				+                        <img class="img-fluid" src="./img/designer2/Portfolio/13019/designer465_26_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal4">
			
 
				+                        <img class="img-fluid" src="./img/designer2/Portfolio/13628/designer465_28_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <a style="text-decoration: none;" href="https://hhh.com.tw/designers/cases/418/1-page/new-sort/">
			
 
				+                    <h1 class="pt-5 mb-2">SEE MORE</h1>
			
 
				+                </a>
			
 
				+                <hr style="width: 130px; margin:0 auto; opacity: 1; background:#707070;">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗01 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/11768/designer465_24_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗02 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal2" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls2" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer2/Portfolio/12426/designer465_25_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls2"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls2"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗03 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal3" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls3" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_13.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_15.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_16.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_17.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_18.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_19.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_20.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_21.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_22.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_23.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_24.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_25.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_26.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_29.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13019/designer465_26_30.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls3"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls3"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗04 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal4" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls4" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_13.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_14.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_15.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_16.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_17.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_18.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_19.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_20.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_21.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_22.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_23.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_24.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_25.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_26.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_27.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_28.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_29.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_30.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_31.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer2/Portfolio/13628/designer465_28_32.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls4"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls4"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- <div style="width: 90vw; position: relative;" class="gotop2 text-end">
			
 
				+            <img style="position: absolute; bottom:10px; right:20px;" width="60" src="./img/gotop1.png" alt="">
			
 
				+        </div> -->
			
 
				+    </section>
			
 
				+    <div style="width: 90vw; position: relative;" class="gotop2 text-end">
			
 
				+        <img data-gt-target="#top" data-gt-duration="500" data-gt-offset="0" style="position: absolute; bottom:10px; right:20px;" width="60" src="./img/gotop1.png" alt="">
			
 
				+    </div>
			
 
				+    <div class="gotop text-center pb-5">
			
 
				+        <img width="100px" src="./img/gotop.png" alt="">
			
 
				+    </div>
			
 
				+    <footer id="footer" class="container-fluid px-0 mx-0">
			
 
				+        <p class="mb-0">幸福空間 版權所有 &copy;Gorgeous Space Go.Ltd. All Rights Reserved.</p>
			
 
				+    </footer>
			
 
				+
			
 
				+
			
 
				+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
			
 
				+        integrity="sha244-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
			
 
				+        crossorigin="anonymous"></script>
			
 
				+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
			
 
				+        integrity="sha244-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
			
 
				+        crossorigin="anonymous"></script>
			
 
				+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
			
 
				+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
			
 
				+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
			
 
				+    <script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
			
 
				+    <script src="./goto.js"></script>
			
 
				+</body>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/designer3.html
+++ b/designer3.html
@@ -0,0 +1,489 @@
 
				+<!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>鄧湘盈</title>
			
 
				+
			
 
				+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
			
 
				+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
			
 
				+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
			
 
				+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
			
 
				+    <link rel="stylesheet" href="./style.css">
			
 
				+    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
			
 
				+</head>
			
 
				+
			
 
				+<body id="top">
			
 
				+    <section id="Navigation" class="container-fluid px-0 mx-0">
			
 
				+        <nav>
			
 
				+            <div id="nav" class="row px-0 mx-0">
			
 
				+                <div id="logo" class=" col-md-2 col-lg-5">
			
 
				+                    <a href="https://hhh.com.tw/"> <img src="./img/logo-removebg-preview.png" alt=""></a>
			
 
				+                </div>
			
 
				+                <div id="link" class="col-md-10 col-lg-6">
			
 
				+                    <a href="./index.html">About</a>
			
 
				+                    <a class="item-down">Designer</a>
			
 
				+                </div>
			
 
				+                <img id="menu-btn1" src="./img/mobile-logo/menu.png" alt="">
			
 
				+            </div>
			
 
				+        </nav>
			
 
				+    </section>
			
 
				+    <div class="designer-nav">
			
 
				+        <div class="nav-box pt-3">
			
 
				+            <a class="link" href="./designer1.html">郁 琇琇</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer2.html">盧 慧珊</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer3.html">鄧湘盈</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer4.html">李宜蔓</a>
			
 
				+            <hr style="background-color:#707070;">
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <div id="menu-box" class="container-fluid" style="padding:0;margin:0 ">
			
 
				+        <div id="menu-box2">
			
 
				+            <div id="menu1" class="menu-text text-start">
			
 
				+                <a class="link" href="./index.html" style="padding-top: 3vw; padding-left: 12px;">About</a>
			
 
				+            </div>
			
 
				+            <hr style="opacity: 1;">
			
 
				+            <div class="menu-text">
			
 
				+                <div class="row">
			
 
				+                    <div class="col-4">
			
 
				+                        <a class="link">Designer</a>
			
 
				+                    </div>
			
 
				+                    <div class="col-4">
			
 
				+                        <a class="link" href="./designer1.html">郁 琇琇</a>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <div class="menu-text"><a class="link" href="./designer2.html">盧 慧珊</a></div>
			
 
				+                <hr>
			
 
				+                <div class="menu-text"><a class="link" href="./designer3.html">鄧湘盈</a></div>
			
 
				+                <hr>
			
 
				+                <div><a class="link" href="./designer4.html">李宜蔓</a></div>
			
 
				+                <hr style="opacity: 1;">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <section class="banner">
			
 
				+        <div class="designer-content" id="designer3">
			
 
				+            <div class="row px-0 mx-0">
			
 
				+                <div class="designer-img col-lg-6">
			
 
				+                    <div class="d-flex justify-content-center">
			
 
				+                        <img class="object3" src="./img/object1.png" alt="">
			
 
				+                        <img class="img-fluid img-03" src="./img/designer3/239.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="designertext03">
			
 
				+                        <h1 class="designer fw-bold">鄧湘盈</h1>
			
 
				+                        <p class="ps-1 fw-bold">Interior Design Masters</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="video col-lg-6 text-center" style="background-image: url(./img/designer1/video.png);">
			
 
				+                    <img class="playbutton" src="./img/designer1/play.png" alt="">
			
 
				+                    <div class="work-text3 text-start">
			
 
				+                        <p class="fw-bold mb-0">恆星設計</p>
			
 
				+                        <p class="fw-bold">STAR INTERIOR DESIGN</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div id="hr03">
			
 
				+                <hr class="mb-3">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <img class="img-fluid" src="./img/banner-bottom.png" alt="">
			
 
				+    </section>
			
 
				+    <section class="sec01-int" id="designer2-sec01">
			
 
				+        <div class="text-center mb-5">
			
 
				+            <img class="inclogo3" src="./img/designer3/03logo.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="sec01-content text-center">
			
 
				+            <div class="slogan-part1">
			
 
				+                <p class="mb-0">恆星設計，用愛陪伴生活</p>
			
 
				+                <p class="mb-0">三大特點為你帶來最高品質的室內設計</p>
			
 
				+            </div>
			
 
				+            <p class="mb-0">｜擁有工程團隊｜設計與工程搭配良好，三次工程檢驗點，一同為屋主把關工程大小事！</p>
			
 
				+            <p class="mb-0">｜設計師個人特質｜同時身為現代女性、妻子及新時代媽媽三個角色的女性設計師，能夠為不同的家庭提供更合適的設計。</p>
			
 
				+            <p class="mb-0">｜設計與工程融合｜3D與實景零誤差，設計師同步了解工程難點，深入工程執行。</p>
			
 
				+            <div class="slogan-part3">
			
 
				+                <p class="mb-0">恆星設計｜鄧湘盈設計師，擁有工程團隊，讓設計與工程相互搭配，為屋主確認把關設計裝修工程，以獨特眼光與細膩又大膽的混搭方式，營造新興的室內設計裝修風格。</p>
			
 
				+            </div>
			
 
				+            <div class="protfolio-des">
			
 
				+                <div class="row px-0 mx-0">
			
 
				+                    <div class="col-lg-2 col-12 d-flex align-items-end">
			
 
				+                        <h1>Portfolio</h1>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-8 d-flex align-items-end">
			
 
				+                        <hr class="w-100">
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-2 pe-1 d-flex justify-content-end">
			
 
				+                        <div>
			
 
				+                            <a href="https://hhh.com.tw/designers/cases/279/1-page/new-sort/"><img width="100"
			
 
				+                                    class="img-fluid mb-3" src="./img/designer1/arrow-right.png" alt=""></a>
			
 
				+                            <h1>More</h1>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="protfolio-img mt-5">
			
 
				+                    <div class="row px-0 mx-0">
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal"
			
 
				+                            data-bs-target="#exampleModal">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer3/Portfolio/12947/designer735_01_01.jpg); background-repeat: no-repeat; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal"
			
 
				+                            data-bs-target="#exampleModal2">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer3/Portfolio/13295/designer736_22_01.jpg); background-repeat: no-repeat; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal"
			
 
				+                            data-bs-target="#exampleModal3">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer3/Portfolio/13377/designer736_23_02.jpg); background-repeat: no-repeat; background-position: left; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3" data-bs-toggle="modal"
			
 
				+                            data-bs-target="#exampleModal4">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer3/Portfolio/13477/designer736_25_01.jpg); background-repeat: no-repeat; background-position: center; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div class="protfolio-m">
			
 
				+                <h1 class="pb-3">Portfolio</h1>
			
 
				+                <div class="row px-0 mx-0">
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal">
			
 
				+                        <img class="img-fluid" src="./img/designer3/Portfolio/12947/designer735_01_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal2">
			
 
				+                        <img class="img-fluid" src="./img/designer3/Portfolio/13295/designer736_22_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal3">
			
 
				+                        <img class="img-fluid" src="./img/designer3/Portfolio/13377/designer736_23_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal4">
			
 
				+                        <img class="img-fluid" src="./img/designer3/Portfolio/13477/designer736_25_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <a style="text-decoration: none;" href="https://hhh.com.tw/designers/cases/418/1-page/new-sort/">
			
 
				+                    <h1 class="pt-5 mb-2">SEE MORE</h1>
			
 
				+                </a>
			
 
				+                <hr style="width: 130px; margin:0 auto; opacity: 1; background:#707070;">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗01 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_15.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_16.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_17.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/12947/designer735_01_18.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗02 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal2" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls2" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer3/Portfolio/13295/designer736_22_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls2"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls2"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗03 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal3" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls3" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_13.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_14.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13377/designer736_23_15.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls3"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls3"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗04 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal4" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls4" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer3/Portfolio/13477/designer736_25_13.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls4"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls4"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <div style="width: 90vw; position: relative;" class="gotop2 text-end">
			
 
				+            <img data-gt-target="#top" data-gt-duration="500" data-gt-offset="0" style="position: absolute; bottom:10px; right:20px;" width="60" src="./img/gotop1.png" alt="">
			
 
				+        </div>
			
 
				+    </section>
			
 
				+
			
 
				+    <div class="gotop text-center pb-5">
			
 
				+        <img width="100px" src="./img/gotop.png" alt="">
			
 
				+    </div>
			
 
				+    <footer id="footer" class="container-fluid px-0 mx-0">
			
 
				+        <p class="mb-0">幸福空間 版權所有 &copy;Gorgeous Space Go.Ltd. All Rights Reserved.</p>
			
 
				+    </footer>
			
 
				+
			
 
				+
			
 
				+    <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.1/dist/js/bootstrap.min.js"
			
 
				+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
			
 
				+        crossorigin="anonymous"></script>
			
 
				+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
			
 
				+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
			
 
				+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
			
 
				+    <script src="./goto.js"></script>
			
 
				+</body>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/designer4.html
+++ b/designer4.html
@@ -0,0 +1,488 @@
 
				+<!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>李宜蔓</title>
			
 
				+
			
 
				+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
			
 
				+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
			
 
				+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
			
 
				+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
			
 
				+    <link rel="stylesheet" href="./style.css">
			
 
				+    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
			
 
				+</head>
			
 
				+
			
 
				+<body id="top">
			
 
				+    <section id="Navigation" class="container-fluid px-0 mx-0">
			
 
				+        <div id="nav" class="row px-0 mx-0">
			
 
				+            <div id="logo" class=" col-md-2 col-lg-5">
			
 
				+                <a href="https://hhh.com.tw/"> <img src="./img/logo-removebg-preview.png" alt=""></a>
			
 
				+            </div>
			
 
				+            <div id="link" class="col-md-10 col-lg-6">
			
 
				+                <a href="./index.html">About</a>
			
 
				+                <a class="item-down">Designer</a>
			
 
				+            </div>
			
 
				+            <img id="menu-btn1" src="./img/mobile-logo/menu.png" alt="">
			
 
				+        </div>
			
 
				+    </section>
			
 
				+    <div class="designer-nav">
			
 
				+        <div class="nav-box pt-3">
			
 
				+            <a class="link" href="./designer1.html">郁 琇琇</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer2.html">盧 慧珊</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer3.html">鄧湘盈</a>
			
 
				+            <hr>
			
 
				+            <a class="link" href="./designer4.html">李宜蔓</a>
			
 
				+            <hr style="background-color:#707070;">
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <div id="menu-box" class="container-fluid" style="padding:0;margin:0 ">
			
 
				+        <div id="menu-box2">
			
 
				+            <div id="menu1" class="menu-text text-start">
			
 
				+                <a class="link" href="./index.html" style="padding-top: 3vw; padding-left: 12px;">About</a>
			
 
				+            </div>
			
 
				+            <hr style="opacity: 1;">
			
 
				+            <div class="menu-text">
			
 
				+                <div class="row">
			
 
				+                    <div class="col-4">
			
 
				+                        <a class="link">Designer</a>
			
 
				+                    </div>
			
 
				+                    <div class="col-4">
			
 
				+                        <a class="link" href="./designer1.html">郁 琇琇</a>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <div class="menu-text"><a class="link" href="./designer2.html">盧 慧珊</a></div>
			
 
				+                <hr>
			
 
				+                <div class="menu-text"><a class="link" href="./designer3.html">鄧湘盈</a></div>
			
 
				+                <hr>
			
 
				+                <div><a class="link" href="./designer4.html">李宜蔓</a></div>
			
 
				+                <hr style="opacity: 1;">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+    <section class="banner">
			
 
				+        <div class="designer-content">
			
 
				+            <div class="row px-0 mx-0">
			
 
				+                <div class="designer-img col-lg-6">
			
 
				+                    <div class="d-flex justify-content-end">
			
 
				+                        <img class="object4" src="./img/object1.png" alt="">
			
 
				+                        <img class="img-fluid img-04" src="./img/designer4/240.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="designertext04">
			
 
				+                        <h1 class="designer fw-bold mb-1">李宜蔓</h1>
			
 
				+                        <p class="ps-1 fw-bold">Interior Design Masters</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="video col-lg-6 text-center" style="background-image: url(./img/designer1/video.png);">
			
 
				+                    <img class="playbutton" src="./img/designer1/play.png" alt="">
			
 
				+                    <div class="work-text4 text-start">
			
 
				+                        <p class="fw-bold mb-0">麻石設計</p>
			
 
				+                        <p class="fw-bold">MUST DESIGNn</p>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div id="hr04">
			
 
				+                <hr class="mb-3">
			
 
				+            </div>
			
 
				+            <div class="inclogo text-center">
			
 
				+                <img class="180" src="./img/designer4/04logo.png" alt="">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <img class="img-fluid" src="./img/banner-bottom.png" alt="">
			
 
				+    </section>
			
 
				+    <section class="sec01-int">
			
 
				+        <div class="inclogo-m  text-center">
			
 
				+            <img class="inclogo3" src="./img/designer4/04logo.png" alt="">
			
 
				+        </div>
			
 
				+        <div class="sec01-content text-center">
			
 
				+
			
 
				+            <div class="slogan-part3">
			
 
				+                <p>麻石設計｜李宜蔓室內設計師 追求令人樂在戀家，以家為本運用獨有的藝術氣質創造出和諧的混搭風格，呈現出生活品味</p>
			
 
				+            </div>
			
 
				+            <p class="mb-0">為業主營造裡想的幸福空間</p>
			
 
				+            <p class="mb-0">您心目中的家是甚麼模樣呢?</p>
			
 
				+            <p class="mb-0">一個放空的休憩空間、一個避風港、一個親子同樂的遊戲室</p>
			
 
				+            <div class="slogan-part3">
			
 
				+                <p>所謂家的溫暖，絕對不只是因為空有設計而溫暖，而是因為一家人凝聚後產生的溫度，麻石設計追求令人樂在戀家，以家為本。完美，通過溝通勾勒出居住者對家的想像，利用藝術學程的概念將美學與機能完美結合於空間設計中，運用獨有的藝術氣質創造出和諧的混搭風格，呈現出生活品味。
			
 
				+                </p>
			
 
				+            </div>
			
 
				+            <p>設計的真諦在於增添人生樂趣，透過麻石設計多一份笑容，生活的樂趣交給您，設計的風華就交給麻石。</p>
			
 
				+            <p>Life more, design less.</p>
			
 
				+            <div class="protfolio-des">
			
 
				+                <div class="row px-0 mx-0">
			
 
				+                    <div class="col-lg-2 col-12 d-flex align-items-end">
			
 
				+                        <h1>Portfolio</h1>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-8 d-flex align-items-end">
			
 
				+                        <hr class="w-100">
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-2 pe-1 d-flex justify-content-end">
			
 
				+                        <div>
			
 
				+                            <a href="https://hhh.com.tw/designers/cases/279/1-page/new-sort/"><img width="100"
			
 
				+                                    class="img-fluid mb-3" src="./img/designer1/arrow-right.png" alt=""></a>
			
 
				+                            <h1>More</h1>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <div class="protfolio-img mt-5">
			
 
				+                    <div class="row px-0 mx-0">
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal" data-bs-target="#exampleModal">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer4/Portfolio/13006/designer737_04_02.jpg); background-repeat: no-repeat; background-position: right; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal" data-bs-target="#exampleModal2">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer4/Portfolio/13013/designer737_06_01.jpg); background-repeat: no-repeat; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3 pe-2" data-bs-toggle="modal" data-bs-target="#exampleModal3">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer4/Portfolio/13033/designer737_07_01.jpg); background-repeat: no-repeat; background-position: center; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <div style="cursor: pointer;" class="col-lg-3" data-bs-toggle="modal" data-bs-target="#exampleModal4">
			
 
				+                            <div
			
 
				+                                style="height:450px; background: url(./img/designer4/Portfolio/13038/designer737_08_01.jpg); background-repeat: no-repeat; background-position: center; background-size:cover;">
			
 
				+
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div class="protfolio-m">
			
 
				+                <h1 class="pb-3">Portfolio</h1>
			
 
				+                <div class="row px-0 mx-0">
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal">
			
 
				+                        <img class="img-fluid" src="./img/designer4/Portfolio/13006/designer737_04_02.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal2">
			
 
				+                        <img class="img-fluid" src="./img/designer4/Portfolio/13013/designer737_06_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal3">
			
 
				+                        <img class="img-fluid" src="./img/designer4/Portfolio/13033/designer737_07_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="col-12 my-3" data-bs-toggle="modal" data-bs-target="#exampleModal4">
			
 
				+                        <img class="img-fluid" src="./img/designer4/Portfolio/13038/designer737_08_01.jpg" alt="">
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+                <a style="text-decoration: none;" href="https://hhh.com.tw/designers/cases/418/1-page/new-sort/">
			
 
				+                    <h1 class="pt-5 mb-2">SEE MORE</h1>
			
 
				+                </a>
			
 
				+                <hr style="width: 130px; margin:0 auto; opacity: 1; background:#707070;">
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗01 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_11.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_13.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_15.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_17.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item">
			
 
				+                                <img src="./img/designer4/Portfolio/13006/designer737_04_18.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗02 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal2" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls2" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_05.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13013/designer737_06_10.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls2"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls2"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+        <!-- 影片彈跳視窗03 -->
			
 
				+        <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal3" tabindex="-1"
			
 
				+            aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+            <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+                <div class="modal-content">
			
 
				+                    <div id="carouselExampleControls3" class="carousel slide" data-bs-ride="carousel">
			
 
				+                        <div class="carousel-inner">
			
 
				+                            <div class="carousel-item active">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_01.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_02.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_03.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_04.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_06.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_07.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_08.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_09.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_12.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_13.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+                            <div class="carousel-item ">
			
 
				+                                <img src="./img/designer4/Portfolio/13033/designer737_07_17.jpg" class="d-block w-100"
			
 
				+                                    alt="...">
			
 
				+                            </div>
			
 
				+
			
 
				+                        </div>
			
 
				+                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls3"
			
 
				+                            data-bs-slide="prev">
			
 
				+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Previous</span>
			
 
				+                        </button>
			
 
				+                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls3"
			
 
				+                            data-bs-slide="next">
			
 
				+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                            <span class="visually-hidden">Next</span>
			
 
				+                        </button>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+          <!-- 影片彈跳視窗04 -->
			
 
				+          <div style="background:rgba(0,0,0,0.5)" class="modal fade" id="exampleModal4" tabindex="-1"
			
 
				+          aria-labelledby="exampleModalLabel" aria-hidden="true">
			
 
				+          <div class="Portfolio-img modal-dialog modal-lg">
			
 
				+              <div class="modal-content">
			
 
				+                  <div id="carouselExampleControls4" class="carousel slide" data-bs-ride="carousel">
			
 
				+                      <div class="carousel-inner">
			
 
				+                          <div class="carousel-item active">
			
 
				+                              <img src="./img/designer4/Portfolio/13038/designer737_08_01.jpg" class="d-block w-100"
			
 
				+                                  alt="...">
			
 
				+                          </div>
			
 
				+                          <div class="carousel-item ">
			
 
				+                              <img src="./img/designer4/Portfolio/13038/designer737_08_02.jpg" class="d-block w-100"
			
 
				+                                  alt="...">
			
 
				+                          </div>
			
 
				+                          <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_03.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_04.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_05.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_07.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_08.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_09.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_11.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_12.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_13.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_14.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+                        <div class="carousel-item ">
			
 
				+                            <img src="./img/designer4/Portfolio/13038/designer737_08_18.jpg" class="d-block w-100"
			
 
				+                                alt="...">
			
 
				+                        </div>
			
 
				+            
			
 
				+
			
 
				+                      </div>
			
 
				+                      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls4"
			
 
				+                          data-bs-slide="prev">
			
 
				+                          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
			
 
				+                          <span class="visually-hidden">Previous</span>
			
 
				+                      </button>
			
 
				+                      <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls4"
			
 
				+                          data-bs-slide="next">
			
 
				+                          <span class="carousel-control-next-icon" aria-hidden="true"></span>
			
 
				+                          <span class="visually-hidden">Next</span>
			
 
				+                      </button>
			
 
				+                  </div>
			
 
				+              </div>
			
 
				+          </div>
			
 
				+      </div>
			
 
				+        <div style="width: 90vw; position: relative;" class="gotop2 text-end">
			
 
				+            <img data-gt-target="#top" data-gt-duration="500" data-gt-offset="0" style="position: absolute; bottom:10px; right:20px;" width="60" src="./img/gotop1.png" alt="">
			
 
				+        </div>
			
 
				+    </section>
			
 
				+
			
 
				+    <div class="gotop text-center pb-5">
			
 
				+        <img width="100px" src="./img/gotop.png" alt="">
			
 
				+    </div>
			
 
				+    <footer id="footer" class="container-fluid px-0 mx-0">
			
 
				+        <p class="mb-0">幸福空間 版權所有 &copy;Gorgeous Space Go.Ltd. All Rights Reserved.</p>
			
 
				+    </footer>
			
 
				+
			
 
				+
			
 
				+    <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.1/dist/js/bootstrap.min.js"
			
 
				+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
			
 
				+        crossorigin="anonymous"></script>
			
 
				+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
			
 
				+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
			
 
				+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
			
 
				+    <script src="./goto.js"></script>
			
 
				+</body>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/drechifont-Proportional5.woff
+++ b/drechifont-Proportional5.woff
--- a/goto.js
+++ b/goto.js
@@ -0,0 +1,121 @@
 
				+
			
 
				+$('designer-nav').hide();
			
 
				+
			
 
				+$(".item-down").click(function () {
			
 
				+  $('.designer-nav').slideToggle();
			
 
				+});
			
 
				+
			
 
				+var scene = document.getElementById('scene');
			
 
				+var parallaxInstance = new Parallax(scene);
			
 
				+
			
 
				+
			
 
				+$("*").each(function (index, element) {
			
 
				+  // 此元素被點選後執行
			
 
				+  $(this).click(function (e) {
			
 
				+    // 取得被點選元素的屬性：data-gt-target
			
 
				+    var target = $(this).attr("data-gt-target");
			
 
				+    var duration = $(this).attr("data-gt-duration");
			
 
				+    var offset = $(this).attr("data-gt-offset");
			
 
				+
			
 
				+    // JS 語法：判斷式
			
 
				+    // if (條件) {程式區塊}
			
 
				+    // 當條件成立，會執行程式區塊
			
 
				+
			
 
				+    // 如果 目標有資料 才會執行 { } 內的程式
			
 
				+    // 避免出現 undefine (未定義 - 不存在的資料)
			
 
				+    if (target) {
			
 
				+      //console.log("目標：" + target);
			
 
				+      //console.log("時間：" + duration);
			
 
				+      //console.log("位移：" + offset);
			
 
				+
			
 
				+      // 上方位置 = 目標區塊.位移().上方位置
			
 
				+      var top = $(target).offset().top;
			
 
				+      //console.log("要前往元素的上方位置：" + top);
			
 
				+
			
 
				+      // 網頁元素.停止().動畫({ 上方捲動：指定元素 - 位移}，持續時間)
			
 
				+      // parseInt() 將文字轉為數字
			
 
				+
			
 
				+      $("html").stop().animate({
			
 
				+        scrollTop: top - offset
			
 
				+      }, parseInt(duration));
			
 
				+    }
			
 
				+  });
			
 
				+});
			
 
				+
			
 
				+// 避免動畫與使用者滾輪衝突
			
 
				+// html 在滾動滾輪時 停止 html 所有效果
			
 
				+$("html").on("mousewheel", function () {
			
 
				+  $("html").stop();
			
 
				+});
			
 
				+
			
 
				+// 手機選單彈跳視窗
			
 
				+$("#menu-box2").hide();
			
 
				+$("#menu-box").hide();
			
 
				+
			
 
				+$("#menu-btn1").click(function () {
			
 
				+
			
 
				+  $("#menu-box").fadeToggle("slow");
			
 
				+  $("#menu-box2").fadeToggle("slow");
			
 
				+
			
 
				+});
			
 
				+$(".link").click(function () {
			
 
				+  $("#menu-box").slideUp("slow", function () {
			
 
				+    $("#menu-box2").slideUp("slow");
			
 
				+    // Animation complete.
			
 
				+  });
			
 
				+});
			
 
				+
			
 
				+// 文字動畫
			
 
				+const sec = document.querySelectorAll('.sec');
			
 
				+const title = document.querySelectorAll('.title');
			
 
				+const cover = document.querySelectorAll('.cover');
			
 
				+const test_content = document.querySelectorAll('.test_content');
			
 
				+
			
 
				+function checkSlide() {
			
 
				+    console.log('pass');
			
 
				+    sec.forEach((block, i) => {
			
 
				+        // half way through the image
			
 
				+        //const test = document.querySelector('.test');
			
 
				+        const slideInAt = window.scrollY + window.innerHeight;
			
 
				+        console.log(slideInAt);
			
 
				+        //console.log(test.offsetTop);
			
 
				+        // bottom of the image
			
 
				+        const isHalfShown = slideInAt > block.offsetTop;
			
 
				+        if (isHalfShown) {
			
 
				+            console.log('active');
			
 
				+            title[i].style.bottom = '0em';
			
 
				+            //document.querySelector('.title').style.bottom = '0em';
			
 
				+            test_content[i].classList.add('fadein');
			
 
				+            cover[i].classList.add('slidein');
			
 
				+            //test.firstElementChild.classList.add('fadein');
			
 
				+
			
 
				+            //test_content[i].fadeIn(1500);
			
 
				+
			
 
				+            // $('.test_content').fadeIn(1500);
			
 
				+        }
			
 
				+    })
			
 
				+};
			
 
				+window.addEventListener('scroll', checkSlide);
			
 
				+
			
 
				+// const sec2 = document.querySelectorAll('.sec2');
			
 
				+// const cover2 = document.querySelectorAll('.cover2');
			
 
				+
			
 
				+// function checkSlide2() {
			
 
				+//     console.log('pass');
			
 
				+//     sec2.forEach((block2, i) => {
			
 
				+//         // half way through the image
			
 
				+//         //const test = document.querySelector('.test');
			
 
				+//         const slideInAt2 = window.scrollY + window.innerHeight;
			
 
				+//         console.log(slideInAt2);
			
 
				+//         //console.log(test.offsetTop);
			
 
				+//         // bottom of the image
			
 
				+//         const isHalfShown2 = slideInAt2 > block2.offsetTop;
			
 
				+//         if (isHalfShown2) {
			
 
				+//             console.log('active');
			
 
				+//             cover2[i].classList.add('slidein2');
			
 
				+//             // test.firstElementChild.classList.add('fadein');
			
 
				+//         }
			
 
				+//     })
			
 
				+// };
			
 
				+
			
 
				+// window.addEventListener('scroll', checkSlide2);
			
--- a/feather-instagram.png
+++ b/feather-instagram.png
--- a/metro-facebook.png
+++ b/metro-facebook.png
--- a/simple-line.png
+++ b/simple-line.png
--- a/simple-youtube.png
+++ b/simple-youtube.png
--- a/img/banner-bottom.png
+++ b/img/banner-bottom.png
--- a/img/banner-img-m.png
+++ b/img/banner-img-m.png
--- a/img/banner-img.png
+++ b/img/banner-img.png
--- a/img/banner-title-m.png
+++ b/img/banner-title-m.png
--- a/img/banner-title.png
+++ b/img/banner-title.png
--- a/img/bg.png
+++ b/img/bg.png
--- a/img/btn.png
+++ b/img/btn.png
--- a/img/designer1/01.png
+++ b/img/designer1/01.png
--- a/img/designer1/1.png
+++ b/img/designer1/1.png
--- a/img/designer1/2.png
+++ b/img/designer1/2.png
--- a/img/designer1/237.png
+++ b/img/designer1/237.png
--- a/img/designer1/2371.png
+++ b/img/designer1/2371.png
--- a/img/designer1/238-2.png
+++ b/img/designer1/238-2.png
--- a/img/designer1/238.png
+++ b/img/designer1/238.png
--- a/img/designer1/3.png
+++ b/img/designer1/3.png
--- a/img/designer1/4.png
+++ b/img/designer1/4.png
--- a/img/designer1/Portfolio/.DS_Store
+++ b/img/designer1/Portfolio/.DS_Store
--- a/img/designer1/Portfolio/11185/designer337_38_01.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_01.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_02.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_02.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_03.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_03.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_04.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_04.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_05.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_05.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_06.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_06.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_07.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_07.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_08.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_08.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_09.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_09.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_10.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_10.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_11.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_11.jpg
--- a/img/designer1/Portfolio/11185/designer337_38_12.jpg
+++ b/img/designer1/Portfolio/11185/designer337_38_12.jpg
--- a/img/designer1/Portfolio/11919/.DS_Store
+++ b/img/designer1/Portfolio/11919/.DS_Store
--- a/img/designer1/Portfolio/11919/designer337_45_01.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_01.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_02.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_02.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_03.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_03.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_04.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_04.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_05.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_05.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_06.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_06.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_07.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_07.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_08.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_08.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_09.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_09.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_10.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_10.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_11.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_11.jpg
--- a/img/designer1/Portfolio/11919/designer337_45_12.jpg
+++ b/img/designer1/Portfolio/11919/designer337_45_12.jpg
--- a/img/designer1/Portfolio/13560/.DS_Store
+++ b/img/designer1/Portfolio/13560/.DS_Store
--- a/img/designer1/Portfolio/13560/designer337_63_01.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_01.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_02.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_02.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_03.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_03.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_04.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_04.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_05.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_05.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_06.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_06.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_07.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_07.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_08.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_08.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_09.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_09.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_10.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_10.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_11.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_11.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_12.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_12.jpg
--- a/img/designer1/Portfolio/13560/designer337_63_13.jpg
+++ b/img/designer1/Portfolio/13560/designer337_63_13.jpg
--- a/img/designer1/Portfolio/5881/.DS_Store
+++ b/img/designer1/Portfolio/5881/.DS_Store
--- a/img/designer1/Portfolio/5881/designer337_08_01.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_01.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_02.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_02.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_03.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_03.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_04.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_04.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_05.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_05.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_06.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_06.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_07.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_07.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_08.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_08.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_09.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_09.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_10.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_10.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_11.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_11.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_12.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_12.jpg
--- a/img/designer1/Portfolio/5881/designer337_08_13.jpg
+++ b/img/designer1/Portfolio/5881/designer337_08_13.jpg
--- a/img/designer1/arrow-right.png
+++ b/img/designer1/arrow-right.png
--- a/img/designer1/designer737_06_01.jpg
+++ b/img/designer1/designer737_06_01.jpg
--- a/img/designer1/logo1.png
+++ b/img/designer1/logo1.png
--- a/img/designer1/play.png
+++ b/img/designer1/play.png
--- a/img/designer1/video.png
+++ b/img/designer1/video.png
--- a/img/designer1/组
+++ b/img/designer1/组
--- a/img/designer1/组
+++ b/img/designer1/组
--- a/img/designer2/02.png
+++ b/img/designer2/02.png
--- a/img/designer2/02logo.png
+++ b/img/designer2/02logo.png
--- a/img/designer2/2.png
+++ b/img/designer2/2.png
--- a/img/designer2/238-m.png
+++ b/img/designer2/238-m.png
--- a/img/designer2/238.png
+++ b/img/designer2/238.png
--- a/img/designer2/Portfolio/.DS_Store
+++ b/img/designer2/Portfolio/.DS_Store
--- a/img/designer2/Portfolio/11768/designer465_24_01.jpg
+++ b/img/designer2/Portfolio/11768/designer465_24_01.jpg
--- a/img/designer2/Portfolio/11768/designer465_24_02.jpg
+++ b/img/designer2/Portfolio/11768/designer465_24_02.jpg
--- a/img/designer2/Portfolio/11768/designer465_24_03.jpg
+++ b/img/designer2/Portfolio/11768/designer465_24_03.jpg
--- a/img/designer2/Portfolio/11768/designer465_24_04.jpg
+++ b/img/designer2/Portfolio/11768/designer465_24_04.jpg
--- a/img/designer2/Portfolio/11768/designer465_24_05.jpg
+++ b/img/designer2/Portfolio/11768/designer465_24_05.jpg
--- a/img/designer2/Portfolio/11768/designer465_24_06.jpg
+++ b/img/designer2/Portfolio/11768/designer465_24_06.jpg