https://github.com/pawlovskiii/webscope-website

The project was mainly about learning of usage of proper semantic HTML tags. Secondly I tried to apply BEM methodology, which was game changer for writing clear, maintainable and reusable CSS code. Thirdly I focused on keeping CSS code in different modules in order to improve readability even more.
https://github.com/pawlovskiii/webscope-website

bem-methodology semantic-html

Last synced: 4 months ago
JSON representation

The project was mainly about learning of usage of proper semantic HTML tags. Secondly I tried to apply BEM methodology, which was game changer for writing clear, maintainable and reusable CSS code. Thirdly I focused on keeping CSS code in different modules in order to improve readability even more.

• Host: GitHub
• URL: https://github.com/pawlovskiii/webscope-website
• Owner: pawlovskiii
• Created: 2021-08-26T17:38:20.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-08-27T12:50:36.000Z (almost 5 years ago)
• Last Synced: 2025-02-27T12:43:16.172Z (over 1 year ago)
• Topics: bem-methodology, semantic-html
• Homepage: https://pawlovskiii.github.io/webscope-website/
• Size: 3.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Webscope

See the live version of [Webscope](https://pawlovskiii.github.io/webscope-website/).

The project was mainly about learning of usage of proper semantic HTML tags.

Secondly I tried to apply BEM methodology, which was game changer for writing clear, maintainable and reusable CSS code.

Thirdly I focused on keeping CSS code in different modules in order to improve readability even more.

**Main features**:

- HTML Semantic Elements

- BEM

- Separate CSS code for each section

## 💡 Technologies

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

## 💿 Installation

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash

# Clone this repository

$ git clone https://github.com/pawlovskiii/webscope-website

# Go into the repository

$ cd webscope-website

# Install dependencies

$ npm install 

# Run the app

$ npm start

```

## 💭 Conclusions for future projects

In the next project I would like to apply RWD, to make it more accessible on different type of devices.

## 🙋‍♂️ Feel free to contact me

Find me on [LinkedIn](https://www.linkedin.com/in/jakub-paw%C5%82owski-921b74216/) :)

## 👏 Thanks / Special thanks / Credits

Thanks to my [Mentor - devmentor.pl](https://devmentor.pl/) - for providing me with this task and for code review.