Radu Cojan Presentation Website

Milestone 1 - User-Centric Frontend Development - Code Institute

Single page website using bootstrap

Demo

Live Demo: here.

###UX Minimalist design, showcasing the projects i've done so far with Code Institute and the possibility to download a CV pdf file.

Technologies

1. HTML
2. CSS
3. Bootstrap

Features

Navbar will adjust to 3 different screen sizes, it includes scrollspy (buggy) and a custom script to auto-close it when not shown as collapsed

Features Left to Implement

I would like the page scroll to be horizontal on smaller devices instead of vertical

Testing

<<<<<<< HEAD

Horizontal	Vertical	Device - size
		Galaxy S5 - 640x360
		Pixel 2 - 731x411
		Pixel 2XL - 823x411
		iPhone5/SE - 568x320
		iPhone 6/7/8 - 667x375
		iPhone 6/7/8/Plus - 736x414
		iPhoneX - 812x375
		iPad - 768x1024
		Kindle Fire HDX - 1280x800
		iPadPro - 1366x1024
	none	Desktop Wide - 3440x1440

Deployment

Github pages

Credits

Media

main image manipulated from https://pixabay.com/vectors/development-web-design-graphic-4536630

Acknowledgements

used autoprefixer https://autoprefixer.github.io

used favicon generator https://favicon.io/favicon-generator/?t=RC&ff=Archivo+Black&fs=80&fc=%23FFFFFF&b=rounded&bc=%23209CEE

used html and css validators https://validator.w3.org/

fix for collapsing bootstrap menu https://stackoverflow.com/questions/42401606/how-to-hide-collapsible-bootstrap-4-navbar-on-click