Как человек с 12 летним опытом производства сайтов и эксперт по UI и лендингам могу сказать одно: забейте на трансформации и прочие ненужные эффекты...

1. Примитивизируйте максимально
2. Облегчайте
3. Информация: четко, просто, как для 5-летнего

И запомните - Ваш клиент в 80% заходов - это человек у которого медленный интернет в смартфоне, у него неуклюжие большие пальцы, маленький экран и смартфон старый и лагает... Если под такого посетителя сделаете чтобы "летало" и было разжевано - продаваться будет даже с хренового дизайна.

К мелочам, но важным, придираться не буду, их наберется очень много. Из грубого - нет адаптивности. 75% юзеров видят наши сайты через смартфоны. Наш контент не готов под это = нас нет в бизнесе. Для первой верстки неплохо, очень неплохо, но в реальной работе в столкнетесь с гонкой со временем, требованиями дизайнера, и еще очень многими факторами, в работе с которыми нужен чистый опыт, чтобы не ломать голову как сделать то или это...

Ну вот DIV, это родитель для всех что в нем... и все. В свою очередь span - его дочерний, а h1 - дочерний для span...