About The Website Project

The First Project High-Tech Blog

Explore my first simple website that has been created from scratch using the following tools:

• HTML
• SCSS / CSS
• JavaScript.

It is responsive with smartphone and tablet. It may not look perfect, but I did my best to make a web design adaptable to small screens. It's been created in first and second semesters at college with excellent score.

Demo

Try out demo at High-Tech Blog.

Getting Started

You can view my live website directly by clicking Tech-Website hosted by Netlify.

You can also study/modify and view the project locally. Continue and follow these simple steps to use this project.

Prerequisites

• Visual Studio Code (Compatible with Windows / Mac or Linux) and must install two extensions:
  • Live Sass Compiler | To generate all CSS from SCSS in Styles/ folder.
  • Live Server | To host online

Note: My personal preference is Visual Studio Code, I'm sure there are other text editors with equivalent extensions/plugins that can be used with this project.

Opening Bolt-Tech Website

To be able to see a live website, follow these steps:

1. When you open Visual Studio Code, click File on top left corner and click Open Folder... then navigate to your desired location where you cloned tech-website folder. Or simply right click on tech-website folder and click Open with Code.

2. Then click Watch Sass on bottom right to begin generating all CSS

3. Finally, on Explorer tab, right click on index.html then Open with Live Server. That's it, enjoy my project website.

License

Distributed under the MIT License. See LICENSE for more information.