olhanotolga / uib-frameworks-bennys-burgers-mizzrawr

uib-frameworks-bennys-burgers-mizzrawr created by GitHub Classroom

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Benny's burger

Let's use Bootstrap to create a restaurant page!

Desktop:

  • site header is sticky to the top
  • add scroll to section - on click on the items in the menu, scroll to section

example-desktop

Tablet

example-tablet

Mobile

example-mobile

Customize Bootstrap

Let's customize the site!

  • set a custom primary color
  • set a custom font family: https://fonts.google.com/specimen/Love+Ya+Like+A+Sister
  • set a custom size for display headlines
  • customize the space between form-group-s
  • increase lead size
  • remove rounded borders across the entire site
  • change card border to primary color

Note: have a look into the node_modules/scss/bootstrap/_variables.scss file to see what variables you need to target to set your custom values.

About

uib-frameworks-bennys-burgers-mizzrawr created by GitHub Classroom


Languages

Language:HTML 89.9%Language:SCSS 9.4%Language:JavaScript 0.7%