SASS Architecture Template based on the 7-1 architecture to be used as a starter template for frontend project development. Contains various mixins, functions and pre-defined utility classes. All utility classes have a prefix of "ss-" to avoid conflicts.

University Landing Page

Simple Tour service website built on HTML5 and SASS. The webises responsive design was created with Float Layouts.

My portfolio website.

MERN Stack Blogging Platform for Software Engineers

Minimalist App Landing Page, checkout here:

A responsive, sample landing page for a childcare company based on SCSS BEM-methodology and 7-1 architecture, NPM scripts, and variables/mixins within the code.

Natours - Fictional Tour Group, built with only HTML, SCSS

Nature is a website that offers excellent tour packages package, which Tanvirul develops under the Udemy course "Advanced CSS and Sass: Flexbox, Grid, Animations and More!". All the fantastic cards, designs, and animations are implemented using raw CSS. Advanced CSS concept, Sass, 7-1 Sass architecture, BEM notation are utilized hare.

Projects to practice and learn advanced CSS and SASS

Advanced CSS and Sass

The PixelsMatter Gatsby Starter. Includes Preact, SCSS using a variant of 7-1 architecture, BEM, perfect Lighthouse scores, offline support, Google Analytics, sitemaps & plenty more good stuff!

La Entrada: Login Page

ecommerce site for selling notebooks (CODE) [ HTML / CSS - SCSS ]

Escalonamiento Proyecto Sitio Web Hospital /media queries

Arquitetura SASS para elevar o nível do seu projeto.

Folder structure for Sass with 7-1 Pattern, shame and fixes CSS files.

Wikipedia: Redesign

The Sass Project Builder is a command line tool build in Python. It sets up a project with all folders for sass, an index.html, all necessary .scss-files and installs all npm packages. Depending on the requirements of your project you have the flexibility to choose (easy, advanced or expert) just a simple sass setup or 7-1-pattern.

Optimind: Assessment Technical Exam