<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
To jest już niepotrzebne, możesz to usunąć. Dotyczy to bardzo starych wersji IE.
<meta name="description" content="Serwis o starych grach pochodzących z Nintendo Entertaiment System" />
Plus za meta description
<img src="nes.png" height="70px" width="70px"
style="float: left;" />
Nie dodawaj jednostki "px" do wartości atrybutów [width] i [height], bo to HTML, a nie CSS. Prawie każdy tu robi to samo. Gdzie to widziałeś? :)
<div class="nav">
Używaj nowych tagów HTML5, tutaj: <nav>
<div class="socials">
<div class="socialdivs">
<div class="fb">
<i class="icon-facebook-1"></i>
</div>
<div class="yt">
<i class="icon-youtube"></i>
</div>
<div class="tw">
<i class="icon-twitter-bird"></i>
</div>
<div class="gplus">
<i class="icon-gplus"></i>
</div>
<div style="clear:both;"></div>
</div>
</div>
To powinna być lista.
I nie używaj <div style="clear:both;"></div>
Po prostu wystarczy do klasy .socials dodać overflow:hidden;
<div class="footer">
Retrogranie.com © Thank you for your visit Mario! But our princess is in another castle!
</div>
A tu użyj tagu <footer>
<script href="jquery-2.2.3.min.js"></script> <-- to zaniechałem, js to jeszcze dla mnie zbyt wiele
Hehe, nie ma to jak na zapas, szablonowo, dodawać bibliotekę jQuery, jakby bez tego strona nie miała prawa zadziałać ;D
Polecam tutorial Semantyczny blog w HTML5
http://tutorials.comandeer.pl/html5-blog.html