can you solve this please using html an css

Replicate the following website using the HTML and CSS concepts that you have practiced in the Lab 1, 2 and 3. You are allowed to use any font, images and background that you like as long as the page design resembles the one given below, and you apply the following concepts. 1. All the pages should use the HTML 5 Sematic tags that you have seen in the previous labs. 2. Use the flexbox and media queries to define a responsive pages layout and the Form layout 3. Use flexbox when appropriate to define the layout of the book cards, and the navigation of the page. 4. Use font-awesome to add icons to the website Detail Description of the Website 1. Create a project named QU-Book 2. Create the following three pages, home.html, contact-us.html 3. After completing the assignment, all the pages should resemble the images shown 4. When the user cursor gets over the links, the pointer should change to hand, and the text side should increase Home Page on Bigger Devices OBOOKDONATION Home Welcome to Book Donation Website CONFESSIONS PIC SPEED DEEP WORK MIND NUMBERS Confessions CAL HEWPORT L ... SO GOOD IGNORE YOU 7 HETS OF LIFETIVE YCANE Heted by: AAN Day: Meland Me by: . Home Page on Smaller Devices The page element positions should change depending on the screen size as shown below. GROOKDONATION ASTRAR De Welcome to QBook Donation Website CONFESSIONS PUBLIC SPEAKER Donated by: Abd Hansen Lenceria i el Malli Contact Us Page Bigger Screen Smaller Screen QBook Donation Websit QBook Donation Websit QBook Donation Website A 23 Hversity L6994335-3335 rurgiendok dron.com Email Us dhe QBook Donation Website A 273Q University 1974) 555-5555 management book corutan.com Email Us Email Add Phone Last ber Replicate the following website using the HTML and CSS concepts that you have practiced in the Lab 1, 2 and 3. You are allowed to use any font, images and background that you like as long as the page design resembles the one given below, and you apply the following concepts. 1. All the pages should use the HTML 5 Sematic tags that you have seen in the previous labs. 2. Use the flexbox and media queries to define a responsive pages layout and the Form layout 3. Use flexbox when appropriate to define the layout of the book cards, and the navigation of the page. 4. Use font-awesome to add icons to the website Detail Description of the Website 1. Create a project named QU-Book 2. Create the following three pages, home.html, contact-us.html 3. After completing the assignment, all the pages should resemble the images shown 4. When the user cursor gets over the links, the pointer should change to hand, and the text side should increase Home Page on Bigger Devices OBOOKDONATION Home Welcome to Book Donation Website CONFESSIONS PIC SPEED DEEP WORK MIND NUMBERS Confessions CAL HEWPORT L ... SO GOOD IGNORE YOU 7 HETS OF LIFETIVE YCANE Heted by: AAN Day: Meland Me by: . Home Page on Smaller Devices The page element positions should change depending on the screen size as shown below. GROOKDONATION ASTRAR De Welcome to QBook Donation Website CONFESSIONS PUBLIC SPEAKER Donated by: Abd Hansen Lenceria i el Malli Contact Us Page Bigger Screen Smaller Screen QBook Donation Websit QBook Donation Websit QBook Donation Website A 23 Hversity L6994335-3335 rurgiendok dron.com Email Us dhe QBook Donation Website A 273Q University 1974) 555-5555 management book corutan.com Email Us Email Add Phone Last ber