7-1architecture

There are 1 repository 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.
sass scss 7-1architecture bem javascript frontend
Language:SCSS 20
shabraware / Eduford
University Landing Page
html css html5 7-1architecture bem-methodology css-flexbox css-grid javascript responsive-design sass
Language:HTML 13
randyaajr / sass-project_tours-travel-agency
Simple Tour service website built on HTML5 and SASS. The webises responsive design was created with Float Layouts.
html5 css3 flexbox-css sass-framework scss scss-mixins 7-1architecture nesting scss-variables scss-functions float-layouts tours travel-agency landing-page grid-layout attribute-selector pseudo-classes
Language:CSS 4
genebogdanovich / genebogdanovich.github.io
My portfolio website.
sass bem 7-1architecture grid-layout flexbox-layout desktop-first
Language:HTML 2
Rahni1 / mern-blog
MERN Stack Blogging Platform for Software Engineers
mern nodejs reactjs expressjs mongodb jsonwebtoken mongoose nodemon create-react-app bcryptjs 7-1architecture cookie-parser express-validator scss
Language:JavaScript 2
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.
sass sass-mixins sass-var npm scss responsive-web-design popup keyframes bem-methodology 7-1architecture landing-page
Language:CSS 1
elavagni / Natours
Advanced CSS and Sass
7-1architecture responsive-design grid-system sass
Language:CSS 1
KryptonBD / Anchor
Minimalist App Landing Page, checkout here:
scss 7-1pattern landing-page landingpage 7-1architecture
Language:CSS 1
KryptonBD / naTours
Natours - Fictional Tour Group, built with only HTML, SCSS
scss scss-mixins 7-1architecture landingpage course-project
Language:CSS 1
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!
gatsby javascript starter template jamstack scss react preact 7-1architecture 7-1pattern bem bem-methodology static-site
Language:JavaScript 1
ShyamMahajan / SASS-CSS-Projects
Projects to practice and learn advanced CSS and SASS
7-1architecture 7-1pattern bem-css bem-naming css-animations css-flexbox css-grid css3 flexbox grid-layout responsive sass scss
Language:CSS 1
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.
css animation sass bem-naming 7-1architecture flexbox mediaqueries
Language:CSS 1
elavagnim / Natours
Advanced CSS and Sass
7-1architecture grid-system responsive-design sass
Language:CSS 0
enesuraz / fur-nature
Responsive furniture landing page building with old css float layout technique
7-1architecture bem-methodology float-layouts scss
Language:HTML 0
itsjolosionelo / columncard
Frontend Mentor: 3-Column Preview Card
html5 css3 sass 7-1architecture bem-methodology fluid-typography responsive
Language:SCSS 0
itsjolosionelo / la-entrada
La Entrada: Login Page
html css javascript mixins icons clean-code transition-animation breakpoint svg-icons bem-methodology css-reset fluid-typography reusable-code 7-1architecture fully-responsive
Language:SCSS 0
itsjolosionelo / photocolada
High-Res Stock Photo Website
7-1architecture mixins reusable-code breakpoint fluid-typography html css javascript css-reset bem-methodology api transition-animation svg-icons fully-responsive clean-code
Language:HTML 0
itsjolosionelo / wiki
Wikipedia: Redesign
html css javascript mixins clean-code transition-animation breakpoint icons svg-icons bem-methodology css-reset fluid-typography reusable-code 7-1architecture fully-responsive
Language:SCSS 0
jakegodsall / fm-faq-accordion-card
Solution to the FAQ Accordion Card challenge on Frontend Mentor
7-1architecture sass-framework vanilla-javascript frontend-mentor
Language:SCSS 0
je-jo / library
A small borrowed books tracking app. TOP Project #5
7-1architecture challenge dialog javascript localstorage practice prototypal-inheritance sass template the-odin-project
Language:SCSS 0
project-sleek-notebooks
mateoniksic / project-sleek-notebooks
ecommerce site for selling notebooks (CODE) [ HTML / CSS - SCSS ]
7-1architecture custom ecommerce figma html sass scss website
Language:HTML 0
noor-codes / Login
login
html css sass 7-1architecture login-page
Language:CSS 0
sass-project-builder
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.
7-1-design-architecture 7-1architecture 7-1pattern cli commandline-tool css html python python3 sass scss
Language:Python 0
ondrejkonec / sass-structure
Folder structure for Sass with 7-1 Pattern, shame and fixes CSS files.
scss sass css bem 7-1pattern 7-1architecture
Language:CSS 0
PixelsMatter / pixelsmatter-holding-gatsby
Holding pages for pixelsmatter.io which use the PixelsMatter Gatsby Starter.
react javascript preact bem scss gatsby static-site bem-methodology jamstack 7-1pattern 7-1architecture holding-page netlify
Language:JavaScript 0
yagopeixinho / sass-7-1-pattern
Arquitetura SASS para elevar o nível do seu projeto.
7-1 7-1architecture 7-1pattern sass scss
Language:SCSS 0
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!
7-1architecture bem-css css css-float-layout html scss frontend tourism travel
Language:CSS
fmanimashaun / sass-website-starter-template
Template for the 7-1 sass architecture implementation
7-1architecture cubecss html-css-javascript sass sass-architecture
Language:SCSS
itsjolosionelo / optimind
Optimind: Assessment Technical Exam
clean-code 7-1architecture mixins breakpoint fluid-typography css-reset html5 css3 sass
Language:SCSS
itsjolosionelo / previewcard
Frontend Mentor: Stats Preview Card
html5 css3 sass 7-1architecture bem-methodology fluid-typography responsive flexbox clean-code
Language:SCSS
itsjolosionelo / starter
Project Starter Files
7-1architecture reusable-code mixins breakpoints fluid-typography font-awesome captain-icons modern-css-reset
Language:HTML
krypton225 / Second-Portfolio
This project for making a portfolio website with creative layout design!
bootstrap5 css css3 html html5 scss 7-1architecture google-fonts html5shiv javascript npm typescript portfolio sass template fontello purgecss
Language:HTML
Panxitus / Hospital_v.3
Escalonamiento del proyecto Sitio Web de Hospital.
bem-methodology bootstrap css3 html5 sass 7-1architecture
Language:CSS
Panxitus / Hospital_v.4
Escalonamiento Proyecto Sitio Web Hospital /media queries
7-1architecture bem-methodology css3 html5 media-queries mobile responsive-design sass
Language:CSS
RaminMammadzada / page-with-7-1-css-architecture
Landing webpage project with advanced 7-1 CSS Architecture.
scss scss-mixins scss-styles scss-framework 7-1pattern 7-1architecture
Language:CSS

