7-1architecture
There are 33 repositories under 7-1architecture topic.
KhomsiAdam/SASS-Architecture
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.
shabraware/Eduford
University Landing Page
randyaajr/sass-project_tours-travel-agency
Simple Tour service website built on HTML5 and SASS. The webises responsive design was created with Float Layouts.
genebogdanovich/genebogdanovich.github.io
My portfolio website.
Rahni1/mern-blog
MERN Stack Blogging Platform for Software Engineers
dcc5235/Childcare_Landing
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.
elavagni/Natours
Advanced CSS and Sass
KryptonBD/Anchor
Minimalist App Landing Page, checkout here:
KryptonBD/naTours
Natours - Fictional Tour Group, built with only HTML, SCSS
PixelsMatter/gatsby-starter
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!
ShyamMahajan/SASS-CSS-Projects
Projects to practice and learn advanced CSS and SASS
tanvirul15/Nature
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.
enesuraz/fur-nature
Responsive furniture landing page building with old css float layout technique
itsjolosionelo/columncard
Frontend Mentor: 3-Column Preview Card
itsjolosionelo/la-entrada
La Entrada: Login Page
itsjolosionelo/photocolada
High-Res Stock Photo Website
itsjolosionelo/wiki
Wikipedia: Redesign
jakegodsall/fm-faq-accordion-card
Solution to the FAQ Accordion Card challenge on Frontend Mentor
je-jo/library
A small borrowed books tracking app. TOP Project #5
mateoniksic/project-sleek-notebooks
ecommerce site for selling notebooks (CODE) [ HTML / CSS - SCSS ]
noor-codes/Login
login
ondrejkonec/sass-structure
Folder structure for Sass with 7-1 Pattern, shame and fixes CSS files.
PixelsMatter/pixelsmatter-holding-gatsby
Holding pages for pixelsmatter.io which use the PixelsMatter Gatsby Starter.
yagopeixinho/sass-7-1-pattern
Arquitetura SASS para elevar o nível do seu projeto.
akbarameen/Travelling-Site-Natours
Discover Natours: Your responsive tour experience brought to life using pure CSS (SCSS) and HTML. Built with BEM naming and SASS 7-1 architecture for scalability, your gateway to seamless exploration!
elavagnim/Natours
Advanced CSS and Sass
fmanimashaun/sass-website-starter-template
Template for the 7-1 sass architecture implementation
itsjolosionelo/optimind
Optimind: Assessment Technical Exam
itsjolosionelo/previewcard
Frontend Mentor: Stats Preview Card
itsjolosionelo/starter
Project Starter Files
krypton225/Second-Portfolio
This project for making a portfolio website with creative layout design!
olof-baage/sass-project-builder
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.
RaminMammadzada/page-with-7-1-css-architecture
Landing webpage project with advanced 7-1 CSS Architecture.