portfolio_page-template-default,single,single-portfolio_page,postid-15917,bridge-core-1.0.4,qode-page-transition-enabled,ajax_fade,page_not_loaded,,side_area_uncovered_from_content,qode-theme-ver-26.2,qode-theme-bridge,qode_header_in_grid,wpb-js-composer js-comp-ver-5.7,vc_responsive


Web Sites
About This Project

This was a small project to make an existing PHP web site responsive on mobile devices.  The content, structure and look and feel of the site was already in place but was unusable on mobile devices.  The client had a limited budget.


I chose to use the Bootstrap fluid grid framework to accomplish the clients needs since it was readily available, free and well-supported by the development community.  I added all HTML markup needed to import Bootstrap and jQuery and placed all content within a Bootstrap scaffolding.


I adjusted CSS styles so that the existing desktop view of the site remained the same as the original design, and implemented a bootstrap responsive navigation menu.  I also implemented better HTML5 standards and utilized the <VIDEO> element for video clips that the client wished to include on the new site.  Finally, I performed cleanup of unnecessary files, PHP code and CSS styles that were no longer being used.