<ul>
<a name="nasza-firma" class="link-1" href="#"> Nasza firma</a> |
<a name="oferta" class="link-1" href="#"> Oferta</a> |
<a name="kontakt" class="link-1" href="#"> Kontakt</a>
</ul>
Zabrakło Ci chyba czegoś w liście ;)
<section class="section-white">
HTML nie powinniśmy mieszać z wyglądem, więc takiej klasy nie powinno tu być. Nazwa raczej powinna odpowiadać temu, co się tam znajduje, a nie jaki ma kolor.
<div class="border"></div>
To też jest związane z wyglądem, więc nie powinno tego być w HTML ;) Zamiast tego pobaw się z :before lub :after i uzyskasz taki efekt, o jaki Ci chodziło bez dodatkowego, pustego elementu.
<h2>Zajmujemy się hodowlą <span class="section-header-bold-green">egzotycznych</span> zwierząt</h2>
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</h3>
Nagłówek h2 okej, ale to pod spodem też jest nagłówkiem? Raczej powinno to być w <p> i tym sposobem tam, gdzie masz nagłówki h4 będziesz mógł je zamienić na h3
poczytaj o ikonkach
<img src="img/icon1.png" alt="" width="80px">
Powinno być width="80" chyba, ale ogólnie i tak staraj się nie używać takiego stylowania, tylko nadaj klasę dla obrazka i styluj w pliku CSS tę klasę.