Core Features Overview

Download Package File Structure

  • Unsplash Image Gallery
  • NothingToChance Images
  • Gratisography Photos

Welcome to Milan Sports

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.

Platform Installation & Configuration

Follow the steps below to setup your site template:

  1. Unzip the downloaded installation package and open the 'HTML' folder to find all template files. You will need to upload these files to your server via FTP to use them on your website.
  2. The following is the folder structure to upload 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. You can now start adding content and images to create a stunning new website for your users!

Website Structure Explained

HTML File Structure Detailed

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
      • Animate.css Animations
      • Bootsnav.css Navigation Styles
      • bootstrap.min.css Bootstrap Minified CSS
      • font-awesome.min.css FontAwesome Icons CSS
      • themify-icons.css Themify Icons CSS
      • magnific-popup.css Popup Window CSS
      • owl.carousel.min.css Owl Carousel Minified CSS
      • owl.theme.default.min.css Owl Default Theme CSS
      • responsive.css Main Responsive Media Queries
      • plugins.min.css Minified version of all essential CSS files
    • Fonts
    • img Stores media files like Logos, images, and videos.
    • js
      • bootsnav.js Navigation JS
      • bootstrap.min.js Bootstrap Minified JS
      • equal-height.min.js Equal Height Sections JS
      • Mixitup Dynamic Sorting Plugin
      • jQuery Animation Triggers
      • jQuery Easing Animations
      • Magnific Popup Lightbox Component
      • jQuery Core Library
      • Modernizr Browser Feature Detection
      • Owl Carousel Image Slider
      • WOW.js Animation Effects
      • Progress Bar
      • Isotope Masonry Layout
      • ImagesLoaded Image Loading Detection
      • Count To Number Counter
      • JavaScript Plugin Suite: Common Functional Modules
      • Custom Scripts
  • Home
  • Homepage 2
  • ...
  • Stylesheet

Custom Services

Please Read the Following 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>

Font & Style Adjustments

How to change logo

米兰体育shenghuachen

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 Notes & Instructions

Milan Sports utilizes two fonts from the Google Fonts library: Manrope and Roboto. You can adjust these using the provided 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 & Credits

Read The following information Carefully

  • The fonts used on this website are sourced from Google Fonts. Font display may vary slightly without an internet connection, but core functionality remains unaffected.
  • For customized services or inquiries, please email us at [email protected].
  • Before seeking assistance, please confirm you are the actual purchaser of this project. You can verify this by: 1. Submitting a support ticket with your email address. 2. Sending a screenshot of your purchase proof after logging into your account.

credits

We express our gratitude to the resources and contributors who have helped in building the excellent Milan Sports platform.

Images and video

JS Libraries

  • jQuery Library
  • HTML5 Compatibility
  • Modernizr
  • jQuery Easing
  • Smooth Scrolling
  • jQuery Appear
  • Bootsnav Navigation
  • WOW.js Animations
  • jQuery Count To
  • Magnific Popup
  • Equalizing Element Heights
  • Owl Carousel

CSS & Fonts

  • Bootstrap Framework
  • Animation Effects
  • Font-Awesome Icons
  • Flaticons Icons
  • Google Fonts
Xiang ICP Bei 202479906221 Hao
米兰体育shenghuachen Technology Co., Ltd.Built for what's nextPhone：+86 158 9006 1102Email：[email protected]Hours：7×24No. 474 Tianhe North Road, Tianhe District, Guangzhou City
📍 View location on Baidu Maps