Skip to content

Commit

Permalink
新增老家高山茶的板塊
Browse files Browse the repository at this point in the history
  • Loading branch information
chimingliao committed Nov 22, 2024
1 parent 96ea38a commit 7014675
Show file tree
Hide file tree
Showing 7 changed files with 22 additions and 0 deletions.
5 changes: 5 additions & 0 deletions tea/assets/bootstrap/css/bootstrap.min.css

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions tea/assets/bootstrap/js/bootstrap.min.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions tea/assets/css/styles.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions tea/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html><html data-bs-theme="light" lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>秋景之境</title><link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"><link rel="stylesheet" href="assets/css/styles.min.css"></head><body><nav class="navbar navbar-expand-md bg-body py-3"><div class="container"><a class="navbar-brand d-flex align-items-center" href="#"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-bezier">
<path fill-rule="evenodd" d="M0 10.5A1.5 1.5 0 0 1 1.5 9h1A1.5 1.5 0 0 1 4 10.5v1A1.5 1.5 0 0 1 2.5 13h-1A1.5 1.5 0 0 1 0 11.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm10.5.5A1.5 1.5 0 0 1 13.5 9h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM6 4.5A1.5 1.5 0 0 1 7.5 3h1A1.5 1.5 0 0 1 10 4.5v1A1.5 1.5 0 0 1 8.5 7h-1A1.5 1.5 0 0 1 6 5.5zM7.5 4a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"></path>
<path d="M6 4.5H1.866a1 1 0 1 0 0 1h2.668A6.517 6.517 0 0 0 1.814 9H2.5c.123 0 .244.015.358.043a5.517 5.517 0 0 1 3.185-3.185A1.503 1.503 0 0 1 6 5.5zm3.957 1.358A1.5 1.5 0 0 0 10 5.5v-1h4.134a1 1 0 1 1 0 1h-2.668a6.517 6.517 0 0 1 2.72 3.5H13.5c-.123 0-.243.015-.358.043a5.517 5.517 0 0 0-3.185-3.185z"></path>
</svg></span><span>秋景之境</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navcol-2"><ul class="navbar-nav ms-auto"><li class="nav-item"><a class="nav-link active" href="#">高山之茶</a></li><li class="nav-item"><a class="nav-link" href="#">旅行故事</a></li><li class="nav-item"><a class="nav-link" href="#">創作記錄</a></li></ul><a class="btn btn-primary ms-md-2" role="button" href="#">贊助計劃</a></div></div></nav><div class="row"><div class="col"><div class="carousel slide" data-bs-ride="carousel" id="carousel-1" style="height: 600px;"><div class="carousel-inner h-100"><div class="carousel-item active h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="assets/img/458523988_10161052260928283_6746050498464164704_n.jpg" alt="Slide Image" style="z-index: -1;"><div class="container d-flex flex-column justify-content-center h-100"><div class="row"><div class="col-md-6 col-xl-4 offset-md-2"><div style="max-width: 350px;"><h1 class="text-uppercase fw-bold" style="color: var(--bs-white);">茶香好时光,品味高山韵味。</h1><p class="my-3" style="color: var(--bs-yellow);">「お茶の香りに癒されて、1860メートルの高山の風味を味わいましょう。」<br><br></p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a></div></div></div></div></div><div class="carousel-item h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="assets/img/458922438_10161065812108283_2363461086591317059_n.jpg" alt="Slide Image" style="z-index: -1;"><div class="container d-flex flex-column justify-content-center h-100"><div class="row"><div class="col-md-6 col-xl-4 offset-md-2"><div style="max-width: 350px;"><h1 class="text-uppercase fw-bold"><strong><span style="color: var(--bs-white);">茶香好时光,品味高山韵味。</span></strong></h1><p class="my-3" style="color: var(--bs-gray-100);">Enjoy the fragrant moments of tea and savor the alpine charm from 1860 meters above.<br><br></p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a></div></div></div></div></div><div class="carousel-item h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="assets/img/457599362_10161052279193283_7181612286469147298_n.jpg" alt="Slide Image" style="z-index: -1;"><div class="container d-flex flex-column justify-content-center h-100"><div class="row"><div class="col-md-6 col-xl-4 offset-md-2"><div style="max-width: 350px;"><h1 class="text-uppercase fw-bold" style="color: var(--bs-black);"><strong><span style="color: var(--bs-white);">茶香好时光,品味高山韵味。</span></strong></h1><p class="my-3" style="color: var(--bs-white);">お茶の香りに癒されて、1860メートルの高山の風味を味わいましょう。<br><br></p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a></div></div></div></div></div></div><div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div><div class="carousel-indicators"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button></div></div></div></div><div class="row"><div class="col"><div class="container py-4 py-xl-5"><div class="row mb-5"><div class="col-md-8 col-xl-6 text-center mx-auto"><h2>我們的初心很單純</h2><p class="w-lg-50">從有機烏龍茶開始,不僅是我們家鄉的特色,還能讓大家嘗到純正好茶,讓更多人愛上茶,也愛上我們的故事!</p></div></div><div class="row gy-4 row-cols-1 row-cols-md-2"><div class="col"><div class="d-flex flex-column flex-lg-row"><div class="w-100"><img class="rounded img-fluid d-block w-100 fit-cover" style="height: 200px;width: 200;" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></div><div class="py-4 py-lg-0 px-lg-4"><h4>高山烏龍茶</h4><p style="width: 311.203px;">“清新甘醇的滋味,源自海拔1860米的高山茶園。每一片茶葉都飽含著山間清風與自然日光,沖泡出的是原汁原味的自然好茶,適合細細品味。”</p></div></div></div><div class="col"><div class="d-flex flex-column flex-lg-row"><div class="w-100"><img class="rounded img-fluid d-block w-100 fit-cover" style="height: 200px;/*width: 200;*/" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></div><div class="py-4 py-lg-0 px-lg-4"><h4>炭焙老茶</h4><p>“歲月的醇香,炭火的溫度。精選高山優質茶葉,經過傳統炭焙工藝,將時間與茶香融合,帶來濃郁深沈的獨特風味。”</p></div></div></div><div class="col"><div class="d-flex flex-column flex-lg-row"><div class="w-100"><img class="rounded img-fluid d-block w-100 fit-cover" style="height: 200px;/*width: 200;*/" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></div><div class="py-4 py-lg-0 px-lg-4"><h4>台灣紅茶</h4><p>“一抹蜜香,溫暖人心。臺灣特有的氣候與地理條件孕育出芬芳馥郁的紅茶,每一口都是甜美與柔和的完美結合,適合任何時光。”</p></div></div></div><div class="col"><div class="d-flex flex-column flex-lg-row"><div class="w-100"><img class="rounded img-fluid d-block w-100 fit-cover" style="height: 200px;/*width: 200;*/" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"></div><div class="py-4 py-lg-0 px-lg-4"><h4>奉茶</h4><p style="width: 303.578px;">“承載著臺灣的人情味與奉獻精神。奉茶源自古老的文化傳統,以無私的心意為每一位客人送上一杯清香好茶,溫暖的不只是味蕾,更是心靈。”</p></div></div></div></div></div></div></div><div class="row"></div><footer class="text-center py-4"><div class="container"><div class="row row-cols-1 row-cols-lg-3"><div class="col"><p class="text-muted my-2">Copyright&nbsp;© 2024 秋景之境</p></div><div class="col"><ul class="list-inline my-2"><li class="list-inline-item me-4"><div class="bs-icon-circle bs-icon-primary bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path>
</svg></div></li><li class="list-inline-item me-4"><div class="bs-icon-circle bs-icon-primary bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15"></path>
</svg></div></li><li class="list-inline-item"><div class="bs-icon-circle bs-icon-primary bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"></path>
</svg></div></li></ul></div><div class="col"><ul class="list-inline my-2"><li class="list-inline-item"><a class="link-secondary" href="#">Privacy Policy</a></li><li class="list-inline-item"><a class="link-secondary" href="#">Terms of Use</a></li></ul></div></div></div></footer><script src="assets/bootstrap/js/bootstrap.min.js"></script></body></html>

0 comments on commit 7014675

Please sign in to comment.