responsive-sidebar

Contents

• 🔰 About
  • Layout
• 🚀 Tech
• 🎨 Style Guide
  • Colors:
  • Font types:
• 📧 Author

About

Create a list of nav links in the sidebar and when the user clicks on the menu icon this should cause the sidebar to change to "open", showing icons and text, and "closed", showing only the icons.

Layout

Tech

• HTML
• CSS
• JavaScript

Style Guide

Colors:

:root {
  --body-bg-color: #dce4e3;
  --green: #18c29c;
  --light-green: #8ed7c6;
	--light-grey: #dce4e3;
  --text-color: #084236;
}

Font types:

font-family: Poppins
font-weight: 400 e 500
(you can find the font in Google Font)

Author

David Willian

• https://github.com/davidchaves
• https://twitter.com/david__chaves
• https://www.instagram.com/david_.chaves/