VERY SIMPLE WEB PAGE WITH HTML AND CSS.Be built using a mobile first approach.

I HAVE PROVIDED 2 MOCKUP WEB PAGE LOOK. one is for smart phone and other on is desktop.

just only have to create simple webpage with this materials.

I have provided support CSS file as well here.

ONLY use HTML AND CSS ( NO JAVASCRIPT OR PHP)

1. Introduction The TMA carries 25% of the total marks for this module. It requires you to: Construct a single responsive HTML page based on two page mockups: one for small screens and one for larger screens. Write a short evaluation of the efficacy of CSS grid layout. 2. TMA Requirements 2.1 Web Page Build a single webpage based on the mockups provided. The page should: 1. Be built using a mobile first approach (This should be reflected in the structure of the CSS). 2. Be responsive. The page should have two layout versions: one for smartphone and small tablet, and one for large tablet, notebook and desktop as shown in the mockups. Responsiveness should be achieved using media queries. 3. Be cross browser compatible with the latest versions of Chrome, Firefox and Internet Explorer, as well as with IE9 and IE10. To ensure maximum cross browser compatibility you should include an example of CSS reset, an example of the use of feature queries and an example of the use of a vendor specific prefix. 4. Be predominantly laid out using CSS grid. 5. Include examples of at least three of the following CSS 3 techniques: a. Child combinator. b. Sibling combinator C. Attribute selector d. Position pseudo classes 6. Be standards compliant 7. Conform as closely as possible to the design provided in the mockups. 2.2 Critique of Grid Layout Write a short evaluation of CSS grid layout. This should include a description of the grid layout technique. Advantages and disadvantages of the technique. Plus, a comparison with other layout techniques. The evaluation should be between 600 and 700 words. @font-face { font-family: BebasNeue; src: url(BebasNeue-webfont.woff); } body { background-color: #ddd: } span { color: #000: } h1 { font-family: 'BebasNeue" font-size:1.5rem: } h2 { font-family: 'BebasNeue font-size:1.25rem: color: #016008; clear: left: margin: 01rem; } dl { width:70px! float: left; text-align:center; font-family:Lato; } dt, dd { margin:0 padding: 0 text-align: center; width: 60px !important; } dd { border: 1px solid #000000 !important; height: 50px !important; } p{ font-family:Lato; max-with: 20%; margin: 0 0 1rem color: #016008: 1rem; } Welcome to BootWorld Boot World is the largest online footwear retailer in the UK. Our shop always has stock of the latest designer footwear at the most competitive prices. Want to know more about us or our products, why not send us a message. New in the shop Classic cowboy boots Stand out from the crowd in a pair of classic cowboy boots. Available for Ladies and Gents from only 49.99 Military boots Hard-wearing Men's military boots, guaranteed to withstand all weathers. From only 69.99 Roman sandals Get ready for summer with some stylish roman sandals. From only 39.99 Office shoes You don't have to wear boring shoes to the office. Check out our new stock of Ladies and Gents fashionable office shoes from only 44.99 Latest News Our seasonal sale has kicked off again! make sure you stop by our online shop to pick up a bargain. Posted by: Joe Subscribe Sign up to our newsletter and receive exclusive offers by email weekly. Our address Shoe Street, London, EC2 7PP|| Site map Privacy policy Accessibility BOOTWORLD HOME SHOP NEWS ABOUT US CONTACT US SUBSCRIBE WELCOME TO BOOTWORLD BootWorld is the largest online footwear retailer in he UK. Our shop always has stock of the latest designer footwear at the most competitive prices. Want to know more about us or our products, why not send us a message. NEW IN THE SHOP CLASSIC COWBOY BOOTS Stand out from the crowd in a pair of classic cowboy boots. Available for Ladies and Gents from only 49.99 LATEST NEWS Our seasonal sale has kicked off again! make sure you stop by our online shop to pick up a bargain. Posted by: Joe MILITARY BOOTS Hard-wearing Mens military boots, guaranteed to withstand all weathers. From only 69.99 SUBSCRIBE Sign up to our newsletter and receive exclusive offers by email weekly. ROMAN SANDALS Get ready for summer with some stylish roman sandals. From only 39.99 SIGN UP NOW! Your name: OFFICE SHOES You don't have to wear boring shoes to the office. Check out our new stock of Ladies and Gents fashionable office shoes from only 44.99 Email address: Sign up OUR ADDRESS: Malet Street, London, WCIE ZHX Mockup for Small Tablet and Smartphone BOOTWORLD Menu WELCOME TO BOOTWORLD BootWorld is the largest online footwear retailer in he UK. Our shop always has stock of the latest designer footwear at the most competitive prices. Want to know more about us or our products, why not send us a message. NEW IN THE SHOP COWBOY BOOTS Stand out from the crowd in a pair of classic cowboy boots. Available for ladies and gents from only 49.99. MILITARY BOOTS hard-wearing men's miltary boots. Guaranteed to withstand all weathers. From only 69.99. ROMAN SANDALS Continued BOOTLAND - COLOUR PALETTE #000000 #3e3e3e #016008 #cccccc #dddddd #f6f6f6 #ffffff #ff0000