Código Página HTML

4 participantes

Ir para baixo

Tópico resolvido Código Página HTML

Mensagem 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
Tupac
Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Tópico resolvido Re: Código Página HTML

Mensagem 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="">
      <!--[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>
avatar
Luis_xD
****

Membro desde : 14/03/2015
Mensagens : 220
Pontos : 320

http://teesteforumeiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código Página HTML

Mensagem por Tupac 06.06.15 0:11

Não é este ;(
Tupac
Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Tópico resolvido Re: Código Página HTML

Mensagem 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="" />
      <!--[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.
DeeW.
DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Tópico resolvido Re: Código Página HTML

Mensagem 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="" />
 <!--[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..
Tupac
Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Tópico resolvido Re: Código Página HTML

Mensagem 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="" />
      <!--[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
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código Página HTML

Mensagem 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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos