核心功能概览

下载文件内容概览

  • Unsplash图库
  • NothingToChance图库
  • gratisography.com图库

欢迎使用世界杯直播网页版

Note: This is not a WordPress theme, and it wont install like a WordPress theme, this is a HTML5 template (static website).

Softar is a Responsive Software Landing Page HTML5 Template that comes with 10+ pages and 5 home page variations. Softar is a graphically polished, interactive, easily customizable, highly modern, fast loading, search engine optimized, efficiently coded, well documented, vibrant and fully responsive HTML5 and CSS3 Software Landing Page template specifically for , software , start-ups and mobile apps, Automotive site or your just a Blog

要使用代码编辑器（推荐Sublime Text）和浏览器（推荐Google Chrome）来编辑本平台。

本平台易于使用，提供多种首页布局和丰富页面组件，方便您轻松创建自定义页面。

开始编辑前，建议创建独立文件夹，复制资源文件和404页面，并将首页文件重命名为index.html。为便于管理，请创建独立的样式表文件并置于平台CSS文件之后。

快速开始

请按照以下步骤进行平台配置：

  1. 解压下载的压缩包，打开“HTML”文件夹以找到所有平台文件。您需要使用FTP将其上传到您的网站服务器才能在网站上使用。
  2. 以下是需要上传到您网站根目录的文件夹结构： HTML/css - 样式表文件 HTML/fonts – 图标字体文件 HTML/img - 图片文件 HTML/js - JavaScript文件
  3. 您可以根据需要上传所有或部分HTML文件。
  4. 一切就绪！开始添加您的内容/图片，为您的用户打造一个全新的精彩网站。

页面结构解析

HTML文件结构说明

下载平台后，您将看到包含多个文件和子文件夹的压缩包。重要文件说明将在下方继续介绍。

  • assets
    • css
      • animate.css 动画效果CSS
      • bootsnav.css 导航条CSS
      • bootstrap.min.css Bootstrap最小化CSS
      • font-awesome.min.css FontAwesome图标CSS
      • themify-icons.css Themify图标CSS
      • magnific-popup.css 弹出窗口CSS
      • owl.carousel.min.css Owl轮播图最小化CSS
      • owl.theme.default.min.css Owl默认主题CSS
      • responsive.css 主响应式媒体CSS
      • plugins.min.css 所有必需CSS文件的最小化版本
    • 字体
    • img 存放Logo、图片、视频等媒体文件的位置。
    • js
      • bootsnav.js 导航条JS
      • bootstrap.min.js Bootstrap最小化JS
      • equal-height.min.js 区域高度等分JS
      • MixItUp JS
      • 动画效果JS
      • 缓动效果JS
      • 弹出窗口JS
      • jQuery核心JS
      • Modernizr JS
      • 轮播图JS
      • WOW动画JS
      • 进度条JS
      • Isotope JS
      • 图片加载JS
      • 计数器JS
      • 插件合集JS
      • 自定义JS
  • 首页
  • 首页-2
  • ...
  • 样式文件

个性定制

请仔细阅读以下信息

世界杯直播网页版采用简洁易懂的代码结构，以下是示例供您参考：


<!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

个性化字体设置 - 世界杯直播

如何修改页面标题

个性化字体设置 - 世界杯直播

如何修改Banner文字与背景

首页Banner区域

个性化字体设置 - 世界杯直播

次级Banner区域

个性化字体设置 - 世界杯直播

如何修改球队信息板块

个性化字体设置 - 世界杯直播

如何修改用户评价板块

个性化字体设置 - 世界杯直播

如何调整面包屑导航

个性化字体设置 - 世界杯直播

如何添加/移除页脚内容

个性化字体设置 - 世界杯直播

如何修改联系表单邮箱

个性化字体设置 - 世界杯直播

如何调整趣味性设置

个性化字体设置 - 世界杯直播

如何配置轮播图效果

个性化字体设置 - 世界杯直播

如何管理加载动画

个性化字体设置 - 世界杯直播

如何添加/移除CSS样式

个性化字体设置 - 世界杯直播

如何添加/移除JavaScript脚本

个性化字体设置 - 世界杯直播

重要提示

本平台使用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');

版权信息

Read The following information Carefully

  • 本模板使用的字体均来自Google Fonts，离线状态下可能显示差异，敬请谅解。
  • 如遇文档未能解决的问题，请通过客服邮箱联系我们。
  • 在寻求帮助前，请确保您是本项目的合法购买者。您可以通过以下方式证明： 1. 提交支持工单并附带您的购买邮件。 2. 登录您的账户，提供下载凭证截图。

credits

我们非常感谢在开发过程中给予我们帮助的各位，他们使世界杯直播网页版成为一个优秀的平台。

图片与视频资源

JavaScript库文件

  • jQuery
  • HTML5兼容
  • Modernizr
  • jQuery缓动
  • 平滑滚动
  • jQuery Appear
  • Bootsnav
  • WOW动画
  • jQuery countTo
  • Magnific Popup
  • 元素等高
  • Owl Carousel

CSS样式与字体

  • Bootstrap
  • 动画效果
  • Font-Awesome图标
  • Flaticons图标
  • Google字体
电话：+86 150 5490 8442邮箱：service@official-fifazhibo.com微信：goco_451成都市高新区天府大道450号