Skip to content

CSS Files, Structure and SASS

CSS Files & Structure

This template use CSS files for the styling.

Here are the list of the CSS used and explanation:

  • bootstrap.css for base/framework style
  • swiper-bundle.min.css for basic style of the slider
  • scrollCue.css for scrolling effect style
  • glightbox.min.css for lightbox style
  • phospor-icon.css fontawesome.min.css for icon style
  • style.css for default style (red color scheme)
  • style-yellow.css for style using yellow color scheme
  • style-green.css for style using green color scheme

This file is separated into sections using something like this:

/* ANIMATION */

some css code

/* Navigation/Header Style */

some css code

/* mobile menu style */

some css code
etc,etc

SASS

This template comes with SASS files to make the customization for the style easier.

You can check this page for more info & how to use the SASS file

Here are the list of the SASS used and explanation:

  • style.scss style-green.scss style-yellow.scss These files used for the main style. You can change the font and color used in these files.
  • modules folder This folder contain the SCSS for section/element used in this template.
    • _about.scss This file contain style for the about section
    • _background.scss This file contain style for background image. You can change the background image on page/section from here.
    • _clients.scss This file contain style for client section.
    • _events.scss This file contain style for events section.
    • _gallery_.scss This file contain style for gallery section.
    • _global.scss This file contain style for global styles (not section specific).
    • _hero.scss This file contain style for hero section.
    • _mediaqueries.scss This file contain style for mediaqueries.
    • _mixin.scss This file contain style for mixin function.
    • _nav.scss This file contain style for navigation section.
    • _news.scss This file contain style for news/blog section.
    • _services.scss This file contain style for service section.
    • _slider.scss This file contain style for slider section.
    • _stats.scss This file contain style for stats section.
    • _team.scss This file contain style for team section.
    • _testimonial.scss This file contain style for testimonial section.
Back to top