Live Sports Data Source: 88看球

⚽ Soccer Live (0)

HomeScoreAwayLeagueTime (CST)
No matches right now — check back soon.
Updated 2026-06-26 18:47 (CST)

Core Function Overview

Download Package Content Details

  • High-Definition Sports Imagery
  • Creative Sports Visuals
  • Free Sports Photography

New User Guide

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

To edit this template with your info you will need a code editor, i use Sublime Text (http://www.sublimetext.com/3) and a browser i recommend to use Google Chrome.

It is really easy to use. There is multiple home page layouts to chose, also various selection of pages that you can use to create your website, but you can also create your own page layouts very easily (just copy and paste code form the elements examples).

When you start editing the template with your info is good idea to create separate folder, copy the assets folder and 404.html page there, rename one of the index... files to index.html and then move and edit pages that you will use. Also is good practice to create separate styleseet for your edits and load it bellow Softar CSS.

Quick Start

Follow the steps below to setup your site template:

  1. Unzip the downloaded compressed package, open the "HTML" folder to find all template files. You need to upload these files to your website server using FTP to use them.
  2. The following is the folder structure that needs to be uploaded to your website's root directory: HTML/css - Stylesheet files HTML/fonts – Icon font files HTML/img - Image files HTML/js - JavaScript files
  3. You can upload all or part of the HTML files as needed.
  4. All set! Start adding your content and images to create a brand new and exciting website for your users.

Page Structure Analysis

HTML File Structure Explanation

Once you download the template, you can see a folder with several files and sub folders. You can read description of some important files in continue.

  • assets
    • css
      • Animation Effects CSS
      • Navigation Bar CSS
      • Bootstrap Core CSS
      • Font Awesome Icons CSS
      • Themify Icons CSS
      • Popup Window CSS
      • Owl Carousel Core CSS
      • Owl Carousel Theme CSS
      • Responsive Layout CSS
      • All CSS Files Merged Optimized Version
    • Fonts
    • Media File Storage Area (Logo, Images, Videos, etc.)
    • js
      • Navigation Bar JavaScript
      • Bootstrap Core JavaScript
      • Block Height Adaptive JavaScript
      • Dynamic Scoreboard Filtering
      • Live Score Updates
      • Match Highlight Animations
      • Interactive Match Popups
      • Core Sports Data Engine
      • Real-time Feature Detection
      • League Schedule Carousel
      • Live Event Animations
      • Score Update Progress Bars
      • Fluid Fixture Layouts
      • Match Data Loading
      • Countdown Timers
      • All Essential Sports Data Plugins
      • Custom Event Scripts
  • Homepage Layout
  • Multi-Layout Homepages
  • ...
  • Primary Stylesheet

Custom Services

Please read the following information carefully

Softar follows a simple and easy to customize coding structure. Here is the sample for your reference: 


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

Visual Style Adjustment

How to change logo

88看球

How to change favicon

Thumb

How to change page title

Thumb

How to Change Banner Text & Background

Banner One

Thumb

Banner Two

Thumb

How to change Team Section

Thumb

How to change testimonial Section

Thumb

How to Change Breadcrumb

Thumb

How to Add/Remove Footer Bottom

Thumb

How to change contact form email

Thumb

How to control Fun Factor

Thumb

How to control Owl Carousel

Thumb

How to control Preloader

Thumb

How to Add/Remove CSS

Thumb

How to Add/Remove JS

Thumb

Important Notice

88看球 uses two Google fonts: Manrope and Roboto. You can modify the fonts using the following code.

 @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');

Acknowledgements

Read The following information Carefully

  • Our platform utilizes Google Fonts for enhanced typography. Offline access may display default fonts, but core functionality remains unaffected.
  • For personalized assistance or custom integration, please reach out to us at [email protected].
  • Before contacting support, please verify your status as a registered user. You can do this by: 1. Submitting a ticket with your registered email address. 2. Providing a screenshot of your purchase confirmation after logging in.

credits

We are very grateful to the resources that provided us with valuable help, which together constitute the 88看球 platform.

Images and video

JS Libraries

  • Sports Data Library
  • HTML5 Compatibility Layer
  • Modern Browser Feature Detection
  • Smooth Scrolling Effects
  • Fluid Scrolling Animations
  • On-Screen Event Triggers
  • Navigation Bar Enhancements
  • Animated Match Elements
  • Live Score Counters
  • Match Detail Modals
  • Responsive Height Adjustments
  • Match Fixture Carousel

CSS & Fonts

  • Sports Framework
  • Visual Effects
  • Team & League Icons
  • Match Icon Set
  • League Font Library
沪ICP备202423597922号
88看球科技有限公司Quality you can rely onPhone：+86 159 2747 5811Email：[email protected]WeChat：88_176深圳市南山区科技园北区578座
📍 View location on Baidu Maps