Hello, I recently purchased HTML multipurpose template to make website for travel agency I work with, but they have request to make header and footer, for some whitespace components, with its respective css files: This is quote from requirements file:
• @ a display width <= 480px we show the Phone Layout (phone.css).
• @ a display width between 481px and 768px we show the Tablet Layout (tablet.css).
• @ a display width larger than 778px we show the Screen Layout (screen.css)
Header/Footer Information:
• We load the Header directly after the "<body>" tag
• We load the Footer direclty before the "</body>" tag
• Header/Footer must not contain any Doctype, <html>, <head> or Metatags
• In the CSS for Header/Footer you must not use the ID #cc
• We use following JS libraries:
- jQuery v3.1.1
- AngularJS v1.6.3
• If you also use these libraries do not load these in your Header/Footer
• Your Webspace where you save your HTML Code, CSS files, Fonts and Images for Header / Footer
must support SSL
• All Images, Fonts and Imports in the CSS must be referenced absolutely with Domain and https://
How can I use these values for responsive layout?