HTML/CSS Responsive design Static webpage design

By Abdul Hamid Eshaqzada

This project used only HTML and SASS/CSS to Design a webpage semi responsive. Flexbox, grid system and animations.

Table of Content

1. Technologies
2. Project structure
3. Set up

Technologies

• HTML
• SASS/CSS

Project Structure

│   package.json
│   style.css
│   style.css.map
│
├───.vscode
│       settings.json
│
│
└───src
    │   index.html
    │   README.md
    │
    └───sass
        │   style.scss
        │
        └───components
                _fonts.scss
                _footer.scss
                _main.scss
                _mixin.scss
                _nav.scss
                _variables.scss

Set up

• clone the file to your desktop
• open index.html file