lewisxin / lewisxin.github.io

A personal webpage for Lewis, Liu Xin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

lewisxin.github.io

A personal webpage for Lewis, Liu Xin. You can get to know more about Lewis by visiting his resume and gallery page. If you want to get in touch with him, you can leave a comment via the contact page. Have fun!

Folder Structure

Index.html is the homepage of the website

.
├── assets                              # Assets folder
│   ├── css                             # CSS files for sites
│   │   ├── style.css                   # Shared CSS
│   │   └── hovereffect.css             # CSS for gallery.html image hover effect
│   ├── js                              # JS files
│   │   ├── chart.js                    # Create chart on resume.html
│   │   ├── main.js                     # Shared JS
│   │   ├── formValidation.js           # Form validation for contact.html
│   │   ├── motionBackground.js         # Create animated background on index.html
│   │   └── instafeed.service.js        # Instafeed API to retrieve instagram photos
│   └── img                             # Site images
├── lib                                 # Third party libraries
│   ├── bootstrap                       # Bootstrap folder
│   └── particleground                  # particleground.js folder
├── templates                           # Html template folder
│   ├── contact.html                    # Contact page
│   ├── gallery.html                    # Gallery page
│   └── resume.html                     # Resume page
├── index.html                          # Homepage
├── LICENSE
└── README.md

To Run the Project

Simply go to lewisxin.github.io

Note: If you Clone or Download the entire repository, simply open index.html file in browser. Please make sure you have internet connections as some of the required libraries are loaded from cdnjs.com

References

Website Color Scheme & Fonts
Design Principles
Inspirations
Third Party Libraries

About

A personal webpage for Lewis, Liu Xin

License:MIT License


Languages

Language:HTML 63.8%Language:JavaScript 21.9%Language:CSS 14.3%