|
@@ -1,15 +1,5 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
-
|
|
|
-<head>
|
|
|
- {{ partial "headers.html" . }}
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
- <!-- <div class="header-template"></div> -->
|
|
|
- {{ partial "nav.html" . }}
|
|
|
-
|
|
|
- <section class="bhouseweb_loc_banner d-md-none d-block">
|
|
|
+{{ define "main" }}
|
|
|
+<section class="bhouseweb_loc_banner d-md-none d-block">
|
|
|
<div class="card bg-transparent text-white border-0 rounded-0">
|
|
|
<img src="/img/banner/bn_portfolio2x.png" class="banner-img card-img" alt="...">
|
|
|
</div>
|
|
@@ -60,7 +50,7 @@
|
|
|
<div class="col-4 ol-md-6 d-flex align-items-end justify-content-center">
|
|
|
<div>
|
|
|
<h3 class="fw-bold">客廳 餐廳</h3>
|
|
|
- <h3>書房 主臥</h3>
|
|
|
+ <h3 class="fw-bold">書房 主臥</h3>
|
|
|
<p>設計空間</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -78,7 +68,7 @@
|
|
|
<hr class="style_house_line">
|
|
|
<div class="style_house_content">
|
|
|
<div class="style_house_sec02">
|
|
|
- <h1 class="style_house_title">標題JPBold22級字</h1>
|
|
|
+ <!-- <h1 class="style_house_title">標題JPBold22級字</h1> -->
|
|
|
<div class="style_house_sec02_content">
|
|
|
<div class="row px-0 mx-0">
|
|
|
<div class="col-7 col-md-5">
|
|
@@ -295,76 +285,4 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
- <!-- <div class="footer-template"></div> -->
|
|
|
-
|
|
|
- {{ partial "footer.html" . }}
|
|
|
-
|
|
|
- <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
|
- integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
|
- crossorigin="anonymous"></script>
|
|
|
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.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 type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
|
|
-
|
|
|
- <script async defer src="./js/index.js"></script> -->
|
|
|
- {{ partial "scripts.html" . }}
|
|
|
- <script>
|
|
|
- window.onload = () => {
|
|
|
- // 直式輪播圖動態更改高度
|
|
|
- function changeHeight() {
|
|
|
- let firstImg = $('.style_house_sec02_slide div:first-child img');
|
|
|
- let firstImgHeight = firstImg.css('height');
|
|
|
- $('.style_house_sec02_slide .vertical-img').css("height", `${firstImgHeight}`)
|
|
|
- }
|
|
|
- changeHeight();
|
|
|
- $(window).resize(function () {
|
|
|
- setTimeout(() => {
|
|
|
- changeHeight();
|
|
|
- }, 500)
|
|
|
- });
|
|
|
- $('.slide_img').each(function () { // jquery.each() 循環讀取所有圖片
|
|
|
- var height = $(this).height();
|
|
|
- var width = $(this).width();
|
|
|
- console.log(height)
|
|
|
- if (height > 100) {
|
|
|
- $(this).css({
|
|
|
- 'width': 100 + 'px',
|
|
|
- "margin": 'auto',
|
|
|
- });
|
|
|
- }
|
|
|
- else {
|
|
|
- $(this).css({
|
|
|
- "margin-top": '30px',
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
- $('.slider-for').slick({
|
|
|
- slidesToShow: 1,
|
|
|
- slidesToScroll: 1,
|
|
|
- arrows: false,
|
|
|
- fade: true,
|
|
|
- asNavFor: '.slider-nav'
|
|
|
- });
|
|
|
- $('.slider-nav').slick({
|
|
|
- slidesToShow: 5,
|
|
|
- slidesToScroll: 3,
|
|
|
- asNavFor: '.slider-for',
|
|
|
- dots: false,
|
|
|
- centerMode: true,
|
|
|
- focusOnSelect: true
|
|
|
- });
|
|
|
- };
|
|
|
- </script>
|
|
|
-
|
|
|
-</body>
|
|
|
-
|
|
|
-</html>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+ {{ end }}
|