⚽ 足球实时 (3)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 厄瓜多天主教大学 | 0:0 | 基多大学体育联盟 | 厄瓜多甲级联赛 | 06:00 |
| 皇家波托西 | 0:0 | 圣安东尼奥布洛布洛 | 玻利维亚甲级联赛 | 06:00 |
| 雄狮 | 0:1 | 昆卡体育 | 厄瓜多甲级联赛 | 06:00 |
🏀 篮球实时 (4)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 费城76人 | 92:99 | 奥兰多魔术 | NBA夏季联赛 | 04:00 |
| 夏洛特黄蜂 | — | 密尔沃基雄鹿 | NBA夏季联赛 | 07:30 |
| 底特律活塞 | 21:35 | 菲尼克斯太阳 | NBA夏季联赛 | 06:00 |
| 克利夫兰骑士 | 37:44 | 新奥尔良鹈鹕 | NBA夏季联赛 | 05:30 |
📅 今日赛程 (20)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 列克星敦SC | — | 新墨西哥联 | 美国USL冠军联赛 | 07:00 |
| 迈阿密FC | — | 印第安纳十一 | 美国USL冠军联赛 | 07:00 |
| 杰克逊维尔体育 | — | 匹兹堡河犬 | 美国USL冠军联赛 | 07:30 |
| 查塔努加红狼 | — | AV阿尔塔FC | 美国USL第一联赛 | 07:00 |
| 一号诺克斯维尔 | — | 韦恩堡FC | 美国USL第一联赛 | 06:30 |
| 奥兰多荣耀 | — | 波士顿传承 | 美国NWSL | 07:00 |
| 新英格兰革命二队 | — | 哥伦布机员2队 | MLS Next Pro | 07:00 |
| 雄狮 | 0:0 | 昆卡体育 | 厄瓜多甲级联赛 | 06:00 |
| 自由FC | 1:0 | 技术大学 | 厄瓜多甲级联赛 | 01:00 |
| 曼塔 | 0:1 | 海豚 | 厄瓜多甲级联赛 | 08:00 |
| 厄瓜多天主教大学 | 0:0 | 基多大学体育联盟 | 厄瓜多甲级联赛 | 06:00 |
| 查尔斯顿蓝衣 | 0:5 | 韦斯顿熊 | 澳大利亚北部新南威尔士州NPL | 18:00 |
| 卡希巴 | — | 梅特兰 | 澳大利亚北部新南威尔士州NPL | 18:00 |
| 委内瑞拉厄瓜多尔 | 2:1 | 民族 | 厄瓜多尔乙级联赛 | 03:30 |
| 绽放 | 1:1 | 圣何塞GV | 玻利维亚甲级联赛 | 08:00 |
| 皇家波托西 | 0:0 | 圣安东尼奥布洛布洛 | 玻利维亚甲级联赛 | 06:00 |
| JIPPO | 3:1 | MP | 芬兰Ykkösliiga | 23:30 |
| 腾松 | 0:4 | 廷布市 | 不丹超级联赛 | 18:00 |
| 奥尔达巴斯希姆肯特 | 3:1 | 阿尔泰奥斯克门 | 哈萨克斯坦杯 | 23:00 |
| 开姆尼茨 | 3:0 | 翁特哈兴 | 俱乐部友谊赛 | 00:30 |
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 围绕高清赛事直播,身临其境的观赛体验,世界杯比分分析持续打磨更优质的服务。 style.css to style-dark.css |
style-dark-rtl.css | In order to have Dark RTL 世界杯比分分析深耕实时比分更新,掌握比赛脉搏领域,用心服务每一位用户。 style.css to style-dark-rtl.css |
Javascript
在专业赛事分析,洞悉比赛走向方面,世界杯比分分析提供贴心周到的支持。
| 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
- 世界杯比分分析以深度球队动态,了解绿茵场上的每一个故事为核心,带来高效便捷的体验。
- 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