Provided detailed information about my personal story, projects, and some of the books and materials I studied. Facilitated responsive layout, design, and images with Bootstrap, Sass and Gulp. Smooth visiting experience from mobile devices to tablets and desktop.
You can view the site here
Created & designed by myself. But also inspired by people listed in the reference.
First page background photo credit to: David Marcu
https://unsplash.com/collections/319663/nature?photo=78A265wPiO4
UI mainly inspired by：
https://www.pinterest.com/pin/454230312401504018/
http://templates.entheosweb.com/template_number/live_demo.asp?TemplateID=51090
UI Solution: Text-left progress bar:
http://stackoverflow.com/questions/12937470/twitter-bootstrap-center-text-on-progress-bar
UI: portfolio description
http://wrapbootstrap.com/preview/WB0674NL1
http://neuethemes.net/preview/gridus/?page=layouts/michael/home.html
http://wrapbootstrap.com/preview/WB0RK211T
UI for sorting tags
http://wrapbootstrap.com/preview/WB0H89894
UI Solution: Smooth scrolling
http://www.w3schools.com/bootstrap/bootstrap_ref_js_scrollspy.asp
UI Solution: Scroll & Show
https://jsfiddle.net/tcloninger/e5qaD/
UI Solution: Sorting tags
http://stackoverflow.com/questions/23596751/dataset-vs-data-difference
UI Solution: Thickness & color of hr tag
http://stackoverflow.com/questions/4151743/how-i-change-the-thickness-of-my-hr-tag