Build an HTML design based on my PDFs and information

THE PRICE SHOULD BE FiNAL! I have explained everything here to have a final price on the project. All the PDFs will be available for the winner, but I have uploaded the home page (from the mobile/main page) just to have an idea about the simplicity. The goal is create 5 HTMLs + CSS using Bootstrap version >= 3 based on my PDFs (basically a copy from my PDFs) Everything is defined, fonts, color, gradients. Here you will have all the details to develop the project. Fonts: @import url('[login to view URL]:500i,600i,700i&subset=latin-ext'); @import url('[login to view URL]:400,600,600i,700,700i&subset=latin-ext'); General: - Based resolution (all PDFs were created with this resolution: 1366x768) - The website should be responsive (you can check the PDF: Main Page - Web and [login to view URL]) to see the first screen and the PDF: Mobile [login to view URL] to see the mobile version). - It's possible to create the design like: - Main Page - First Section Open Page; - Second Section Open page - .... On the mobile section instead of close the sections, you can redirect to the home page. - The font + size for Follow us and the footer in the pdf. Here it is: Follow us (in header + in Let's talk): Font: Cormorant Garamond Medium Italic, size: 14pt, color: white. - Footer: Font: Cormorant Garamond Italic, size: 10pt, colour: b7b7b7 GRADIENTS (Line and background colors per section) - First Section: Gradient colour 1: #ECFF10 Gradient colour 5: #494AC6 - Second Section: First gradient colour: #01D5A0 Last gradient colour: #E4007D - Third Section: First gradient colour: #494AC6 Last gradient colour: #EF7513 - Four Section: First gradient colour: #E40F51 Last gradient colour: #B8E707 Main Page ------------ The main page should be like the PDF. There are a few PDFs to show all information: = Main Page - Web and [login to view URL] - Main Page - Web - [login to view URL] - Main Page - Web - [login to view URL] Important notes: - The grey buttons will be the Social buttons. (you can see for more details on the Main Page - Web - [login to view URL], look at the Social buttons!). - Important add the Follow us to the social buttons. - It's necessary to include the footer. - The fonts should be like the definition. - The footer will be visible ONLY on the main page (on the responsive version, the footer will be visible always as the social buttons at the bottom, as you can see on the PDF - Mobile [login to view URL]) - The main text will be visible only on the main page. Sections Pages Web (4 sections, 25% each) ------------------ When you click on each section, the column will be open using the whole height of that column. - Click on the first section (the logo will be hidden). - When you click on the last section, the social icons and the language selector will be hidden and the logo will be visible. - If the text is longer than the screen there should be a SCROLL but not visible (only on the WEB version). - If you click on any page on the section open, the section should be closed (or redirected to the main page if the design is based on one page per section) ONLY ON MOBILE VERSION. - The last section, it's necessary to include the social icons inside (you can check the PDF: Sections - Web Let's talk follow [login to view URL], Sections - Web - Let's talk - [login to view URL])