Código Página HTML

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Código Página HTML

Mensagem por Tupac em 05/06/15, 06:10 pm

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

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 505

Ver perfil do usuário http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Resolvido Re: Código Página HTML

Mensagem por Luis_xD em 05/06/15, 07:44 pm

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="">
      <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
      <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>
         &lt;link rel="stylesheet" href="css/skel-noscript.css" /&gt;
         &lt;link rel="stylesheet" href="css/style.css" /&gt;
      </noscript>
      <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
   </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 -->
         <header id="header" class="loading" style="opacity: 1;">

            <!-- Logo -->
               <h1 id="logo"><a href="#">Metslipe</a></h1>
            
            <!-- Nav -->
               <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>
         
      <!-- Intro -->
         <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>
      
      <!-- One -->
         <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>
      
      <!-- Two -->
         <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>
         
      <!-- Work -->
         <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>
               
               <!--
                   Lightbox Gallery
                  
                   Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
               -->
                  <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>
         
      <!-- Contact -->
         <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">
               
                  <!--
                      Contact Form
                     
                      To get this working, place a script on your server to receive the form data, then
                      point the "action" attribute to it (eg. action="http://mydomain.tld/").
                      More on how it all works here: http://www.1stwebdesigner.com/tutorials/custom-php-contact-forms/
                  -->
                          <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 -->
         <footer id="footer">
         
            <!--
                Social Icons
               
                Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
            -->
               <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>

            <!-- Menu -->
               <ul class="menu">
                  <li>© Metslipe. Rights Reserved.</li>
                  
               </ul>
         
         </footer>

   
</body></html>

Luis_xD
Nível 9

Masculino
Inscrito dia : 14/03/2015
Mensagens : 220
Pontos Ativos : 320

Ver perfil do usuário http://teesteforumeiros.forumeiros.com/

Resolvido Re: Código Página HTML

Mensagem por Tupac em 05/06/15, 08:11 pm

Não é este ;(
avatar

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 505

Ver perfil do usuário http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Resolvido Re: Código Página HTML

Mensagem por DeeW. em 06/06/15, 01:55 pm

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="" />
      <!--[if lte IE 8]><script src="http://metslipe.com.br/css/ie/html5shiv.js"></script><![endif]-->
      <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" />
      <!--[if lte IE 8]><link rel="stylesheet" href="http://metslipe.com.br/css/ie/v8.css" /><![endif]-->
   </head>
   <body>

      <!-- Header -->
         <header id="header">

            <!-- Logo -->
               <h1 id="logo"><a href="#">Metslipe</a></h1>
            
            <!-- Nav -->
               <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>
         
      <!-- Intro -->
         <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>
      
      <!-- One -->
         <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>
      
      <!-- Two -->
         <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>
         
      <!-- Work -->
         <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>
               
               <!--
                   Lightbox Gallery
                  
                   Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
               -->
                  <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>
         
      <!-- Contact -->
         <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">
               
                  <!--
                      Contact Form
                     
                      To get this working, place a script on your server to receive the form data, then
                      point the "action" attribute to it (eg. action="http://mydomain.tld/").
                      More on how it all works here: http://www.1stwebdesigner.com/tutorials/custom-php-contact-forms/
                  -->
                          <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 -->
         <footer id="footer">
         
            <!--
                Social Icons
               
                Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
            -->
               <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>

            <!-- Menu -->
               <ul class="menu">
                  <li>© Metslipe. Rights Reserved.</li>
                  
               </ul>
         
         </footer>

   </body>
</html>

Não retire os créditos do criador.
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Código Página HTML

Mensagem por Tupac em 06/06/15, 06:45 pm

@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="" />
 <!--[if lte IE 8]><script src="http://metslipe.com.br/css/ie/html5shiv.js"></script><![endif]-->
 <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" />
 <!--[if lte IE 8]><link rel="stylesheet" href="http://metslipe.com.br/css/ie/v8.css" /><![endif]-->
 </head>
 <body>

 <!-- Header -->
 <header id="header">

 <!-- Logo -->
 <h1 id="logo"><a href="#">Metslipe</a></h1>
 
 <!-- Nav -->
 <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>
 
 <!-- Intro -->
 <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>
 
 <!-- One -->
 <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>
 
 <!-- Two -->
 <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>
 
 <!-- Work -->
 <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>
 
 <!--
 Lightbox Gallery
 
 Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
 -->
 <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>
 
 <!-- Contact -->
 <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">
 
 <!--
 Contact Form
 
 To get this working, place a script on your server to receive the form data, then
 point the "action" attribute to it (eg. action="http://mydomain.tld/").
 More on how it all works here: http://www.1stwebdesigner.com/tutorials/custom-php-contact-forms/
 -->
        <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 -->
 <footer id="footer">
 
 <!--
     Social Icons
    
     Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
 -->
 <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>

 <!-- Menu -->
 <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..
avatar

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 505

Ver perfil do usuário http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Resolvido Re: Código Página HTML

Mensagem por Rafael em 07/06/15, 03:17 pm

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="" />
      <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
      <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">
      <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
            <script></script>
   </head>
   <body>

      <!-- Header -->
         <header id="header">

            <!-- Logo -->
               <h1 id="logo"><a href="#">Metslipe</a></h1>
            
            <!-- Nav -->
               <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>
         
      <!-- Intro -->
         <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>
      
      <!-- One -->
         <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>
      
      <!-- Two -->
         <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>
         
      <!-- Work -->
         <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>
               
               <!--
                   Lightbox Gallery
                  
                   Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
               -->
                  <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>
         
      <!-- Contact -->
         <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">
               
                  <!--
                      Contact Form
                     
                      To get this working, place a script on your server to receive the form data, then
                      point the "action" attribute to it (eg. action="http://mydomain.tld/").
                      More on how it all works here: http://www.1stwebdesigner.com/tutorials/custom-php-contact-forms/
                  -->
                          <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 -->
         <footer id="footer">
         
            <!--
                Social Icons
               
                Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
            -->
               <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>

            <!-- Menu -->
               <ul class="menu">
                  <li>© Metslipe. Rights Reserved.</li>
                  
               </ul>
         
         </footer>

   </body>
</html>

Até mais,
iChees.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Código Página HTML

Mensagem por Rafael em 13/06/15, 07:35 pm

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.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum