CSS Animation / Amends

General information for the website: Consulting Website
Description of every page/module: I want to enhance my website.

1. The text on the homepage 'International User....' I want it to be animated so each individual letter appears one by one, like someone typing on a typewriter, so it has the | line after each letter. See here:
https://codepen.io/rusjames/pen/uAFhE

2. "I design beautiful websites, that not only look pretty but ones that keep users engaged on the page and get them interested in your product." - I want this to be animated also.

3. More Sales, More Happy Customers etc... icons to load in an animated way - see the icons on this page, they just lift up slightly http://www.bucketlistly.com

4. The testimonials in speech bubble, I would like the first speech bubble to load and the text to appear and then the second with the typewriter code as in point 1.

5. Next to Contact in the menu bar i would like a button "Get In Touch" - but only appears on the blue bar when scrolling. The text and border of the button should be white.

6. Some of my friends - when you hover over the logo , i would like the logos to change from grey to black

7. My Portfolio - remove the scrolling portfolio items and replace with three large sections like on: http://www.bucketlistly.com (example, 'Your amazing life immortalized') to use images from my portfolio. We will have 3 sections of 3 portfolio items

Section 1: Jet 2
Section 2: Citation
Section 3: Blossoming Gifts

The colours of the brush strokes should link in with the website so blue, gold and khaki green (see attached)

8. View Portfolio Link in the Banner to now link to the new Portfolio section via an anchored link to scroll to the point on the page

9. On the blog page remove the text 'Claire Freshney, User In.... and Contact numbers' just leave the logo and centralise the logo on the middle of the page and add a subscribe box like this http://blog.bucketlistly.com
http://www.clairefreshneyconsulting.com/blog-2/

10. Integrate Comments on Blogs with Disqus Plugin and remove current comment boxes, like on this page:
http://www.clairefreshney.com/uncovering-the-most-common-fitness-myths/

11. Change fonts on the TITLES only to... the same font as 'BEAUTIFUL' on http://www.bucketlistly.com - so should all be uppercase and the paragraph text to be the same as the paragraph text on http://www.bucketlistly.com too. (Same fonts)


12. There seems to be more menu items on the menu navigation on this page http://www.clairefreshneyconsulting.com/bootcamps/ - please make same as homepage

13. CSS Animations needed on this page to make more interesting http://www.clairefreshneyconsulting.com/bootcamps/ and all fonts on this page should be in keeping with the rest of the website including sizes etc.

14. On Bootcamps page replace Lorem Ipsum text with:

As a skilled User Interface Designer and UX Consultant, I am here to help and provide you with the expertise you need. I am here to help you solve real problems. In my Bootcamps, I focus on helping Clients like yourself work out these problems by giving you my time and knowledge. If you have your own team, you can then pass on my advice to them or I am happy to work with you on a 1-2-1 basis .

All Must be completed by Friday UK 5pm.
Description of requirements/features: See above ^^
Extra notes: