差異處
這裏顯示兩個版本的差異處。
兩邊的前次修訂版前次修改 下次修改 | 前次修改 | ||
welcome [2024/11/15 21:11] – host | welcome [2024/12/10 20:28] (目前版本) – host | ||
---|---|---|---|
行 1: | 行 1: | ||
- | <html> | + | [[welcome|歡迎]] . <wrap lo>[[Dedication|敬禮]]</wrap> . <wrap lo>[[SP|作者]]</wrap>\\ |
- | <head> | + | |
- | <meta name=" | + | |
- | <style> | + | |
- | body {font-family: | + | |
- | /* Style the tab */ | + | === 知識樹歡迎您! === |
- | .tab { | + | |
- | overflow: hidden; | + | |
- | border: 1px solid #ccc; | + | |
- | background-color: | + | |
- | } | + | |
- | /* Style the buttons inside the tab */ | ||
- | .tab button { | ||
- | background-color: | ||
- | float: left; | ||
- | border: none; | ||
- | outline: none; | ||
- | cursor: pointer; | ||
- | padding: 14px 16px; | ||
- | transition: 0.3s; | ||
- | font-size: 17px; | ||
- | } | ||
- | /* Change background color of buttons on hover */ | + | <fs medium> |
- | .tab button: | + | 歡迎來到韋達知識樹!🌿 |
- | background-color: | + | |
- | } | + | |
- | /* Create an active/ | + | 在“知識樹”裡,我們致力於通過《韋達經》的永恆教義照亮您的心靈的成長和智慧之路。無論您是一位終生的探索者,還是剛剛開始您的旅程,我們的資源、見解和社群都在這裡支持您。 |
- | .tab button.active { | + | |
- | background-color: | + | |
- | } | + | |
- | /* Style the tab content */ | + | 探索《韋達經》的古老智慧,發現它如何以知識、和平和目的豐富您的生活。加入我們的靈性啟蒙之旅,並與志同道合的活躍社群連接。 |
- | .tabcontent { | + | |
- | display: none; | + | |
- | padding: 6px 12px; | + | |
- | border: 1px solid #ccc; | + | |
- | border-top: none; | + | |
- | } | + | |
- | </ | + | |
- | </ | + | |
- | < | + | |
+ | 我們很高興有您和我們一起踏上這神聖的旅程。歡迎來到這個充滿深刻知識、神聖啟示和內在轉變的世界。 | ||
+ | \\ \\ | ||
+ | Hari Hari Bol! 與祝福, | ||
+ | \\ | ||
+ | //Vedic Tree// 團隊 🌸</ | ||
+ | \\ | ||
+ | <WRAP center box 100%> | ||
+ | <fs medium> | ||
- | <div class=" | + | At Vedic Tree, we are dedicated to illuminating your path to spiritual growth and wisdom through the timeless teachings of the Vedas. Whether you are a lifelong seeker or just beginning your journey, our resources, insights, and community are here to support you. |
- | <button class=" | + | |
- | <button class=" | + | |
- | <button class=" | + | |
- | </ | + | |
- | <div id=" | + | Explore |
- | < | + | |
- | < | + | |
- | </ | + | |
- | <div id=" | + | We are thril\\led to have you with us on this sacred journey. Welcome to a world of profound knowledge, divine inspiration, |
- | < | + | \\ \\ |
- | < | + | Hari Hari Bol! and blessings, |
- | </div> | + | \\ |
+ | The //Vedic Tree// Team 🌸</fs> | ||
+ | \\ | ||
+ | </WRAP> | ||
- | <div id=" | ||
- | < | ||
- | < | ||
- | </ | ||
- | |||
- | < | ||
- | function openCity(evt, | ||
- | var i, tabcontent, tablinks; | ||
- | tabcontent = document.getElementsByClassName(" | ||
- | for (i = 0; i < tabcontent.length; | ||
- | tabcontent[i].style.display = " | ||
- | } | ||
- | tablinks = document.getElementsByClassName(" | ||
- | for (i = 0; i < tablinks.length; | ||
- | tablinks[i].className = tablinks[i].className.replace(" | ||
- | } | ||
- | document.getElementById(cityName).style.display = " | ||
- | evt.currentTarget.className += " active"; | ||
- | } | ||
- | </ | ||
- | |||
- | </ | ||
- | </ | ||
- | < | ||
- | < | ||
- | <meta name=" | ||
- | < | ||
- | * {box-sizing: | ||
- | body {font-family: | ||
- | |||
- | /* Style the tab */ | ||
- | .tab { | ||
- | float: left; | ||
- | border: 1px solid #ccc; | ||
- | background-color: | ||
- | width: 30%; | ||
- | height: 300px; | ||
- | } | ||
- | |||
- | /* Style the buttons inside the tab */ | ||
- | .tab button { | ||
- | display: block; | ||
- | background-color: | ||
- | color: black; | ||
- | padding: 22px 16px; | ||
- | width: 100%; | ||
- | border: none; | ||
- | outline: none; | ||
- | text-align: left; | ||
- | cursor: pointer; | ||
- | transition: 0.3s; | ||
- | font-size: 17px; | ||
- | } | ||
- | |||
- | /* Change background color of buttons on hover */ | ||
- | .tab button: | ||
- | background-color: | ||
- | } | ||
- | |||
- | /* Create an active/ | ||
- | .tab button.active { | ||
- | background-color: | ||
- | } | ||
- | |||
- | /* Style the tab content */ | ||
- | .tabcontent { | ||
- | float: left; | ||
- | padding: 0px 12px; | ||
- | border: 1px solid #ccc; | ||
- | width: 70%; | ||
- | border-left: | ||
- | height: 300px; | ||
- | } | ||
- | </ | ||
- | </ | ||
- | < | ||
- | |||
- | < | ||
- | < | ||
- | |||
- | <div class=" | ||
- | <button class=" | ||
- | <button class=" | ||
- | <button class=" | ||
- | </ | ||
- | |||
- | <div id=" | ||
- | < | ||
- | < | ||
- | </ | ||
- | |||
- | <div id=" | ||
- | < | ||
- | < | ||
- | </ | ||
- | |||
- | <div id=" | ||
- | < | ||
- | < | ||
- | </ | ||
- | |||
- | < | ||
- | function openCity(evt, | ||
- | var i, tabcontent, tablinks; | ||
- | tabcontent = document.getElementsByClassName(" | ||
- | for (i = 0; i < tabcontent.length; | ||
- | tabcontent[i].style.display = " | ||
- | } | ||
- | tablinks = document.getElementsByClassName(" | ||
- | for (i = 0; i < tablinks.length; | ||
- | tablinks[i].className = tablinks[i].className.replace(" | ||
- | } | ||
- | document.getElementById(cityName).style.display = " | ||
- | evt.currentTarget.className += " active"; | ||
- | } | ||
- | |||
- | // Get the element with id=" | ||
- | document.getElementById(" | ||
- | </ | ||
- | |||
- | </ | ||
- | </ |