Código Página HTML

Item: Código Página HTML
Rating: 1

por Tupac 05.06.15 22:10

Olá, queria pedir para alguém me passar o código desta página..
http://metslipe.com.br/
Agradecido! Mostrando a lingua

por Luis_xD 05.06.15 23:44

Olá Aqui está

Código:: <html class=" max wide normal"><div style="display: none; position: fixed; left: 0px; top: 0px; z-index: 10001; width: 200%; height: 200%; cursor: pointer; background-color: rgb(31, 35, 40);"></div><head> <script async="" src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=919620257c/cloudflare.min.js"></script><script type="text/javascript"> //<![CDATA[ try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"c2a77f2725eb817eb6b51b49f24d7909",petok:"f296fe0e1f41d0e13b68ab61e781c1aeac5b8bd3-1422386402-1800",zone:"elevamodelos.com.br",rocket:"0",apps:{}}];CloudFlare.push({"apps":{"ape":"905a00fc603bf7f9d7fbc2e5310e0241"}});!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=919620257c/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){}; //]]> </script> <title>Metslipe - Web Site</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="description" content=""> <meta name="keywords" content="">  <script src="js/jquery.min.js"></script><style type="text/css"></style><style type="text/css">.cf-hidden { display: none; } .cf-invisible { visibility: hidden; }</style> <script src="js/jquery.poptrox.min.js"></script> <style type="text/css">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}</style><style type="text/css">@-ms-viewport{width: device-width}</style><style type="text/css">*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}</style><style type="text/css">body{min-width:1200px}.container{margin-left:auto;margin-right:auto;width:1200px}.container.small{width:900px}.container.big{width:100%;max-width:1500px;min-width:1200px}</style><style type="text/css">.\31 2u{width:100%}.\31 1u{width:91.6666666667%}.\31 0u{width:83.3333333333%}.\39 u{width:75%}.\38 u{width:66.6666666667%}.\37 u{width:58.3333333333%}.\36 u{width:50%}.\35 u{width:41.6666666667%}.\34 u{width:33.3333333333%}.\33 u{width:25%}.\32 u{width:16.6666666667%}.\31 u{width:8.3333333333%}.\-11u{margin-left:91.6666666667%}.\-10u{margin-left:83.3333333333%}.\-9u{margin-left:75%}.\-8u{margin-left:66.6666666667%}.\-7u{margin-left:58.3333333333%}.\-6u{margin-left:50%}.\-5u{margin-left:41.6666666667%}.\-4u{margin-left:33.3333333333%}.\-3u{margin-left:25%}.\-2u{margin-left:16.6666666667%}.\-1u{margin-left:8.3333333333%}</style><style type="text/css">.row>*{float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row:after{content:'';display:block;clear:both;height:0}.row:first-child>*{padding-top:0!important}</style><style type="text/css">.row.flush{margin-left:0}.row.flush>*{padding:0!important}.row>*{padding-left:40px}.row+.row>*{padding:40px 0 0 40px}.row{margin-left:-40px}.row.half>*{padding-left:20px}.row+.row.half>*{padding:20px 0 0 20px}.row.half{margin-left:-20px}.row.quarter>*{padding-left:10px}.row+.row.quarter>*{padding:10px 0 0 10px}.row.quarter{margin-left:-10px}.row.oneandhalf>*{padding-left:60px}.row+.row.oneandhalf>*{padding:60px 0 0 60px}.row.oneandhalf{margin-left:-60px}.row.double>*{padding-left:80px}.row+.row.double>*{padding:80px 0 0 80px}.row.double{margin-left:-80px}</style><style type="text/css">.not-max,.not-wide,.not-normal{display:none!important}.only-narrow,.only-narrower,.only-mobile,.only-mobile-narrow{display:none!important}</style><link rel="stylesheet" type="text/css" href="css/style.css"><link rel="stylesheet" type="text/css" href="css/style-wide.css"><link rel="stylesheet" type="text/css" href="css/style-normal.css"><script src="js/skel.min.js"></script> <script src="js/init.js"></script> <noscript> <link rel="stylesheet" href="css/skel-noscript.css" /> <link rel="stylesheet" href="css/style.css" /> </noscript>  </head> <body class="" style="opacity: 1;"><div class="poptrox-popup" style="display: none; position: fixed; z-index: 10002; width: 200px; height: 100px; left: 674.5px; top: 183.5px; margin-left: -100px; margin-top: -80px;"><div class="loader" style="display: none;"></div><div class="pic" style="display: none;"></div><div class="caption" style="display: none;"></div><span class="closer" style="cursor: pointer; display: none;">×</span><div class="nav-previous" style="display: none;"></div><div class="nav-next" style="display: none;"></div></div>  <header id="header" class="loading" style="opacity: 1;">  <h1 id="logo"><a href="#">Metslipe</a></h1>  <nav id="nav"> <ul> <li><a href="#intro">Inicio</a></li> <li><a href="#one">Quem sou eu</a></li> <li><a href="#two">Focação</a></li> <li><a href="#work">Meu trabalho</a></li> <li><a href="#contact">Contato</a></li> </ul> </nav> </header>  <section id="intro" class="main style1 dark fullscreen inactive" style="padding-top: 100px; padding-bottom: 100px;"> <div class="content container small"> <header> <h2>Hey,</h2> </header> <p>Caro Visitante, <strong>Bem Vindo</strong> ao meu Site, sou conhecido como <strong>Metslipe</strong>, aqui você conhecerá um pouco sobre mim, sobre meus trabalhos, o que tenho feito e muitas outras informações. Sinta-se Livre.</p> <footer> <a href="#one" class="button style2 down">Mais</a> </footer> </div> </section>  <section id="one" class="main style2 right dark fullscreen inactive" style="padding-top: 100px; padding-bottom: 100px;"> <div class="content box style2"> <header> <h2>Quem sou eu?</h2> </header> <p>Estou presente nas Áreas de Jogos e Design. Sou Músico Instrumentista, aplico palestras, participo de eventos, Youtuber, possuo Curso de Liderança, Dono de Grandes Servidores de Jogos, Programador de Sites e pré-formação em Psicologia e Medicina. </p> </div> <a href="#two" class="button style2 down anchored">Próximo</a> </section>  <section id="two" class="main style2 left dark fullscreen inactive" style="padding-top: 100px; padding-bottom: 100px;"> <div class="content box style2"> <header> <h2>Meu Foco</h2> </header> <p>Meu Foco atual, é levar meu conhecimento para ajuda a outras pessoas. Com pré-formação em Psicologia, dou palestras de Discipulados e Cursos de Liderança em diversas Áreas. Dando aulas de músicas e administrando o que estiver ao meu alcance.</p> </div> <a href="#work" class="button style2 down anchored">Next</a> </section>  <section id="work" class="main style3 primary"> <div class="content container"> <header> <h2>Meu Trabalho</h2> <p>Admiro fotos, é a maneira mais fácil de registrar um belo momento, independente de qual seja ele, afinal, momentos não são voltados, apenas relembrados, por isto, estou me formando em Fotografia, abaixo algumas fotos editadas. Algumas delas foram retiradas da Web e tomei a liberdade de editá-las...</p> </header>  <div class="container small gallery"> <div class="row flush images inactive"> <div class="6u"><a href="" class="image full l" style="outline: 0px;"><img src="images/thumbs/01.jpg" title="" alt=""></a></div> <div class="6u"><a href="" class="image full r" style="outline: 0px;"><img src="images/thumbs/02.jpg" title="" alt=""></a></div> </div> <div class="row flush images inactive"> <div class="6u"><a href="" class="image full l" style="outline: 0px;"><img src="images/thumbs/03.jpg" title="" alt=""></a></div> <div class="6u"><a href="" class="image full r" style="outline: 0px;"><img src="images/thumbs/04.jpg" title="" alt=""></a></div> </div> <div class="row flush images inactive"> <div class="6u"><a href="" class="image full l" style="outline: 0px;"><img src="images/thumbs/05.jpg" title="" alt=""></a></div> <div class="6u"><a href="" class="image full r" style="outline: 0px;"><img src="images/thumbs/06.jpg" title="" alt=""></a></div> </div> </div> </div> </section>  <section id="contact" class="main style3 secondary inactive"> <div class="content container"> <header> <h2>Diga Olá,.</h2> <p>Quer falar comigo? Adicione-me no SKYPE (metslipe) ou Preencha o Formulário de Contato abaixo que responderei com um e-mail o mais breve possível!</p> </header> <div class="box container small">  <form action="mail.php" method="POST"> <div class="row half"> <div class="6u"><input type="text" name="name" placeholder="Nome Completo"></div> <div class="6u"><input type="text" name="email" placeholder="Seu E-mail"></div> </div> <div class="row half"> <div class="12u"><textarea name="message" placeholder="Mensagem" rows="6"></textarea></div> </div> <div class="row"> <div class="12u"> <ul class="actions"> <li><input type="submit" class="button" value="Enviar Mensagem"></li> </ul> </div> </div> </form> </div> </div> </section>  <footer id="footer">  <ul class="actions"> <li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li> <li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li> <li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li> <li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li> <li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li> <li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li> </ul>  <ul class="menu"> <li>© Metslipe. Rights Reserved.</li> </ul> </footer> </body></html>

