Dúvida | HTML5 e CSS3 I: Suas primeiras páginas da Web | Alura

Olá estou enviando o código do html o do css já enviei porque meu programa nunca fica igual ao do exemplo do professor

<link rel="stylesheet"  href="bio.css">
<link rel="stylesheet"  href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
<link rel="stylesheet"  href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">

   <main>
 <h1 style="font-size: 60px; background-color: #851944; color:#F2FFFC; text-align: center; 
            font font-family: Arial; margin: 0; text-transform: uppercase;">SOBRE MIM</h1> 
<p>Moro em São Paulo</p>
<p>Trabalhando usando a web como plataforma</p>
<h2>Como trabalho</h2>
<blockquote class="Fiat">
<p>João é o melhor desenvolvedor com quem já trabalhei.</p>
<cite>José de Souza, Fiat</cite>
 </blockquote>
 <p>Trabalho com o que há de mais moderno no mundo da programação</p>    

<h2>Experiência</h2>
<blockquote class="petrobrás">
<p>João domina a tecnologia como ninguém</p>
<cite>Manoel Santos, petrobrás</cite>
</blockquote>

<p>Já desenvolvi projetos para grandes empresas como<a href="http://WWW.bmw.com">BMW</a> <a href="http://WWW.uol.com.br">UOL</a>e<a href="http://WWW.ibm.com.br">IBM</a>                                                                                             
<p>Também já fui contratado para transformar grandes empresas.</p>

<h2>Comunidades</h2>
<p>Procuro repassar meu conhecimento. Para isso tenho um <a href="blog.html">blog</a></p>

</div>
</main>
<img src="eu.jpg" alt="Foto de João da Silva">
<aside>
<nav>

<h1>João da Silva</h1>
<ul class="icones-sociais"> 
        <li><a href="index.html">Home</a></li>
        <li><a href="portfolio.html">portfolio</a></li>
        <li><a href="bio.html">Sobre mim</a></li>
        <li><a href="blog.html">Blog</a></li> 
        <li><a href="contato.html">contato<a></li>

</ul>
<ul class= "icones-sociais2">

    &copy;João da Silva,2014



    <ul class="icones-sociais social-rodape">
    <li><a href="http://github.com/JoãodaSilva"><img src="github.png" alt="github"></a></li>
    <li><a href="http://twitter.com/JoãodaSilva"><img src= "twitter.png" alt="twitter"></a></li>    
    <li><a href="http://br.linked.com/pub/linkedin-joao-da-silva/32/4/508"><img src="linkedIn.png"
        alt="linkedin"></a></li>

    </ul>    

</footer>

Mergulhe em programação