7-1architecture

KhomsiAdam / SASS-Architecture

shabraware / Eduford

randyaajr / sass-project_tours-travel-agency

genebogdanovich / genebogdanovich.github.io

Rahni1 / mern-blog

dcc5235 / Childcare_Landing

elavagni / Natours

KryptonBD / Anchor

KryptonBD / naTours

PixelsMatter / gatsby-starter

ShyamMahajan / SASS-CSS-Projects

tanvirul15 / Nature

elavagnim / Natours

enesuraz / fur-nature

itsjolosionelo / columncard

itsjolosionelo / la-entrada

itsjolosionelo / photocolada

itsjolosionelo / wiki

jakegodsall / fm-faq-accordion-card

je-jo / library

mateoniksic / project-sleek-notebooks

noor-codes / Login

olof-baage / sass-project-builder

ondrejkonec / sass-structure

PixelsMatter / pixelsmatter-holding-gatsby

yagopeixinho / sass-7-1-pattern

akbarameen / Travelling-Site-Natours

fmanimashaun / sass-website-starter-template

itsjolosionelo / optimind

itsjolosionelo / previewcard

itsjolosionelo / starter

krypton225 / Second-Portfolio

Panxitus / Hospital_v.3

Panxitus / Hospital_v.4

RaminMammadzada / page-with-7-1-css-architecture