Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kaplanh/sass-portfolio-web-page
https://github.com/kaplanh/sass-portfolio-web-page
bem-methodology css3 html5 sass scss
Last synced: 3 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/kaplanh/sass-portfolio-web-page
- Owner: kaplanh
- Created: 2024-01-21T13:48:20.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-01-31T20:10:28.000Z (10 months ago)
- Last Synced: 2024-01-31T21:26:58.414Z (10 months ago)
- Topics: bem-methodology, css3, html5, sass, scss
- Language: HTML
- Homepage: https://kaplanh.github.io/Sass-portfolio-web-page/
- Size: 2.87 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sass Portfolio
[Live Link](https://kaplanh.github.io/Sass-portfolio-web-page/)
## Description
Project aims to create website site using sass.
## Problem Statement
- Your company has recently started on a project that aims to create a portfolio website page. So you and your colleagues have started to work on the project.
# npm install -g sass
# sass --version
# sass --watch ./scss/main.scss:./css/style.css
## Project Skeleton
```
Sass-website-page-design (folder)
|
|----readme.md
|----img
|----index.html
|----about.html
|----contact.html
|----css (folder)
|----main.css
|----main.css.map
|----scss (folder)
|----abstracts (folder)
|----_mixin.scss
|----_variables.scss
|----base (folder)
|----_reset.scss
|----components (folder)
|----_footer.scss
|----_navbar.scss
|----_responsive.scss
|----pages (folder)
|----_about.scss
|----_contact.scss
|----_home.scss
|----_projects.scss
|----main.scss
```
## Objective
Ma
### At the end of the project, following topics are to be covered;
- HTML
- CSS
- -@media Query
- Sass / Scss
- font awesome
### At the end of the project, developers will be able to;
- improve coding skills within HTML, CSS & Sass/Scss
- use git commands (push, pull, commit, add etc.) and Github as Version Control System.
## Notes
- You can use HTML and CSS with sass/scss to complete this project.
⌛ Happy Coding ✍