MK体育APP - 官方下载应用中心

Introduction

Landrick is a Powerful Saas & Software Bootstrap Template. It is an excellent HTML template for startup, Social media marketing, Digital markering/agency, Email Templates, Online Learning Course, coworking space, cloud hosting, car ride, classic saas, classic application, event, business, application, educational course, personal portfolio, services, enterprise, minimal portfolio single product, saas, marketing, agency, Careers, Customer Supports, Onepage Landing etc. Landrick is fully updated with latest bootstrap v4.5. It is 100% responsive and looks stunning on all types of screens and devices. Users will love your site because it gives them a unique user experience (UX), clean, modern & beautiful design. They are also easy to customize and to combine with other components.

我们已支持暗黑模式及RTL布局，并兼容浅色与暗黑版本。

新增多款精选页面与重要内页，并优化了响应式布局。

如有任何疑问或建议，欢迎随时与我们沟通。

平台结构

在平台开发过程中，我们遵循了行业标准与模块化设计。以下章节将详细介绍平台的目录结构、文件组织、HTML布局及所用插件。

文件与目录结构

MK体育APP
|
├──  html files
│   └── Something 113 html pages
│
├──  css/
│   └──  colors
│   │   └──  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/
│   └──  dark
│   │	└──  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 & Software Landing Page Template </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

        <!-- 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" />
        默认配色方案
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back To Home Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <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 End -->
    </body>
</html>

CSS

文件说明如下：

文件	Description
`bootstrap.min.css`	MK体育APP基于最新的Bootstrap v4.4.1框架构建，确保所有页面都采用核心Bootstrap文件。
`style.css`	此文件包含所有页面通用的基础样式。
`style-rtl.css`	要启用暗黑模式，请将链接中的"default.css"替换为"dark.css"。
`style-dark.css`	要启用暗黑模式，请将链接中的"default.css"替换为"dark.css"。
`style-dark-rtl.css`	要启用暗黑模式，请将链接中的"default.css"替换为"dark.css"。

JavaScript应用

文件说明如下：

文件	Description
`app.js`	这是主JavaScript文件，包含了实现布局、侧边栏等功能的自定义JS代码。

加载动画设置

如需添加加载动画，请在`<body>`标签后插入以下代码。


									<-- loader start -->

									<div id="preloader"">
  
									<div id="status">
    
									<div class="spinner">
      
									<div class="double-bounce1"></div>
      
									<div class="double-bounce2"></div>
    
									</div>
  
									</div>

									</div>

									<-- loader end -->

官方文档与资源

我们使用了以下优质资源，并对社区的贡献致以诚挚的感谢。

Bootstrap 4.5
Jquery
Feather Icons
Material Design Icons
Flaticon Icons
Iconscout 图标
Owl Carousel
Swiper Slider
Flex Slider
Slick Slider
视差效果
倒计时插件
Magnific Popup
动态文字
Lukaszadam 插画
Stories 插画
Manypixels 插画
Isometric 插画
Flatpickr - 日期选择器
Freepic 图片
Unsplash 图片
动画插件
AOS 动画插件

技术支持

再次感谢您的支持。若您在使用过程中遇到任何问题，我们都将竭诚为您解答。若您有任何建议或功能需求，请随时告知，我们将努力在后续更新中实现。

若您的问题超出本帮助文档范围，请随时通过邮件或我的页面与我们联系。

保持卓越

MK体育科技

Changelog

版本 v2.5.1 - 2020年8月1日

修复：调整部分菜单及响应式问题（CSS修改）

版本 v2.5 - 2020年7月31日

新增：IT解决方案落地页
新增：企业商务落地页
新增：邮件收件箱落地页
应用下载
赛事资讯
热门文章
新手指南
常见问题
更新日志
论坛讨论帖子详情评论管理
球队分析全部分析详细报告
Added : New Blog Details Page
Added : New About Us Page
Added : New Company History Page
用户中心个人资料我的收藏消息通知账户设置
Fixed : Fixed issue in Comingsoon page
Fixed : Fixed issue in Comingsoon two page
Fixed : Fixed issue in Maintenance page
Added : 8 Elegent Color schemes

版本 v2.2 - 2020年5月26日

Update Latest Bootstrap v4.5
最新版本更新
Update Latest Material Design Icons v5.3.45
赛事直播
直播观看比赛列表比赛详情精彩集锦购票指南我的账户
New Insurance Landing Live Preview
New E-Book Landing Live Preview
帮助中心服务概览 FAQ 使用教程联系客服
Fixed some menu issues
Menu easily move center to right (css based) and add light menu (css based)
Fixed some responsive issues

版本 v2.1 - 2020年4月1日

Update Latest Jquery v3.4.1
社区互动
数据统计
学习中心
消息模板注册确认活动通知账单提醒密码重置
资讯发布资讯列表带侧边栏列表
精彩瞬间经典回顾视频集锦赛事亮点
安全中心登录注册找回密码
Added new components in Components Page
Update Documentation
Fixed couples of issues

版本 v2.0 - 2020年2月5日

应用首页
平台介绍
赛事日历
Add New Job page in Careers pages
Added new components in Components Page
多语言支持
暗黑模式
暗黑多语言
Fixed couple of issues in One Page Menu
Fixed couple of issues in mega Menu

版本 v1.6 - 2019年12月11日

Update Bootstrap to v4.4.1
招聘信息
客户服务
活动推广
账户管理个人中心账户设置账单明细
特色组件
职业发展人才招募公司介绍
Fixed Responsive Issue

版本 v1.5 - 2019年11月20日

Added RTL Supported Version
Added Payments Landing Page
Added Cryptocurrency Landing Page
Added Software Landing Page
Added Comingsoon Page
Fixed Responsive and Menu Issue

版本 v1.4 - 2019年10月15日

企业服务
简约作品集
服务介绍
联系方式
文档中心使用文档更新记录
用户反馈

版本 v1.3 - 2019年10月1日

在线课程
个人作品集
单品推广
用户封面
Fixed Menu Issue

版本 v1.2 - 2019年9月17日

共享办公
活动发布
云服务
作品展示
Added Some Utility Pages
Added Some Components

版本 v1.1 - 2019年9月7日

酒店预订
现代企业
客户支持与单页应用
界面优化

版本 v1.0 - 2019年8月29日

Initial Released

SCSS文件更新日志

SCSS文件部分更新与新增内容：

基础样式
组件样式
特色样式
辅助样式
首页样式
导航样式
用户样式
变量定义
作品集样式

注意：请完整替换暗黑模式和RTL模式的SCSS文件。

图片资源更新日志

部分PNG图片已替换为SVG格式：

客户图标路径
登录图标路径
找回密码图标路径
注册图标路径
联系图标路径
404图标路径