⚽ 足球实时 (8)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 阿拉维亚利马 | 0:0 | 万卡约体育 | 秘鲁甲级联赛 | 08:00 |
| 波士顿传承者 | 0:2 | 华盛顿精神 | 美国国家女子足球联赛 | 07:00 |
| 阿什维尔城 | 0:0 | 阿巴拉契亚 | 美国足球联赛二部 | 07:00 |
| 康涅狄格联 | 2:1 | 纽约红牛二队 | 美国职业足球大联盟新星联赛 | 06:00 |
| 瓜亚基尔城 | 1:0 | 曼塔 | 厄瓜多尔甲级联赛 | 05:45 |
| 纳塔尔美洲俱乐部 | 1:0 | 伽马 | 巴西丁级联赛 | 06:00 |
| 佛蒙特绿 | 3:0 | 海洋城诺里斯特 | 美国足球联赛二部 | 07:00 |
| 弗林特城公鹿 | 1:0 | 钢铁城 | 美国足球联赛二部 | 07:00 |
🏀 篮球实时 (3)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 卡尔加里浪潮 | 99:116 | 萨斯卡通曼巴 | 加拿大精英篮球联赛 | 06:00 |
| 菲尼克斯水星 | 43:33 | 康涅狄格太阳 | 美国女子职业篮球联赛 | 07:00 |
| 温尼伯海熊 | 109:80 | 蒙特利尔联盟 | 加拿大精英篮球联赛 | 06:00 |
⚾ 棒球实时 (10)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 墨西哥红魔 | 12:1 | 普埃布拉鹦鹉 | 墨西哥棒球联赛 | 04:00 |
| 亚利桑那响尾蛇 | 8:7 | 圣路易斯红雀 | 美国职业棒球大联盟 | 04:10 |
| 哈利斯科牛仔 | — | 萨尔蒂略蛇 | 墨西哥棒球联赛 | 07:00 |
| 塔科马雨林人 | — | 俄克拉荷马城彗星 | 太平洋海岸联盟 | 04:35 |
| 奇瓦瓦金矿队 | — | 蒂华纳公牛 | 墨西哥棒球联赛 | 08:00 |
| 圆石快车 | 1:2 | 拉斯维加斯飞行员 | 太平洋海岸联盟 | 07:05 |
| 纽约洋基 | — | 洛杉矶道奇 | 美国职业棒球大联盟 | 07:20 |
| 奥马哈风暴追逐者 | 6:5 | 利哈伊谷铁猪 | 国际联盟 | 06:05 |
| 蒙特雷苏丹 | — | 阿瓜斯卡连特斯铁路工人 | 墨西哥棒球联赛 | 07:00 |
| 纳什维尔之声 | — | 诺福克潮汐 | 国际联盟 | 07:05 |
📅 今日赛程 (20)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 厄斯特 | — | 佐加顿斯 | 瑞典超级联赛 | 01:00 |
| 阿卡苏索 | — | 圣特尔莫 | 阿根廷乙级联赛 | 02:00 |
| 查卡里塔青年 | — | 格梅斯 | 阿根廷乙级联赛 | 02:00 |
| 科莱希亚莱斯 | — | 米德兰铁路 | 阿根廷乙级联赛 | 07:00 |
| 贝尔格拉诺捍卫者 | — | 安第斯山脉 | 阿根廷乙级联赛 | 02:00 |
| 帕特罗纳托 | — | 亚特兰大 | 阿根廷乙级联赛 | 07:00 |
| 基尔梅斯 | — | 胡胡伊体操击剑俱乐部 | 阿根廷乙级联赛 | 07:00 |
| 圣胡安圣马丁 | — | 特里斯坦·苏亚雷斯 | 阿根廷乙级联赛 | 02:00 |
| TPS | — | 伊尔维斯 | 芬兰足球超级联赛 | 23:00 |
| 玛丽港IFK | — | 拉赫蒂 | 芬兰足球超级联赛 | 00:00 |
| 阿特拉斯体育俱乐部 | — | 萨卡斯帕斯 | 阿根廷丙级联赛 | 02:00 |
| 贝拉萨特吉 | — | 罗萨里奥中央科尔多瓦 | 阿根廷丙级联赛 | 02:00 |
| 巴拉圭体育 | — | 中央巴列斯特 | 阿根廷丙级联赛 | 02:00 |
| 南方之星 | — | 卢汉 | 阿根廷丙级联赛 | 02:00 |
| 诺比 | — | 松兹瓦尔 | 瑞典甲级联赛 | 01:00 |
| 凯夫拉维克 | — | 阿克拉内斯IA | 冰岛足球超级联赛 | 03:15 |
| 哈夫纳夫约杜尔FH | — | 布雷达布利克 | 冰岛足球超级联赛 | 03:15 |
| 皇家君主 | — | 塔科马挑战者 | 美国职业足球大联盟新星联赛 | 09:30 |
| 明尼苏达联队2队 | — | 堪萨斯城体育二队 | 美国职业足球大联盟新星联赛 | 08:00 |
| 科帕沃格尔HK | — | 维斯特里 | 冰岛甲级联赛 | 03:15 |
Landrick - Saas & Software Template
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.
We have added a Dark version with RTL supported in both Light and Dark version.
We have added a new demos and important inner pages and fixed responsive issues.
Please feel free to get back to me in case if you are having any question or feedback.
Structure
I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.
File & Folder Structure
Landrick v2.5
|
├── 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 Structure
<!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" /> <link href="css/colors/default.css" rel="stylesheet" id="color-opt" /> </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
Files are explained below:
| File | Description |
|---|---|
bootstrap.min.css | Landrick uses the latest bootstrap v4.4.1. The core bootstrap file is being used in all the pages. |
style.css | This file is containing all common styles for all the pages. |
style-rtl.css | In order to have RTL mode enabled, replace the reference of style.css to style-rtl.css |
style-dark.css | In order to have Dark hthjielong以华体会HTH官方网站为核心，带来高效便捷的体验。 style.css to style-dark.css |
style-dark-rtl.css | In order to have Dark RTL 想了解更多华体会登录入口相关内容，尽在hthjielong。 style.css to style-dark-rtl.css |
Javascript
hthjielong围绕华体会中文首页不断创新，回应用户的真实需求。
| File | Description |
|---|---|
app.js | This is a main js file. It contains the custom JS code needed for features including layout, sidebar, etc. |
Menu
Some changes like that:
1) Menu Center to Right
To move menu from center to right side then just add class navigation-menu along with nav-right.
Navbar Center
Navbar Right
2) Menu Center to Left
To move menu from center to Left side then just add class navigation-menu along with nav-left.
Navbar Left
3) Menu Light
If you want menu center and light navigation just add class navigation-menu along with nav-light.
Navbar Light with Center
Navbar Light with Right
If you want menu right side and light navigation just add class navigation-menu nav-right along with nav-light.
Navbar Light with Left
If you want menu left side and light navigation just add class navigation-menu nav-left along with nav-light.
Loader
To add loader you need to add the below code after the <body> tag.
<-- 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 --> Credits & Official Documentation
We've used the following resources as listed. These are some awesome creation and we are thankful to the community.
- Bootstrap 4.5
- Jquery
- Feather Icons
- Material Design Icons
- Flaticon Icons
- Iconscout Icons
- Owl Carousel
- Swiper Slider
- Flex Slider
- Slick Slider
- Parallax
- Countdown
- Magnific Popup
- Typed Text
- Lukaszadam Illustrations Images
- Stories Illustrations Images
- Manypixels Illustrations Images
- Isometric Illustrations Images
- Flatpickr - Datepicker
- Freepic Images
- Unsplash Images
- Animation Plugin
- AOS Animation Plugin
Supports
Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.
If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.
Stay awesome
- Shreethemes
Changelog
Version v2.5.1 - 1st August 2020
- Fixed : Fixed some menu and responsive issues (Changes in css)
Version v2.5 - 31st July, 2020
- New : IT Solution Landing
- New : Corporate Business
- New : Email Inbox landing
- New : Task Management Landing
- New : Travel Landing
- New : Blog Landing
- New : Landing One
- New : Landing Two
- New : Landing Three
- New : Forums
- Forum Topic
- Forum Comments
- New : Case Study Pages
- All Cases
- Case Details
- Added : New Blog Details Page
- Added : New About Us Page
- Added : New Company History Page
- Added : User Account Pages
- Profile Members
- Profile Works
- Profile Messages
- Profile Payments
- Fixed : Fixed issue in Comingsoon page
- Fixed : Fixed issue in Comingsoon two page
- Fixed : Fixed issue in Maintenance page
- Added : 8 Elegent Color schemes
Version v2.2 - 26th May 2020
- Update Latest Bootstrap v4.5
- Update Latest Jquery v3.5.1
- Update Latest Material Design Icons v5.3.45
- New Shop landing landing
- New Added Shop Inner Pages
- Shop Products
- Product Details
- Shop Cart
- Checkouts
- My Profile / Account
- New Insurance Landing Live Preview
- New E-Book Landing Live Preview
- New Added Help Center Pages
- Help center(Overview)
- FAQs
- Guides
- Request Form
- Fixed some menu issues
- Menu easily move center to right (css based) and add light menu (css based)
- Fixed some responsive issues
Version v2.1 - 1st April, 2020
- Update Latest Jquery v3.4.1
- New Social Marketing landing
- New Digital Agency Landing
- New Online Learning Landing
- New Email Template
- Email Confirmation
- Email Alert
- Email Invoice/Billing
- Email Forgot Password
- Add New Blog Pages
- Blog Listing Page
- Blog Listing with sidebar Page
- Add New Work or Portfolio Pages
- Work Classic
- Work Grids
- Work Masonry
- Add New Authentication Pages
- Login Page
- Signup Page
- Recover Password Page
- Added new components in Components Page
- Update Documentation
- Fixed couples of issues
Version v2.0 - 5th February, 2020
- New Classic Application Landing Page
- New Classic Saas Landing Page
- New Car Ride Landing Page
- Add New Job page in Careers pages
- 精选华体会官网入口内容，hthjielong与你一同发现更多精彩。
- New RTL Version (Only CSS Base)
- New Dark Version (Only CSS Base)
- New Dark RTL Version (Only CSS Base)
- Fixed couple of issues in One Page Menu
- Fixed couple of issues in mega Menu
Version v1.6 - 11th December, 2019
- Update Bootstrap to v4.4.1
- New Job Landing Page
- New Customer Support Landing Page
- New Onpage Landing Page
- New Account Pages
- Profile Page
- Profile Setting Page
- Bill Invoice
- New Widget Page
- Added Careers Pages
- Candidate Profile
- Company Profile
- Fixed Responsive Issue
Version v1.5 - 20th November, 2019
- Added RTL Supported Version
- Added Payments Landing Page
- Added Cryptocurrency Landing Page
- Added Software Landing Page
- Added Comingsoon Page
- Fixed Responsive and Menu Issue
Version v1.4 - 15th October, 2019
- Added Enterprise Landing
- Added Minimal Portfolio Landing
- Added Services Landing
- Added Three New Contact Pages
- Added Docs Pages
- Documentation
- Changelog
- Fixed Testimonial Bugs Issue
Version v1.3 - 1st October, 2019
- Added Educational Course Landing
- Added Personal Portfolio Landing
- Added Single Product Landing
- Added Three New Cover User Pages
- Fixed Menu Issue
Version v1.2 - 17th September, 2019
- Added Coworking space Landing
- Added Event Landing
- Added Cloud Hosting Landing
- Added Portfolio or Pages
- Added Some Utility Pages
- Added Some Components
Version v1.1 - 7th September, 2019
- Added Hotel Landing
- Added Modern Business Landing
- Added Customer Supports, Onepage Landing Pages
- Fixed Menu or Responsive Issue
Version v1.0 - 29th August, 2019
- Initial Released
Changes in SCSS files v2.5
Some add and changes CSS in SCSS files are here,
- _bootstrap-custom.scss
- _components.scss
- _features.scss
- _helper.scss
- _home.scss
- _menu.scss
- _user.scss
- _variables.scss
- _work.scss
Note: Full folder replace Dark version scss and RTL version scss
Changes in Images v2.5
Replace some .png images with .svg images:
- Path: HTML/images/customer/customer.svg
- Path: HTML/images/user/login.svg
- Path: HTML/images/user/recovery.svg
- Path: HTML/images/user/signup.svg
- Path: HTML/images/contact.svg
- Path: HTML/images/404.svg