https://github.com/templatecookie/albert-html

Albert - personal Portfolio website html template
https://github.com/templatecookie/albert-html

css free html html5 portfolio portfolio-website projects responsive showcase

Last synced: 6 days ago
JSON representation

Albert - personal Portfolio website html template

• Host: GitHub
• URL: https://github.com/templatecookie/albert-html
• Owner: templatecookie
• Created: 2021-06-04T10:30:45.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-08-10T02:58:56.000Z (over 1 year ago)
• Last Synced: 2024-12-11T12:13:49.201Z (2 months ago)
• Topics: css, free, html, html5, portfolio, portfolio-website, projects, responsive, showcase
• Language: HTML
• Homepage: https://albert-personal-portfolio.netlify.app/
• Size: 3.62 MB
• Stars: 5
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Templatecookie](https://templatecookie.com)

Templatecookie.com creates quality templates and php scripts. Templatecookie has many free HTML & Figma templates available for professional use. Templatecookie is famous for its premium PHP Scripts available on [Codeanyon Marketplace](https://codecanyon.net/user/templatecookie). Browse [Templatecookie](https://templatecookie.com) today and discover awesome digital products.

# [Albert - Personal Portfolio HTML Template](https://www.templatecookie.com/products)

> Albert is a personal portfolio HTML template.

Check the [Live Demo here](https://albert-personal-portfolio.netlify.app/).

![](screenshot.png)

## Pages List

- One Page Website (Landing Page)

## Framework & Technologies

- bootstrap

- scss

- isotope

- jQuery

## Credits

- Design & Developed by [Templatecookie](https://templatecookie.com)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

# Webpack Boilerplate

This repository contains Webpack and SCSS boilerplate code to quickly get started on building a webpage following a simplified version of SASS (7-1 pattern).

## Project Setup

### Installing

Run `npm install` to install all the dependencies this project needs. 

### Running the app

Run `npm run dev`. Your browser should automatically open a new tab where you can see your app.

*Note :* live reload is enabled so just modify your files and it will be reflected on the app instantly.

### Building the app

Run `npm run build`. It will automatically add vendor prefixes to CSS rules and compress all your `.scss` files into one `style.css` file located in your `dist` folder.

## SASS folder structure

It contains these folder and files : 

- `abstracts` : functions, variables

- `base` : reset, typography,

- `components` : buttons, form

- `layout` : footer, header, nav, breadcrumb

- `pages` : contact, home,

- `themes` : theme

- `vendors` : bootstrap, fontawesome

## Included Framework and Libraries

- `fontawesome` - Font Library

## Webpack Dependencies

- Webpack

- Babel

- File Loader

- CSS Loader

- Node SASS

- SASS Loader

- Post CSS 

- Autoprefixer

- Purge CSS

- Mini CSS Extractor Plugin