華體會（中國）在線平台-HTH.COM 體育管理專家

在開發主題時，我嘗試遵循標準和模組化結構。以下章節將說明主題的檔案與資料夾結構、HTML 檔案結構以及外掛程式。

檔案與資料夾結構

Landrick v2.5
|
├──  HTML 檔案
│   └── Something 113 html pages
│
├──  css/
│   └──  顏色
│   │   └──  default.css
│   │   └──  cyan.css
│   │   └──  green.css
│   │   └──  red.css
│   │   └──  skobleoff.css
│   │   └──  skyblue.css
│   │   └──  slateblue.css
│   │   └──  purple.css
│   │
│   └──  bootstrap.css
│   └──  animate.css
│   └──  animation-delay.css
│   └──  aos.css
│   └──  flatpickr.min.css
│   └──  flexslider.css
│   └──  magnific-popup.css
│   └──  materialdesignicons.min.css
│   └──  materialdesignicons.css
│   └──  owl.carousel.min.css
│   └──  owl.theme.default.min.css
│   └──  owl.transitions.css
│   └──  slick-theme.css
│   └──  slick.css
│   └──  swiper.min.css
│   └──  style-dark.css
│   └──  style-dark-rtl.css
│   └──  style-rtl.css
│   └──  style.css
│
├──  fonts/
│   └──  ajex-loader.gif
│   └──  materialdesignicons-webfont.eot
│   └──  materialdesignicons-webfont.svg
│   └──  materialdesignicons-webfont.ttf
│   └──  materialdesignicons-webfont.woff
│   └──  materialdesignicons-webfont.woff2
│   └──  slick.ttf
│   └──  slick.woff
│
├──  images/
│   └──  All dummy images
│
├──  scss/
│   └──  深色
│   │	└──  rtl
│   │	│	└──  _bootstrap-custom-rtl.scss
│   │	│	└──  _components-rtl.scss
│   │	│	└──  _general-rtl.scss
│   │	│	└──  _helper-rtl.scss
│   │	│	└──  _menu-rtl.scss
│   │	│
│   │	└──  _bootstrap-custom.scss
│   │	└──  _components.scss
│   │	└──  _general.scss
│   │	└──  _helper.scss
│   │	└──  _menu.scss
│   │	└──  _variables.scss
│   │
│   └──  rtl
│   │	└──  _bootstrap-custom-rtl.scss
│   │	└──  _components-rtl.scss
│   │	└──  _general-rtl.scss
│   │	└──  _helper-rtl.scss
│   │	└──  _menu-rtl.scss 
│   │
│   └──  _blog.scss
│   └──  _bootstrap-custom.scss
│   └──  _components.scss
│   └──  _contact.scss
│   └──  _countdown.scss
│   └──  _cta.scss
│   └──  _features.scss
│   └──  _footer.scss
│   └──  _general.scss
│   └──  _helper.scss
│   └──  _home.scss
│   └──  _menu.scss
│   └──  _price.scss
│   └──  _team.scss
│   └──  _testi.scss
│   └──  _user.scss
│   └──  _variables.scss
│   └──  _work.scss
│   └──  style-dark-rtl.scss
│   └──  style-dark.scss
│   └──  style-rtl.scss
│   └──  style.scss
│
├──  php/
│   └──  contact.php file
│
└──  js/
    └──  app.js
    └──  bootstrap-bundle.min.js
    └──  jquery-3.4.1.js
    └──  jquery.easing.min.js
    └──  scrollspy.min.js
    └──  aos.js
    └──  contact.js
    └──  counter.init.js
    └──  feather.min.js
    └──  flatpickr.min.js
    └──  flatpickr.init.js
    └──  flexslider.min.js
    └──  flexslider.init.js
    └──  jquery.countdown.min.js
    └──  jquery.countdown.js
    └──  countdown.init.js
    └──  isotope.js
    └──  jquery.magnific-popup.min.js
    └──  magnific.init.js
    └──  portfolio.init.js
    └──  jquery.mb.YTPlayer.min.js
    └──  maintenance.init.js
    └──  owl.carousel.min.js
    └──  owl.init.js
    └──  swiper.min.js
    └──  swiper.init.js
    └──  parallax.js
    └──  slick.min.js
    └──  slick.init.js
    └──  small_menu.js
    └──  typed.js
    └──  typed.init.js 

HTML 結構

<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title> Landrick - SaaS 與軟體著陸頁範本 </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="網站描述" />
        <meta name="keywords" content="您的標籤" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/colors/default.css" rel="stylesheet" id="color-opt" />
    
    </head>

    <body>

        <!-- 載入動畫開始 -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- 載入動畫結束 -->

        <!-- 導覽列開始 -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 導覽列結束 -->

        <!-- 主視覺開始 -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 主視覺結束 -->

        <!-- 頁尾開始 -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 頁尾結束 -->

        <!-- 返回首頁開始 -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- 返回首頁結束 -->

        <!-- JavaScript 開始 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- JavaScript 結束 -->
    </body>
</html>
                        

CSS

檔案說明如下：

檔案	描述
bootstrap.min.css	Landrick 使用最新的 Bootstrap v4.4.1。所有頁面皆使用核心的 Bootstrap 檔案。
style.css	此檔案包含所有頁面的通用樣式。
style-rtl.css	為了啟用 RTL 模式，請將 style.css 的引用替換為 style-rtl.css
style-dark.css	為了啟用 深色 hth以保障平台访问稳定流畅，确保用户体验专业可靠。为核心，带来高效便捷的体验。 style.css 的引用替換為 style-dark.css
style-dark-rtl.css	為了啟用 深色 RTL 想了解更多为体育用户提供高效、安心的在线服务环境。相关内容，尽在hth。 style.css 的引用替換為 style-dark-rtl.css

JavaScript

hth围绕华体会官网不断创新，回应用户的真实需求。

檔案	描述
app.js	這是一個主要的 JS 檔案。它包含了功能所需的自訂 JS 程式碼，例如版面配置、側邊欄等。

選單

一些類似的變更：

1) 選單從置中改為靠右

若要將選單從置中移至右側，只需在 navigation-menu 旁新增類別 nav-right.

2) 選單從置中改為靠左

若要將選單從置中移至左側，只需新增類別 navigation-menu 旁新增類別 nav-left.

3) 淺色選單

如果您想要置中且淺色的導覽選單，只需新增類別 navigation-menu 旁新增類別 nav-light.

載入器

若要新增 loader 您需要在 <body> 標籤之後加入以下程式碼。

再次感謝您的購買。我很樂意回答您與主題相關的任何問題。如果您有任何建議或功能需求，請隨時與我聯繫，我會嘗試實作並在未來更新中發布。

如果您有任何超出本文件範圍的問題，請隨時透過我的頁面發送電子郵件或聯繫我們。

保持出色

- Shreethemes

• _bootstrap-custom.scss
• _components.scss
• _features.scss
• _helper.scss
• _home.scss
• _menu.scss
• _user.scss
• _variables.scss
• _work.scss

注意： 完整資料夾取代深色版本 scss 與 RTL 版本 scss

• 路徑：HTML/images/customer/customer.svg
• 路徑：HTML/images/user/login.svg
• 路徑：HTML/images/user/recovery.svg
• 路徑：HTML/images/user/signup.svg
• 路徑：HTML/images/contact.svg
• 路徑：HTML/images/404.svg