世界杯半决赛最新消息｜赛事资讯

快速掌握核心资讯

注意： 這是 不是WordPress主題，它不會像WordPress主題一樣安裝， 這是一個HTML5模板 （靜態網站）。

Softar 是一個響應式軟體登陸頁面HTML5模板，包含10多個頁面和5種主頁變體。 Softar 是一個圖形化精緻、互動式、易於自訂、高度現代、載入快速、搜尋引擎優化、編碼效率高、文件齊全、充滿活力且完全響應式的HTML5和CSS3軟體登陸頁面模板，專為 軟體、新創公司和行動應用程式，汽車網站或您的部落格設計

要使用您的資訊編輯此模板，您需要一個程式碼編輯器，我推薦使用Sublime Text（http://www.sublimetext.com/3）和瀏覽器，我推薦使用Google Chrome。

它非常容易使用。有多種主頁佈局可供選擇，還有各種頁面可供您建立網站，但您也可以非常輕鬆地建立自己的頁面佈局（只需從元素範例中複製貼上程式碼）。

當您開始使用您的資訊編輯模板時，最好建立一個單獨的資料夾，將assets資料夾和404.html頁面複製到其中，將其中一個index...檔案重新命名為index.html，然後移動並編輯您將使用的頁面。另外，為您的編輯建立一個單獨的樣式表並載入它也是一個好習慣下方 Softar CSS。

部署与配置指南

請按照以下步驟設定您的網站模板：

解压下载的压缩包，在“HTML”文件夹中找到所有模板文件。请通过FTP将这些文件上传至您的网站根目录。
以下是需要上传到您网站根目录的文件夹结构： HTML/css - 样式表文件 HTML/fonts – 图标字体文件 HTML/img - 图片文件 HTML/js - JavaScript文件
您可以根据项目需求上传全部或部分HTML文件。
一切就绪！现在您可以开始添加您的内容和图片，为用户打造一个精彩的全新网站。

页面布局解析

HTML文件结构概览

下載模板後，您會看到一個包含多個檔案和子資料夾的資料夾。您可以繼續閱讀一些重要檔案的說明。

assets
- css
  - 动画效果CSS
  - 导航栏CSS
  - Bootstrap核心CSS
  - FontAwesome图标CSS
  - Themify图标CSS
  - 弹出窗口CSS
  - Owl Carousel核心CSS
  - Owl Carousel主题CSS
  - 响应式布局CSS
  - 所有必需CSS文件的合并压缩版
- 字体
- 图片素材存放区，包括Logo、配图、视频等。
- js
  - 导航栏JavaScript
  - Bootstrap核心JavaScript
  - 区域高度自适应JavaScript
  - MixItUp 动态筛选插件
  - jQuery 动画触发
  - jQuery 动画缓动
  - Magnific Popup 响应式灯箱
  - jQuery 核心库
  - Modernizr 特性检测
  - Owl Carousel 轮播组件
  - WOW.js 滚动动画
  - 进度条组件
  - Isotope 瀑布流布局
  - ImagesLoaded 图片加载状态
  - jQuery Count To 数字计数
  - 精选实用插件集
  - 客製化脚本
首頁
首页范例二
...
樣式檔案

定制方案

请仔细阅读以下重要信息

Softar遵循簡單易於自訂的程式碼結構。以下為範例供您參考：


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Softar - Software Landing Page Template</title>

    <!-- ========== Start Stylesheet ========== -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/themify-icons.css" rel="stylesheet">
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <link href="assets/css/owl.carousel.min.css" rel="stylesheet">
    <link href="assets/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/bootsnav.css" rel="stylesheet">
    <link href="assets/style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>
  

  <body>

    <!-- Start Navigation -->
    <nav class="navbar navbar-default navbar-fixed white no-background bootsnav">

    </nav>
    <!-- End Navigation-->


    <!-- Start Main
    ============================================= --->
    <main>

    </main>
    <!-- END Main Content -->


    <!-- Star Footer
    ============================================= -->
    <footer>

    </footer>
    <!-- End Footer -->


    <!-- jQuery Frameworks
    ============================================= -->
    <script src="assets/js/jquery-1.12.4.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/modernizr.custom.13711.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/progress-bar.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/count-to.js"></script>
    <script src="assets/js/bootsnav.js"></script>
    <script src="assets/js/custom.js"></script>

  </body>
</html>

字体风格调整

如何更改Logo

如何更改favicon

如何更改頁面標題

如何更改橫幅文字和背景

橫幅一

橫幅二

如何更改團隊區塊

字体风格调整 - 世界杯半决赛最新消息

如何更改客戶評價區塊

字体风格调整 - 世界杯半决赛最新消息

如何更改麵包屑導航

如何新增/移除頁腳底部

如何更改聯絡表單電子郵件

如何控制趣味元素

如何控制Owl Carousel

如何控制預載器

如何新增/移除CSS

如何新增/移除JS

重要提示与说明

本站使用了Google Fonts库中的Manrope和Roboto两种字体。您可以通过修改相应代码来更换字体。

 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

鸣谢与致谢

請仔細閱讀以下資訊

本站所使用的字體皆來自 Google Fonts。若無網路連線，可能顯示預設字體，此為正常現象。
若遇文件內容不足以完成客製化，請發送電子郵件至 [email protected] 獲取協助。
在尋求協助前，請確保您是本內容的合法購買者。可透過以下兩種方式證明： 1. 提交支援工單並附帶您的購買憑證。 2. 提供您帳戶登入後的購買記錄截圖，以便我們確認您擁有下載權限。

鳴謝

我们在此感谢所有为本平台提供支持的资源，它们共同构成了我们精彩的世界杯半决赛资讯。

圖片和影片

Unsplash 圖庫
無須更改
Gratisography
Magdeleine
Picjumbo
Picography

JS函式庫

jQuery
HTML5 相容性
Modernizr
jQuery Easing
平滑捲動效果
jQuery Appear
Bootsnav
WOW 動畫效果
jQuery CountTo
Magnific Popup
等高佈局
Owl Carousel

CSS與字體

Bootstrap
動畫效果
Font-Awesome 圖標
Flaticons 圖標
Google Fonts 字體

内容结构概览

下载包文件说明