background:#f9d0e9} *{padding:0} *{margin:0}  [name=main]{font-family:Lucida Calligraphy} [name=main]{position:relative} [name=main]{width:980px} [name=main]{height:auto} [name=main]{margin:0 auto} [name=main]{font-size:15px} [name=main]{color:#9f246c} [name=lado-a]{float:left} [name=lado-a]{width:423px} [name=lado-a]{height:860px} [name=lado-a]{margin:100px 0 0 67px} [name=topo]{width:392px} [name=topo]{height:192px} [name=img-user]{float:left} [name=img-user]{border-radius:50%} [name=img-user]{padding:5px} [name=img-user]{box-sizing:border-box} [name=img-user]{background:#9f246c} [name=infor-user]{float:left} [name=infor-user]{margin-left:10px} h1{font-size:50px} h2{font-size:50px} h2{color:#fff} h2{margin:-25px 0 0 40px} span{font-size:22px} span{margin:-20px 0 0 40px} span{display:table} h3{width:382px} h3{line-height:30px} h3{background:white} h3{padding-left:10px} h3{font-weight:300} h3{margin-top:30px} p{width:392px} p{margin-top:25px} embed{margin-top:25px} embed{border-bottom:10px solid #9f246c} [name=lado-b]{float:left} [name=lado-b]{width:423px} [name=lado-b]{height:860px} [name=lado-b]{margin-top:100px} [name=lado-b]{border-left:solid 1px #9f426c} [name=slide]{width:392px} [name=slide]{height:78px} [name=slide]{margin-left:31px} [name=slide]{border-top:solid 1px #9f246c} [name=slide]{overflow:hidden} [name=slide]{margin-bottom:15px} [name=slide]{transition:all .4s} [name=slide]{cursor:pointer} [name=slide]:hover{height:480px} [name=img-icon]{margin:10px 0} [name=cred]{display:table} [name=cred]{font-family:sans-serif} [name=cred]{font-size:12px} [name=cred]{text-align:center} [name=cred]{margin:20px auto} [name=cred]{padding-top:30px;}






<div name="main">
    <div name="lado-a">
        <div name="topo">
            <img name="img-user" src="http://i.cubeupload.com/CNhErP.jpg" width="145/" />
            <div name="infor-user">
                <h1>Olá!</h1>
                <h2>Camila</h2>
                <span>xat.me</span>
            </div>
        </div>
        <h3>Bem vindo(a) ao meu xatspace!</h3>
        <p>
            Eu gosto do impossível, tenho medo do provável, dou risada do ridículo e choro porque tenho vontade, mas nem sempre tenho motivo.
             Tenho um sorriso confiante que às vezes não demonstra o tanto de insegurança por trás dele.
             Sou inconstante e talvez imprevisível.
             Não gosto de rotina. Eu amo de verdade aqueles para quem eu digo isso, e me irrito de forma inexplicável quando não botam fé nas minhas palavras.
             Nem sempre coloco em prática aquilo que eu julgo certo.
             São poucas as pessoas para quem eu me explico...
        </p>
        <embed src="http://www.youtube.com/embed/sbZ79WJxqTc?start=0&end=0&autohide=1&autoplay=1&controls=0&disablekb=1&iv_load_policy=3&loop=1&modestbranding=1&rel=0&showinfo=0&vq=large" height="221" width="392/" />
    </div>
    <div name="lado-b">
        <div name="slide">
            <img name="img-icon" src="http://i.cubeupload.com/0lTHFD.jpg" width="60/" />
            <img name="img-slide" src="http://i.cubeupload.com/0lTHFD.jpg" width="392/" />
        </div>
        <div name="slide">
            <img name="img-icon" src="http://i.cubeupload.com/H8G5aq.jpg" width="60/" />
            <img name="img-slide" src="http://i.cubeupload.com/H8G5aq.jpg" width="392/" />
        </div>
        <div name="slide">
            <img name="img-icon" src="http://i.cubeupload.com/4dNRCP.jpg" width="60/" />
            <img name="img-slide" src="http://i.cubeupload.com/4dNRCP.jpg" width="392/" />
        </div>
        <div name="slide">
            <img name="img-icon" src="http://i.cubeupload.com/PzWzHg.jpg" width="60/" />
            <img name="img-slide" src="http://i.cubeupload.com/PzWzHg.jpg" width="392/" />
        </div>
        <div name="slide">
            <img name="img-icon" src="http://i.cubeupload.com/gJIqEu.jpg" width="60/" />
            <img name="img-slide" src="http://i.cubeupload.com/gJIqEu.jpg" width="392/" />
        </div>
    </div>
    <span name="cred"> <br />
        </span>
</div>