Create Responsive Webpage Using PHP and CSS

Please read entire description before stating you can complete this project. I will not respond to generic "I can do it" offers. Fluent English skills required. I need a responsive cross-platform compatible webpage template created using PHP includes and CSS to control the layout and design elements that will load content differently based on a user's browser size (desktop, tablet, & phone). I know what I want it to look like and how I want each of the different sizes to operate and created image samples for reference. Files Needed: [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] Code must be tidy and well annotated so I can edit it later. If you want to create separate CSS files for each of the php files, I am okay with that. Files Included for Your Use on This Project Only: [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] (This is a copyrighted image. Do not use outside of this project!) [login to view URL] [login to view URL] (Sample photo to write pop open code. Also copyrighted.) Cabin fonts for the website The desktop version will load the top menu to include drop-down submenu capability upon rollover (Clicking will take you to that page). It will also include the side menu and footer. The layout will include a background image visible on either side of the content. Images within page content will have a small black border and can be selected to pop open a larger view and then closed. The tablet version will not load the background image. It will use the same top menu but without the drop-down submenu capability. It will also load the side menu and include the footer. The content will resize images to be proportionately smaller than the desktop version. Images within page content will have a small black border and can be selected to pop open a larger view and then closed. The phone version will not load the background image. It will use the same top menu but it will be hidden until the user selects a 3-bar icon and then it will open directly below in a scrolling style menu below the header. No drop-down submenu capability. The side menu will also be hidden until the user selects a down caret icon and then that menu will slide open over the top of the webpage. It will also include the footer. The content will resize images to be proportionately smaller than the desktop version. Images within page content will have a small black border and can be selected to pop open a larger view and then closed. Colors: Black #000000 White: #ffffff Red: #e51937 Dark Red: #660000 Tan: #b6aca3 Please refer to the sample images attached to create all styles including drop shadows and gradients using CSS. Feel free to use fafa code for icons. If you have any questions, please do not hesitate to ask. I anticipate that for someone with solid CSS skills, this project should not be that difficult. Thank you.