米兰体育 Core Function Analysis

Platform File Download Instructions

  • Unsplash Image Library
  • NothingToChance Assets
  • Gratisography Photo Gallery

Explore the 米兰体育 World

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.

Start Your 米兰体育 Journey Now

Follow the steps below to setup your site template:

  1. Unzip the downloaded platform files and find all page content in the "HTML" folder. Upload to your server via FTP.
  2. Please upload the following directory structure to your website's root directory: HTML/css - Stylesheet files HTML/fonts – Icon font files HTML/img - Image resources HTML/js - JavaScript files
  3. Selectively upload HTML files according to your project needs.
  4. You are ready! Start adding content and media to create an engaging website experience for your users.

米兰体育 Website Structure Detailed Explanation

Website File Structure Interpretation

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 Menu CSS
      • Bootstrap Core CSS
      • Font Awesome Icon Set CSS
      • Themify Icon Library CSS
      • Popup Window Component CSS
      • Owl Carousel Plugin CSS
      • Owl Carousel Theme CSS
      • Responsive Layout Helper CSS
      • Collection of all essential CSS files
    • Fonts
    • Stores media resources such as website logo, background images, etc.
    • js
      • Navigation Menu JS
      • Bootstrap Core JS
      • Block Height Adaptive JS
      • MixItUp: Dynamic Sorting & Filtering
      • jQuery Animations
      • jQuery Easing Library
      • Magnific Popup: Advanced Lightbox
      • jQuery Core Library v1.12.4
      • Modernizr: Feature Detection
      • Owl Carousel: Responsive Slider
      • WOW.js: Scroll Animations
      • Progress Bar Plugin
      • Isotope: Masonry Layout
      • ImagesLoaded: Image Load Check
      • jQuery CountTo Animation
      • Essential JavaScript Utilities
      • Custom Scripts & Features
  • Home
  • Homepage Layout Two
  • ...
  • Main Stylesheet

Customization

Important Information Prompt

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>

Guide to Personalizing Font Settings

How to change logo

米兰体育

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 Security Notice

The platform defaults to using Manrope and Roboto fonts from Google Fonts. You can replace them according to the example 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');

Technical Support and Acknowledgements

Read The following information Carefully

  • Leveraging Google Fonts for optimal visual clarity and a modern aesthetic across all devices.
  • For bespoke solutions, please engage with our official support channels.
  • To expedite your request, please provide proof of purchase, such as a support ticket ID or account screenshot.

credits

We express our sincere gratitude to the excellent resources and developers who provide support for the 米兰体育 platform.

Images and video

JS Libraries

  • jQuery Library
  • HTML5 Compatibility Scripts
  • Modernizr Library
  • jQuery Easing Animations
  • Smooth Scrolling Effects
  • jQuery Appear Plugin
  • Bootsnav Navigation Plugin
  • WOW.js Animations
  • jQuery CountTo Plugin
  • Magnific Popup Modals
  • Equal Height Element Layout
  • Owl Carousel Slider

CSS & Fonts

  • Bootstrap Framework
  • Animation Effects
  • Font-Awesome Icons
  • Flaticons Icons
  • Google Fonts
米兰体育 Technology (Beijing) Co., Ltd.