por Tupac 06.06.15 0:11

Não é este ;(

por DeeW. 06.06.15 17:55

Aqui está:

Código:: <!DOCTYPE HTML> <html> <head> <title>Metslipe - Web Site</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" />  <script src="http://metslipe.com.br/js/jquery.min.js"></script> <script src="http://metslipe.com.br/js/jquery.poptrox.min.js"></script> <script src="http://metslipe.com.br/js/skel.min.js"></script> <script src="http://metslipe.com.br/js/init.js"></script> <link rel="stylesheet" href="http://metslipe.com.br/css/skel-noscript.css" /> <link rel="stylesheet" href="http://metslipe.com.br/css/style.css" />  </head> <body>  <header id="header">  <h1 id="logo"><a href="#">Metslipe</a></h1>  <nav id="nav"> <ul> <li><a href="#intro">Inicio</a></li> <li><a href="#one">Quem sou eu</a></li> <li><a href="#two">Focação</a></li> <li><a href="#work">Meu trabalho</a></li> <li><a href="#contact">Contato</a></li> </ul> </nav> </header>  <section id="intro" class="main style1 dark fullscreen"> <div class="content container small"> <header> <h2>Hey,</h2> </header> <p>Caro Visitante, <strong>Bem Vindo</strong> ao meu Site, sou conhecido como <strong>Metslipe</strong>, aqui você conhecerá um pouco sobre mim, sobre meus trabalhos, o que tenho feito e muitas outras informações. Sinta-se Livre.</p> <footer> <a href="#one" class="button style2 down">Mais</a> </footer> </div> </section>  <section id="one" class="main style2 right dark fullscreen"> <div class="content box style2"> <header> <h2>Quem sou eu?</h2> </header> <p>Estou presente nas Áreas de Jogos e Design. Sou Músico Instrumentista, aplico palestras, participo de eventos, Youtuber, possuo Curso de Liderança, Dono de Grandes Servidores de Jogos, Programador de Sites e pré-formação em Psicologia e Medicina. </p> </div> <a href="#two" class="button style2 down anchored">Próximo</a> </section>  <section id="two" class="main style2 left dark fullscreen"> <div class="content box style2"> <header> <h2>Meu Foco</h2> </header> <p>Meu Foco atual, é levar meu conhecimento para ajuda a outras pessoas. Com pré-formação em Psicologia, dou palestras de Discipulados e Cursos de Liderança em diversas Áreas. Dando aulas de músicas e administrando o que estiver ao meu alcance.</p> </div> <a href="#work" class="button style2 down anchored">Next</a> </section>  <section id="work" class="main style3 primary"> <div class="content container"> <header> <h2>Meu Trabalho</h2> <p>Admiro fotos, é a maneira mais fácil de registrar um belo momento, independente de qual seja ele, afinal, momentos não são voltados, apenas relembrados, por isto, estou me formando em Fotografia, abaixo algumas fotos editadas. Algumas delas foram retiradas da Web e tomei a liberdade de editá-las...</p> </header>  <div class="container small gallery"> <div class="row flush images"> <div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="images/thumbs/01.jpg" title="The Anonymous Red" alt="" /></a></div> <div class="6u"><a href="images/fulls/02.jpg" class="image full r"><img src="images/thumbs/02.jpg" title="Airchitecture II" alt="" /></a></div> </div> <div class="row flush images"> <div class="6u"><a href="images/fulls/03.jpg" class="image full l"><img src="images/thumbs/03.jpg" title="Air Lounge" alt="" /></a></div> <div class="6u"><a href="images/fulls/04.jpg" class="image full r"><img src="images/thumbs/04.jpg" title="Carry on" alt="" /></a></div> </div> <div class="row flush images"> <div class="6u"><a href="images/fulls/05.jpg" class="image full l"><img src="images/thumbs/05.jpg" title="The sparkling shell" alt="" /></a></div> <div class="6u"><a href="images/fulls/06.jpg" class="image full r"><img src="images/thumbs/06.jpg" title="Bent IX" alt="" /></a></div> </div> </div> </div> </section>  <section id="contact" class="main style3 secondary"> <div class="content container"> <header> <h2>Diga Olá,.</h2> <p>Quer falar comigo? Adicione-me no SKYPE (metslipe) ou Preencha o Formulário de Contato abaixo que responderei com um e-mail o mais breve possível!</p> </header> <div class="box container small">  <form action="mail.php" method="POST"> <div class="row half"> <div class="6u"><input type="text" name="name" placeholder="Nome Completo" /></div> <div class="6u"><input type="text" name="email" placeholder="Seu E-mail" /></div> </div> <div class="row half"> <div class="12u"><textarea name="message" placeholder="Mensagem" rows="6"></textarea></div> </div> <div class="row"> <div class="12u"> <ul class="actions"> <li><input type="submit" class="button" value="Enviar Mensagem" /></li> </ul> </div> </div> </form> </div> </div> </section>  <footer id="footer">  <ul class="actions"> <li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li> <li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li> <li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li> <li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li> <li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li> <li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li> </ul>  <ul class="menu"> <li>© Metslipe. Rights Reserved.</li> </ul> </footer> </body> </html>

Não retire os créditos do criador.

por Tupac 06.06.15 22:45

DeeW. escreveu:Aqui está:

Código:
<!DOCTYPE HTML> <html> <head> <title>Metslipe - Web Site</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" />  <script src="http://metslipe.com.br/js/jquery.min.js"></script> <script src="http://metslipe.com.br/js/jquery.poptrox.min.js"></script> <script src="http://metslipe.com.br/js/skel.min.js"></script> <script src="http://metslipe.com.br/js/init.js"></script> <link rel="stylesheet" href="http://metslipe.com.br/css/skel-noscript.css" /> <link rel="stylesheet" href="http://metslipe.com.br/css/style.css" />  </head> <body>  <header id="header">  <h1 id="logo"><a href="#">Metslipe</a></h1>  <nav id="nav"> <ul> <li><a href="#intro">Inicio</a></li> <li><a href="#one">Quem sou eu</a></li> <li><a href="#two">Focação</a></li> <li><a href="#work">Meu trabalho</a></li> <li><a href="#contact">Contato</a></li> </ul> </nav> </header>  <section id="intro" class="main style1 dark fullscreen"> <div class="content container small"> <header> <h2>Hey,</h2> </header> <p>Caro Visitante, <strong>Bem Vindo</strong> ao meu Site, sou conhecido como <strong>Metslipe</strong>, aqui você conhecerá um pouco sobre mim, sobre meus trabalhos, o que tenho feito e muitas outras informações. Sinta-se Livre.</p> <footer> <a href="#one" class="button style2 down">Mais</a> </footer> </div> </section>  <section id="one" class="main style2 right dark fullscreen"> <div class="content box style2"> <header> <h2>Quem sou eu?</h2> </header> <p>Estou presente nas Áreas de Jogos e Design. Sou Músico Instrumentista, aplico palestras, participo de eventos, Youtuber, possuo Curso de Liderança, Dono de Grandes Servidores de Jogos, Programador de Sites e pré-formação em Psicologia e Medicina. </p> </div> <a href="#two" class="button style2 down anchored">Próximo</a> </section>  <section id="two" class="main style2 left dark fullscreen"> <div class="content box style2"> <header> <h2>Meu Foco</h2> </header> <p>Meu Foco atual, é levar meu conhecimento para ajuda a outras pessoas. Com pré-formação em Psicologia, dou palestras de Discipulados e Cursos de Liderança em diversas Áreas. Dando aulas de músicas e administrando o que estiver ao meu alcance.</p> </div> <a href="#work" class="button style2 down anchored">Next</a> </section>  <section id="work" class="main style3 primary"> <div class="content container"> <header> <h2>Meu Trabalho</h2> <p>Admiro fotos, é a maneira mais fácil de registrar um belo momento, independente de qual seja ele, afinal, momentos não são voltados, apenas relembrados, por isto, estou me formando em Fotografia, abaixo algumas fotos editadas. Algumas delas foram retiradas da Web e tomei a liberdade de editá-las...</p> </header>  <div class="container small gallery"> <div class="row flush images"> <div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="images/thumbs/01.jpg" title="The Anonymous Red" alt="" /></a></div> <div class="6u"><a href="images/fulls/02.jpg" class="image full r"><img src="images/thumbs/02.jpg" title="Airchitecture II" alt="" /></a></div> </div> <div class="row flush images"> <div class="6u"><a href="images/fulls/03.jpg" class="image full l"><img src="images/thumbs/03.jpg" title="Air Lounge" alt="" /></a></div> <div class="6u"><a href="images/fulls/04.jpg" class="image full r"><img src="images/thumbs/04.jpg" title="Carry on" alt="" /></a></div> </div> <div class="row flush images"> <div class="6u"><a href="images/fulls/05.jpg" class="image full l"><img src="images/thumbs/05.jpg" title="The sparkling shell" alt="" /></a></div> <div class="6u"><a href="images/fulls/06.jpg" class="image full r"><img src="images/thumbs/06.jpg" title="Bent IX" alt="" /></a></div> </div> </div> </div> </section>  <section id="contact" class="main style3 secondary"> <div class="content container"> <header> <h2>Diga Olá,.</h2> <p>Quer falar comigo? Adicione-me no SKYPE (metslipe) ou Preencha o Formulário de Contato abaixo que responderei com um e-mail o mais breve possível!</p> </header> <div class="box container small">  <form action="mail.php" method="POST"> <div class="row half"> <div class="6u"><input type="text" name="name" placeholder="Nome Completo" /></div> <div class="6u"><input type="text" name="email" placeholder="Seu E-mail" /></div> </div> <div class="row half"> <div class="12u"><textarea name="message" placeholder="Mensagem" rows="6"></textarea></div> </div> <div class="row"> <div class="12u"> <ul class="actions"> <li><input type="submit" class="button" value="Enviar Mensagem" /></li> </ul> </div> </div> </form> </div> </div> </section>  <footer id="footer">  <ul class="actions"> <li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li> <li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li> <li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li> <li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li> <li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li> <li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li> </ul>  <ul class="menu"> <li> Metslipe. Rights Reserved.</li> </ul> </footer> </body> </html>

Não retire os créditos do criador.

Claro que não, Rindo

A página está muito maior que o normal, demora um tempo bom para subir a página..

por RafaelS. 07.06.15 19:17

Olá @Khalifa,

Veja se é isto:

Código:: <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> //<![CDATA[ try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"c2a77f2725eb817eb6b51b49f24d7909",petok:"f296fe0e1f41d0e13b68ab61e781c1aeac5b8bd3-1422386402-1800",zone:"elevamodelos.com.br",rocket:"0",apps:{}}];CloudFlare.push({"apps":{"ape":"905a00fc603bf7f9d7fbc2e5310e0241"}});!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=919620257c/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){}; //]]> </script> <title>Metslipe - Web Site</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" />  <script src="http://metslipe.com.br/js/jquery.min.js"></script> <script src="http://metslipe.com.br/js/jquery.poptrox.min.js"></script> <script src="http://metslipe.com.br/js/skel.min.js"></script> <script src="http://metslipe.com.br/js/init.js"></script> <noscript> <link rel="stylesheet" href="http://metslipe.com.br/css/skel-noscript.css" /> </noscript> <link rel="stylesheet" href="http://metslipe.com.br/css/style.css">  <script></script> </head> <body>  <header id="header">  <h1 id="logo"><a href="#">Metslipe</a></h1>  <nav id="nav"> <ul> <li><a href="#intro">Inicio</a></li> <li><a href="#one">Quem sou eu</a></li> <li><a href="#two">Focação</a></li> <li><a href="#work">Meu trabalho</a></li> <li><a href="#contact">Contato</a></li> </ul> </nav> </header>  <section id="intro" class="main style1 dark fullscreen"> <div class="content container small"> <header> <h2>Hey,</h2> </header> <p>Caro Visitante, <strong>Bem Vindo</strong> ao meu Site, sou conhecido como <strong>Metslipe</strong>, aqui você conhecerá um pouco sobre mim, sobre meus trabalhos, o que tenho feito e muitas outras informações. Sinta-se Livre.</p> <footer> <a href="#one" class="button style2 down">Mais</a> </footer> </div> </section>  <section id="one" class="main style2 right dark fullscreen"> <div class="content box style2"> <header> <h2>Quem sou eu?</h2> </header> <p>Estou presente nas Áreas de Jogos e Design. Sou Músico Instrumentista, aplico palestras, participo de eventos, Youtuber, possuo Curso de Liderança, Dono de Grandes Servidores de Jogos, Programador de Sites e pré-formação em Psicologia e Medicina. </p> </div> <a href="#two" class="button style2 down anchored">Próximo</a> </section>  <section id="two" class="main style2 left dark fullscreen"> <div class="content box style2"> <header> <h2>Meu Foco</h2> </header> <p>Meu Foco atual, é levar meu conhecimento para ajuda a outras pessoas. Com pré-formação em Psicologia, dou palestras de Discipulados e Cursos de Liderança em diversas Áreas. Dando aulas de músicas e administrando o que estiver ao meu alcance.</p> </div> <a href="#work" class="button style2 down anchored">Next</a> </section>  <section id="work" class="main style3 primary"> <div class="content container"> <header> <h2>Meu Trabalho</h2> <p>Admiro fotos, é a maneira mais fácil de registrar um belo momento, independente de qual seja ele, afinal, momentos não são voltados, apenas relembrados, por isto, estou me formando em Fotografia, abaixo algumas fotos editadas. Algumas delas foram retiradas da Web e tomei a liberdade de editá-las...</p> </header>  <div class="container small gallery"> <div class="row flush images"> <div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="images/thumbs/01.jpg" title="The Anonymous Red" alt="" /></a></div> <div class="6u"><a href="images/fulls/02.jpg" class="image full r"><img src="images/thumbs/02.jpg" title="Airchitecture II" alt="" /></a></div> </div> <div class="row flush images"> <div class="6u"><a href="images/fulls/03.jpg" class="image full l"><img src="images/thumbs/03.jpg" title="Air Lounge" alt="" /></a></div> <div class="6u"><a href="images/fulls/04.jpg" class="image full r"><img src="images/thumbs/04.jpg" title="Carry on" alt="" /></a></div> </div> <div class="row flush images"> <div class="6u"><a href="images/fulls/05.jpg" class="image full l"><img src="images/thumbs/05.jpg" title="The sparkling shell" alt="" /></a></div> <div class="6u"><a href="images/fulls/06.jpg" class="image full r"><img src="images/thumbs/06.jpg" title="Bent IX" alt="" /></a></div> </div> </div> </div> </section>  <section id="contact" class="main style3 secondary"> <div class="content container"> <header> <h2>Diga Olá,.</h2> <p>Quer falar comigo? Adicione-me no SKYPE (metslipe) ou Preencha o Formulário de Contato abaixo que responderei com um e-mail o mais breve possível!</p> </header> <div class="box container small">  <form action="mail.php" method="POST"> <div class="row half"> <div class="6u"><input type="text" name="name" placeholder="Nome Completo" /></div> <div class="6u"><input type="text" name="email" placeholder="Seu E-mail" /></div> </div> <div class="row half"> <div class="12u"><textarea name="message" placeholder="Mensagem" rows="6"></textarea></div> </div> <div class="row"> <div class="12u"> <ul class="actions"> <li><input type="submit" class="button" value="Enviar Mensagem" /></li> </ul> </div> </div> </form> </div> </div> </section>  <footer id="footer">  <ul class="actions"> <li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li> <li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li> <li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li> <li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li> <li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li> <li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li> </ul>  <ul class="menu"> <li>© Metslipe. Rights Reserved.</li> </ul> </footer> </body> </html>

Até mais,
iChees.

por RafaelS. 13.06.15 23:35

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Código Página HTML

Código Página HTML

Re: Código Página HTML

Re: Código Página HTML

Re: Código Página HTML

Re: Código Página HTML

Re: Código Página HTML

Re: Código Página HTML