Develop a web page and design a banner

Part 1 - Design assignment Banner ad design Files Banner [login to view URL] – InDesign file with all required sizes (CS6/CC) Banner [login to view URL] – InDesign file with all required sizes (below CS6) Prospecting-Discover – Previous campaign designs a different client Pure Performance [login to view URL] – Whitepaper for reference Task one: Pure Performance Campaign Required sizes: 300x250, 728x90, 300x600 Create an online banner ad set for the downloadable 'Pure Performance Marketing' whitepaper that clicks through to the landing page. No animation needed, just a storyboard of the different frames. Imagine you’ve got 15 seconds for the whole animation, so can’t be text heavy. 300x250 is the main size, so design that first and then adjust to the two secondary sizes. Each banner should be divided to three stages.  [login to view URL] Introduce the subject and catch relevant people’s eye [login to view URL] Sell them on an idea that is relevant to them and provides something they want [login to view URL] Introduce the product and get them to click on the banner Attached a layout template (optional) and an example of work. You can work in any program that you are familiar with, as long as the final file is either a PDF or a flat jpeg with all the banners. Part 2 - Development assignment HTML, CSS, JS/jQuery, responsive landing page build Files Development [login to view URL] – Landing page design to build (CS6/CC) Development [login to view URL] – Landing page design to build (below CS6) Pure Performance [login to view URL] – Whitepaper for reference Document fonts – all fonts used in layout If you do not have access to InDesign there is a folder called ‘Exported assets’ that contains all of the asset files. There is also a PDF called ‘Development [login to view URL]’ that shows you the layout. Task one: Build a landing page based on the supplied design (named ‘Development [login to view URL]’ in supplied files). The form doesn’t need to submit, just create the fields. Task two: Make your build responsive using whatever framework you prefer i.e. Bootstrap, Foundation or media queries. Additional tasks: (not required but for extra marks) Task three: Implement functionality so that each of the headlines ‘Quantity over quality’, ‘Changing the rules’, ‘Pay as you go’ and ‘The creative gap’ can be toggled to display their paragraphs on click. Make their starting state hidden, and then show on click. The design will be based on the sections being untoggled (shown). Task four: Optimise your page for best SEO practices. Helpful links: Fontawesome - [login to view URL] Bootstrap - [login to view URL] jQuery - [login to view URL] Google fonts - [login to view URL]