https://github.com/baselserhan/portfolio-website
This is a portfolio website to showcase my skills and projects
https://github.com/baselserhan/portfolio-website
bootstrap css html javascript nodejs npm responsive responsive-design responsive-web-design sass
Last synced: 3 months ago
JSON representation
This is a portfolio website to showcase my skills and projects
- Host: GitHub
- URL: https://github.com/baselserhan/portfolio-website
- Owner: baselserhan
- Created: 2025-06-04T09:14:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-04T09:41:19.000Z (about 1 year ago)
- Last Synced: 2025-08-01T11:51:50.618Z (11 months ago)
- Topics: bootstrap, css, html, javascript, nodejs, npm, responsive, responsive-design, responsive-web-design, sass
- Language: HTML
- Homepage: https://harmonious-pegasus-e264ed.netlify.app/
- Size: 19.8 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Portfolio Website
This is a dark-light contrast website for a portfolio. It is related to being a web developer, but can be edited to be for any type of portfolio. It includes a bit of custom JavaScript for the typewriter effect and uses a script called "Lightbox" for the project modals.
## Features
- Dark and light contrast
- Responsive design
- Full height header/hero
- Background image overlays
- Typewriter effect in header
- Lightbox modals for projects
- Progress bar stats
- Font awesome icons
## Usage
This website is built with [Bootstrap](https://getbootstrap.com/) and [Sass](https://sass-lang.com/). It uses [Font Awesome](https://fontawesome.com/) for icons.
In order to customize this website, you need to install [Node.js](https://nodejs.org/en/). Then, clone this repository and run:
```bash
npm install
```
This will install Bootstrap, Sass and Font Awesome. To build your CSS files from Sass, run:
```bash
npm run sass:build
```
To watch your Sass files for changes, run:
```bash
npm run sass:watch
```
You can add Bootstrap variables to the `bootstrap.scss` file. You can look at the file `node_modules/bootstrap/dist/scss/_variables.scss` for a list of all the variables. Do NOT edit the `variables.scss` file directly, as it will be overwritten when you update Bootstrap.
To add your own custom styles, use the `styles.scss` file.