Music_4_All

https://omrfrkcpr.github.io/Music_4_All/

Description

Project aims to create responsive web page for a music school with using HTML5 CSS3 and SASS.

Project Skeleton

Music_4_All Web Page (folder)
|
|----assets
|----css
    |----main.css
    |----main.css.map
|----node_modules
|----scss
    |----abstract
        |----_mixins.scss
        |----functions.scss
        |----_variables.scss
    |----base
        |----_animations.scss
        |----_base.scss
        |----_typography.scss
        |----_utilities.scss
    |----components
        |----_bg-video.scss
        |----_button.scss
        |----_card.scss
        |----_composition.scss
        |----_feature-box.scss
        |----_form.scss
        |----_popup.scss
        |----_story.scss
    |----layout
        |----_footer.scss
        |----_grid.scss
        |----_header.scss
        |----_navigation.scss
    |----pages
        |----_home.scss
    |----main.scss
|----npm-debug.log
|----index.html
|----LICENSE
|----package-lock.json
|----package.json
|----readme.md
|----music4All-web-page.gif

Outcome

At the end of the project, following topics are covered;

• HTML5 / CSS3 / SASS

• Responsive Design

• SASS = @mixin-@include / variables / @extend / breakpoints

At the end of the project, will be able to;

• improve coding skills within HTML & CSS inckl. SASS

• use git commands (push, pull, commit, add etc.) and Github as Version Control System.

⌛ Happy Coding ✍