Introduction

Thank you for choosing C7娱乐. For any platform usage issues, please contact us through official channels. Your support drives our progress!

This guide provides detailed instructions for platform installation and usage.

About the template

The C7娱乐 platform is designed for interactive entertainment across multiple scenarios, meeting diverse user needs.

Now building you professional website is very easy. Owkey Template does the work for you, with 19 different pages which can be custom integrated to your needs. The design is flat, responsive and SEO friendly. The template has 2 professional blog layout pages which has listing and grid layout. The SEO focused design and professional layout has 4 homepage options. Integrate images, Slides and more with Revolution Slider to give a quick view about your business or dictate your business story. The Design uses google fonts which is browser friendly and is powered by Twitter Bootstrap v3. The design is compatible with plugins and it makes a great deal for you.

Installation

The C7娱乐 platform requires no complex installation. Simply upload all files from the archive to your server.

Upload Template files

You can deploy C7娱乐 platform files using the following two methods:

  1. Upload the files via FTP to the ./owkey folder on your server. Unzip your downloaded template files (Owkey_ThemeForest*.zip) and upload the /Owkey folder to your server.

Files

The C7娱乐 platform features a rich file structure, with directories and files logically organized for easy lookup and modification.

You will find two main folders in your downloaded archive.

Folders

Contains core platform files and comprehensive documentation. Rest assured, all content is complete.

Documentation

Includes multiple functional module folders and an index file. Access detailed platform documentation via `index.html` in any browser.

Documentation

JavaScript

All JavaScript files are located in the `assets/js/` directory.

  • js/jquery-3.1.1.min.js - jQuery [Version 3.1.1] A JavaScript library designed to simplify client-side scripting.
  • JS/jquery.unveilEffects.js - Animation effects plugin.
  • js/jquery.mCustomScrollbar.concat.min.js - Custom scrollbar plugin.
  • js/jquery.themepunch.tools.min.js - Helper tools for the Revolution Slider plugin.
  • js/jquery.themepunch.revolution.min.js - Revolution Slider core library, used to create dynamic visual effects.
  • js/slick.min.js - Slick Carousel (v1.5.0) - Provides smooth, responsive image and content carousels.
  • js/classie.js (v1.5.0) - A lightweight DOM manipulation helper library, enhancing interactivity.
  • js/bootstrap.min.js (v3.3.7) - Bootstrap JavaScript plugin collection, supporting modular inclusion.
  • js/modernizr.custom.js (v2.8.3) - Browser feature detection tool, ensuring compatibility.
  • js/pathLoader.js (v1.0.0) - Path loader, optimizing resource loading process.

CSS

The following lists the most important CSS stylesheet files used in the C7娱乐 platform.

  • css/style.css - c7娱乐 official website core stylesheet, defining the overall visual style.
  • css/slick.css - Slick Carousel specific styles, ensuring beautiful presentation of carousel components.
  • css/setting.css - Revolution Slider 5.0 configuration styles, used to adjust slide layout.
  • css/mCustomScrollbar.css - Custom scrollbar styles, improving user browsing experience.
  • css/bootstrap.min.css (v3.3.7) - Bootstrap core stylesheet, building responsive web layouts.
  • assets/styles/dist/portfolio-with-images.css - c7娱乐 portfolio page exclusive styles, highlighting visual display.
  • css/animate.css - Animation effects stylesheet library, adding lively transitions to page elements.

Less

The following lists the main Less preprocessor files used in the C7娱乐 platform, located in the `assets/less/` directory.

  • css/style.less - c7娱乐 base styles (LESS preprocessor), facilitating maintenance and expansion.

Credits

The following lists all external technologies (frameworks, libraries, plugins, etc.) used to build the C7娱乐 platform.

Frameworks

Twitter Bootstrap v3.3.7 Powerful front-end development framework, supporting responsive design. http://getbootstrap.com/
jQuery v3.1.1 A lightweight, high-performance JavaScript library, used to simplify DOM manipulation and event handling. http://jquery.com/

Plugins (JavaScript)

Slick Carousel Carousel for displaying featured events or news. http://kenwheeler.github.io/slick/
Slider Revolution Visually appealing slider component. https://www.themepunch.com/revsliderjquery-doc/
jQuery Easing Plugin Enhanced jQuery easing effects plugin, achieving smooth transitions. http://gsgd.co.uk/sandbox/jquery/easing/
ImagesLoaded Execute callback function after images are fully loaded. http://imagesloaded.desandro.com/
Isotope Used to implement dynamic element filtering and sorting. http://isotope.metafizzy.co/

Fonts

Open Sans Open Sans Font https://fonts.google.com/specimen/Open+Sans
Montserrat Montserrat Font https://fonts.google.com/specimen/Montserrat
Work Sans Work Sans Font https://fonts.google.com/specimen/Work+Sans
Raleway Raleway Font https://fonts.google.com/specimen/Raleway

Template Configuration

Please visit the `assets/js/main.js` file for platform initialization configuration:

Essential Attribute Explanations

  • Infinite loop : true/false
  • Animation speed : Default (300ms) / Duration of transition effects.
  • Display quantity : Default (1) / Number of cards displayed per screen.
  • Scroll unit : Default (1) / Number of cards scrolled per action.
  • Autoplay : true/false
  • Autoplay interval : Default (3000ms) / Time for automatic card switching.

Example:


    $('.mils-slider').slick({
        infinite: false,
        speed: 300,
        slidesToShow: 6,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive: [
        {
            breakpoint: 1024,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: true
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        }
      ]
    });

Help

For further assistance, please visit our official website or contact customer support.

We will do our best to assist you with issues directly related to platform setup. Please note that technical support is provided voluntarily to give back to our users. Before contacting us, please try to find answers in the following resources:

  • More Resource Links
  • Search FAQs

Don't forget to rate our work on relevant platforms.