Stefco - Digital Agency

📋 Overview

My intent for this project was to find a website design on Dribbble, then do my best to re-create it while adding interactive elements. I was inspired to use Shah Alam's design for a digital agency - What caught my attention was the color pallette, graphics, and font selection.

Here's the deploy link: https://stefco.netlify.com/

⚙️ Technologies

• React
• JavaScript
• HTML
• Sass
• Method Editor (SVG Creator)
• Gatsby
• Netlify

🎨 Design

Original design by Shah Alam

🏛 SASS Architecture

styles/
└── base/
    └── _fontface.scss      // Fonts
└── components/
    ├── _companies.scss     // Companies Section
    ├── _menu.scss          // Hamburger Menu
    ├── _navbar.scss        // Navigation Bar
    └── _projectcard.scss   // Project Card
└── helpers/
    ├── _variables.scss     // Sass Variables
    ├── _mixins.scss        // Sass Mixins
    └── _keyframes.scss     // Keyframes
└── pages/
    ├── _about.scss         // About Page
    ├── _blog.scss          // Blog Page
    ├── _contact.scss       // Contact Page
    ├── _home.scss          // Home Page
    ├── _projects.scss      // Projects Page
    └── _services.scss      // Services Page
└── App.scss