In this project we will build a custom website using HTML5 and modern CSS techniques such as CSS Grid, Flexbox, psuedo selectors, animation and more. We will also deploy to Netlify and add form functionality

Code:
https://github.com/bradtraversy/loruki-website

Timestamps:

  • 0:00 - Intro
  • 2:32 - Base & Navbar HTML
  • 6:05 - Base CSS
  • 9:08 - Navbar, Container, Flex
  • 16:12 - Showcase Area & Grid
  • 27:28 - Card & Form CSS
  • 33:07 - Button Styles
  • 35:45 - Skewed Area
  • 39:42 - Stats Section
  • 44:16 - Utility Classes - Margin & Padding
  • 52:33 - CLI Section & Grid Col & Row Span
  • 57:25 - Cloud Section
  • 1:00:50 - Background & Button Utility Classes
  • 1:04:00 - Text Sizes
  • 1:05:28 - Languages Section
  • 1:09:49 - Footer
  • 1:14:08 - Media Queries & Responsiveness
  • 1:21:34 - Features Page
  • 1:29:57 - Features Grid With Spans
  • 1:32:15 - Docs Page
  • 1:42:44 - Alert, Code Block & Text Color Styles
  • 1:49:02 - Make Inner Pages Responsive
  • 1:52:02 - Animations
  • 1:56:42 - Prepare & Deploy To Netlify

#html #css #web-development #netlify #developer

Build a Responsive Website | HTML, CSS Grid, Flexbox & More
9.80 GEEK