Question: this web page should built using a mobile first approach (This should be reflected in the structure of the CSS). It is just simple one
this web page should built using a mobile first approach (This should be reflected in the structure of the CSS). It is just simple one page web page there are no need to connect any links in the MENU bar. just a single page only (should not be use javascript or php "just only HTML and CSS only)
CSS support file---
@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: 0 1rem;
}
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-width: 20%;
margin: 0 0 1rem 1rem;
color: #016008;
}
Web page words-----
Welcome to BootWorld
BootWorld 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
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. 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 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. 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
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
Study Help