Github Repository Page: https://github.com/palowenstein/responsive-portfolio-bootstrap-atari-xl
Github Deployment Page: https://palowenstein.github.io/responsive-portfolio-bootstrap-atari-xl/
- Mobile responsive portfolio dedicated to the classic ATARI XL Computers line.
- Comprised of 3 pages: Index, Portfolio, Contact.
- Built with Bootstrap.
- Porfolio requires the use of 3 stylesheets to initialize:
- CSS Reset
- Bootstrap CDN
- Custom CSS
- Boostrap functionalities:
- Responsive layout and images.
- Custom navbar with logo, page indicator, linkage to every page.
- Boxed at 1140 px for central presentation on large screens.
- Grid system: 9/3 (index), 4/4/4 (portfolio), 9/3, 12 for submit button (contact).
- Custom fonts (futura, classic ATARI coin-up font).
- Breadcrumb indicator.
- Jumbotron on main page with css background-img.
- Three respective @media queries:
- To disable the sidebar on mobile devices (991px break point due to Chrome dev tools),
- Float: none to disallow text surrounding images on small devices (standard breakpoint: 960px),
- Extra footer padding on small devices (standard breakpoint: 768px).
- Sticky footer.
- https://validator.w3.org/nu/?doc=https://palowenstein.github.io/hw2-responsive-portfolio-bootstrap-atari-xl/index.html
- https://validator.w3.org/nu/?doc=https://palowenstein.github.io/hw2-responsive-portfolio-bootstrap-atari-xl/portfolio.html
- https://validator.w3.org/nu/?doc=https://palowenstein.github.io/hw2-responsive-portfolio-bootstrap-atari-xl/contact.html
- Bootstrap CSS Library [https://getbootstrap.com/]
MIT License | Copyright © [2020] Pierre André Lowenstein