Skip to main content

SCSS Files

Below is the list of SCSS files included in the Rodio – Creative Multipurpose HTML5 Template, along with brief descriptions of their purpose:

  • _about-us-v1.scss: Stylesheet for the About Us Page (Version 1), defining the layout and design for the first version of the About Us page.
  • _about-us-v2.scss: Stylesheet for the About Us Page (Version 2), providing the layout and design for the second version of the About Us page.
  • _about-us-v3.scss: Stylesheet for the About Us Page (Version 3), offering the layout and design for the third version of the About Us page.
  • _about-us-v4.scss: Stylesheet for the About Us Page (Version 4), providing design variations for the fourth version of the About Us page.
  • _blog.scss: Stylesheet for the Blog Page, setting up the design and layout for blog posts and articles.
  • _button.scss: Stylesheet for styling buttons across the template, providing consistent button designs and hover effects.
  • _clients.scss: Stylesheet for the Clients section, styling client logos, testimonials, and related elements.
  • _contact-us-v1.scss: Stylesheet for the Contact Us Page (Version 1), providing the layout and design for the first version of the contact form.
  • _contact-us-v2.scss: Stylesheet for the Contact Us Page (Version 2), offering an alternate layout and design for the second version of the contact page.
  • _facts.scss: Stylesheet for the Facts section, defining the layout for key facts and statistics display.
  • _faqs.scss: Stylesheet for the FAQs Page, providing layout and design for frequently asked questions and their answers.
  • _footer.scss: Stylesheet for the Footer, styling the footer elements across the template, including contact info and links.
  • _gallery.scss: Stylesheet for the Gallery Page, providing styles for displaying images or media in an organized and visually appealing way.
  • _get-in-touch.scss: Stylesheet for the "Get in Touch" section, styling contact forms and related sections.
  • _hero-1.scss: Stylesheet for Hero Section (Version 1), defining the layout and design of the first version of the hero section.
  • _hero-2.scss: Stylesheet for Hero Section (Version 2), providing the design for an alternate hero section layout.
  • _hero-3.scss: Stylesheet for Hero Section (Version 3), offering another variation of the hero section design.
  • _hero-4.scss: Stylesheet for Hero Section (Version 4), defining a different design variation for the hero section.
  • _icon-card.scss: Stylesheet for Icon Cards, styling card components that contain icons, text, and additional information.
  • _latest-news.scss: Stylesheet for the Latest News section, providing the layout and design for displaying recent news articles or updates.
  • _page-header.scss: Stylesheet for Page Header, defining the design for the header section across various pages.
  • _paragraph.scss: Stylesheet for Paragraphs, providing consistent typography and styles for paragraph text across the template.
  • _primary-heading.scss: Stylesheet for primary headings, offering design variations for main headings (e.g., h1, h2).
  • _project-detail.scss: Stylesheet for the Project Detail Page, styling individual project details such as images, descriptions, and project specifics.
  • _recent-work.scss: Stylesheet for the Recent Work section, providing layout and design for showcasing recent projects or portfolio items.
  • _result.scss: Stylesheet for the Result section, defining the layout for results displays, such as search results or project outcomes.
  • _search-error.scss: Stylesheet for the Search Error Page, styling the page shown when a search query returns no results.
  • _team-meet.scss: Stylesheet for the Team Meet section, styling the team members' profiles and related elements.
  • _testimonial.scss: Stylesheet for the Testimonial section, defining the design for customer or client testimonials.
  • _work-v1.scss: Stylesheet for Work Page (Version 1), providing the layout and design for the first version of the work or portfolio page.
  • _work-v2.scss: Stylesheet for Work Page (Version 2), offering an alternative design for displaying work or portfolio items.
  • _work-v3.scss: Stylesheet for Work Page (Version 3), providing a different design and layout for the work or portfolio section.
  • _style.scss: Main stylesheet for the template, containing global styles and base settings for the entire website.

Each SCSS file is modular, making it easy to customize specific sections of the template for a tailored design.