[Soft Rejected] HTML5 Template. Help please

Link to template: https://template.wbs-dvp.pro/

The first reason:

  1. SPACING AND ALIGNMENT: There are spacing and alignment issues in this item. Please make sure that all elements are aligned properly and spacing is consistent from section to section. Here are some articles with more information regarding negative space and proper spacing: http://webdesign.tutsplus.com/articles/using-white-space-or-negative-space-in-your-designs--webdesign-3401, http://webdesign.tutsplus.com/articles/adding-space-to-your-designs--webdesign-14836 2. RESPONSIVE ISSUES: Your files are either inaccurately represented as responsive or have responsive layout issues. Please take a moment to make sure that your design layout looks correct at different breakpoints and that all text is scaled appropriately for smaller devices. 3. VISUAL HIERARCHY: The visual hierarchy of this item requires additional work. Focus on better defining which areas of this item should demand more attention and creating a logical structure to the design. For more information, please read: http://webdesign.tutsplus.com/articles/an-introduction-to-hierarchy-webdesign-14947

I corrected 2 reasons:

  1. The typographic hierarchy of this item requires additional work. For more information, please read: http://webdesign.tutsplus.com/articles/understanding-typographic-hierarchy–webdesign-11636 2. There are spacing and alignment issues in this item. Please make sure that all elements are aligned properly and spacing is consistent from section to section. Here are some articles with more information regarding negative space and proper spacing: http://webdesign.tutsplus.com/articles/using-white-space-or-negative-space-in-your-designs–webdesign-3401, http://webdesign.tutsplus.com/articles/adding-space-to-your-designs–webdesign-14836 3. Parts of your design are either difficult to read or have contrast issues. Please make sure all sections of your design have adequate contrast and all text is easily readable on all devices. 4. Too many animations in unnecessary places can be damaging. Try and avoid animations, or at least give them serious consideration in the following situations: * When an action needs to be repeated very frequently by the user. * Where the devices known to use the system are likely to be incapable of displaying the animation adequately (Mobile devices). * On time-sensitive actions or processes. Please consider the above factors and reduce the animations of your web site. 5. It’s recommended that you pair complementary fonts that add to the design aesthetic you’re going for. In general, a design should utilize less than three (ideally two) font variations that each compliment another — not compete for attention. Ref: https://designschool.canva.com/blog/the-ultimate-guide-to-font-pairing/

Please help with this. This is my first project. The fonts are all clear.
4. It was written about the animations, but there are no animations on the site and I don’t understand anything here.
Otherwise, I am waiting for comments with examples of my template. Maybe do the screenshots and show them wrong. I will be very grateful

No one will help me?

Hi,

I have saw your design as my opinion make your body typography lighter and keep all section top and bottom spacing same.Hope helped!

Thanks!

Hi, thanks for the answer
Write in more detail what you mean by body typography lighter, please.
And the and keep all section top and bottom spacing are the same everywhere. Also made indentations throughout the elements the same. I do not quite understand something here