1. Welcome

CHIC Landing Page is 100% Responsive Landing Page Template. In this, There is TWO Layout. 1: CHIC-Classic 2: CHIC-Creative CHIC-Classic Layout have Three Variations: and CHIC-Creative Layout have Two Variations: A: Slider Banner B: Youtube Video In Banner Background C: Particle Banner User can easily use both layouts for Fashion Landing Page but also can be used for Generalised Website. We have created 5 pages for this template and much more in future. It supports Bootstrap Framework and integrated Font Awesome Icon set so easy to customize and develop your own styles. Easily customizable, 24/7 support time.

2.General Information

Software requirements

  • Sublime Text 3 used to edit the .HTML, .JS, .CSS and .SCSS files.
  • Grunt used as precompiler for SCSS to CSS convert.

The following scheme displays the Snippet files structure.

  • Documentation – contains documentation of design, customization and support.
  • Chic – contains the main files of the design, which will be uploaded to the server.
    • Bootstrap – contains Bootstrap files i.e: Bootstrap CSS, Bootstrap JS, Bootstrap Fonts.
    • CSS – contains all Stylesheets used for UI.
    • Fonts – contains Font Awesome Font.
    • Images – contains all the images (not the actual image which is shown in demo link).
    • JS – contains all javascript library or plugin files.
    • SASS – contains all SCSS files.
    • index.html – contains all UI code.
    • + More.html – contains all UI code for multiple variations of banner.
  • Screenshot – Contains screenshot of the template.
  • readme.txt – contains the information about templates.

3. File Structure

HTML Structure

The HTML and CSS file is well commented.



CSS Structure

If any styles need to be changed just replace it with the wanted styles in the respective block in your style.css



JQuery Structure

The JQuery file is custom.js




4.Reference File

In this template, we have used google font “Montserrat”, “Roboto”, “Philosopher”, “Open-Sans”. You can learn more about using Google Web Fonts by checking the tutorial on how to work with Google Web Fonts.

JQuery Plugin:

In this template jQuery libraries and plugins have been used for dynamic animation.

  • jQuery (js/jquery.min.js)
  • AOS (js/plugins/aos.js)
  • Bootstrap (bootstrap/js/bootstrap.min.js)
  • YTPlayer (js/plugins/jquery.mb.YTPlayer.min.js)
  • OWLCarousel (js/plugins/owl.carousel.min.js)
  • Shuffle (js/plugins/jquery.shuffle.min.js)
  • Magnigic (js/plugins/jquery.magnific-popup.min.js)
  • Particle (js/plugins/particles.min.js)

Stylesheet (CSS) Reference File

  • Animate (css/animate/animate.css)
  • AOS (css/aos.css)
  • Bootstrap (bootstrap/css/bootstrap.min.css)
  • Font-Awesome (css/font-awesome.min.css)
  • Magnigic PopUP (css/magnific-popup.css)

5.Pages Nomenclature

We have design three layouts. Every layout is designed by using the slider.

  1. Chic-Classic: index.html ytbanner.html particle-banner.html
  2. Chic-Creative: index.html ytbanner.html

6. Customization

It is HTML, CSS, and JQuery based landing page layout so you can edit it yourself.

This template use bootstrap framework which makes it easy to customize. We have created all layout in the different folder and every section have separate section tag. If the user wants to use any layout or any particular section pick that particular section and use it. There is CSS file which has separate file and the separate section for customizing CSS file.


7.Upload Document

Unzip the package and you will see Chic – Multipurpose Fashion Landing Page. In this folder, change content according to you then upload this folder to server root directory.

8.Help & Support

Thank you for purchasing Chic – Multipurpose Fashion Landing Page. If you have any question that is beyond the scope of this documentation, Please feel free to create a support ticket by sending an email to [email protected]

Suggest Edit