/rafting-1

Project contains Advance CSS, BEM Architecture, SASS, CSS Grid, CSS Flexbox, DRY principle, CSS animatios, SVG icons and HTML5. Check out MVC OOP PHP version with validation fields on my GitHub profile.

Primary LanguageSCSS

rafting-1

Project is using:

  • Advance CSS
  • BEM methodology (Block Element Modifier)
  • CSS Grid
  • CSS Flexbox
  • SASS (variables, nesting, mixins, extends)
  • SVG sprite icons
  • DRY principle (Don't Repeat Yourself)
  • CSS3 (rgba, linear-gradient, backface-visibility, animation, background video, box-decoration-break, object-fit, opacity, transition, perspective, transform: rotate() translate() scale(), background-blend-mode, clip-path: polygon() circle(), calc(), backdrop-filter, outline-offset, column-rule, filter: blur() brightness(), hyphens, shape-outside, :placeholder-shown, :checked, :link, :invalid, :focus, :hover, :active, ::after, ::placeholder, @media only screen and (), rem, em, vw, vh, px, fr)
  • HTML5 tags (nav, header, span, section, button, figure, figcaption, label, video [autoplay muted loop], picture, source [video/mp4, video/webm], svg, use [xlink:href], footer)
  • SEO (image name, alt, img srcset, source [media, srcset])
  • No JavaScript code