Merge pull request #17 from felipe-seabra/updateTemplateNew

Update template new

Author: felipe-seabra

index.html

@@ -36,15 +36,15 @@ <h2 class="logo navbar-brand">Portfó<span>lio</span></h2>
             class="navbar-toggler"
             type="button"
             data-toggle="collapse"
-            data-target="#navbarNavAltMarkup"
-            aria-controls="navbarNavAltMarkup"
+            data-target="#nav-felipe"
+            aria-controls="nav-felipe"
             aria-expanded="false"
             aria-label="Alterna navegação"
           >
             <span class="navbar-toggler-icon"></span>
           </button>
           <!--Logo-->
-          <div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
+          <div class="collapse navbar-collapse justify-content-center" id="nav-felipe">
             <ul class="cabeçalho-link navbar-nav">
               <li class="nav-item active">
                 <a class="nav-link" href="#">Home<span class="sr-only">(Página atual)</span></a>
@@ -61,9 +61,7 @@ <h2 class="logo navbar-brand">Portfó<span>lio</span></h2>
             </ul>
             <!--cabeçalho-link-->
           </div>
-          <a href="https://www.linkedin.com/in/felipe-seabra/" target="_blank" class="btn d-none d-lg-block"
-            >Linkedin</a
-          >
+          <a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
         </nav>
 
         <div class="Main">
@@ -104,7 +102,7 @@ <h5>Desenvolvedor <span>web</span></h5>
                 <strong> Minhas paixões são:</strong> aprender coisas novas, <em> codar </em>, jogos digitais, procurar
                 o que consertar e <em>animais</em>!
               </p>
-              <a href="https://www.linkedin.com/in/felipe-seabra/" target="_blank" class="btn">Vamos conversar</a
+              <a target="_blank" class="btn link-linkedin">Vamos conversar</a
               ><!--Button-->
             </div>
             <!--Text-sobre-->
@@ -152,14 +150,17 @@ <h5 class="card-title">Projeto Pixels Art</h5>
             <h5>Em Contrução</h5>
           </div>
         </div>
+        <div class="container text-center mt-5">
+          <a href="/projects.html" class="btn">Todos os Projetos</a>
+        </div>
         <!--Caixa-->
       </div>
       <!--Conatiner-serviços-->
 
       <!--Contatos-->
       <div class="me-contate container-fluid text-center" id="contact">
         <p>Contate para saber mais</p>
-        <a href="https://www.linkedin.com/in/felipe-seabra/" target="_blank" class="btn">Enviar mensagem</a
+        <a target="_blank" class="btn link-linkedin">Enviar mensagem</a
         ><!--button-->
       </div>
       <!--me-contate-->
@@ -169,9 +170,9 @@ <h5>Em Contrução</h5>
       <h6>Felipe Seabra</h6>
       <p>Para mais informações - clique nos links abaixo</p>
       <div class="Redes-sociais">
-        <a href="https://github.com/felipe-seabra" target="_blank"><i class="fab fa-github"></i></a>
-        <a href="https://www.linkedin.com/in/felipe-seabra/" target="_blank"><i class="fab fa-linkedin"></i></a>
-        <a href="https://www.instagram.com/rocefelipe/" target="_blank"><i class="fab fa-instagram"></i></a>
+        <a class="link-github" target="_blank"><i class="fab fa-github"></i></a>
+        <a class="link-linkedin" target="_blank"><i class="fab fa-linkedin"></i></a>
+        <a class="link-instagram" target="_blank"><i class="fab fa-instagram"></i></a>
       </div>
       <!--Redes-sociais-->
       <p class="end">Felipe S. - &copy; 2022</p>

projects.html

@@ -33,35 +33,35 @@
     <header>
       <div class="bg-navbar container-fluid bg-navbar">
         <nav class="navbar navbar-expand-md sticky-top">
-          <h2 class="logo navbar-brand">Portfo<span>lio</span></h2>
+          <a href="/index.html"><h2 class="logo navbar-brand">Portfo<span>lio</span></h2></a>
           <button
             class="navbar-toggler"
             type="button"
             data-toggle="collapse"
-            data-target="#navbarNavAltMarkup"
-            aria-controls="navbarNavAltMarkup"
+            data-target="#nav-felipe"
+            aria-controls="nav-felipe"
             aria-expanded="false"
             aria-label="Alterna navegação"
           >
             <span class="navbar-toggler-icon"></span>
           </button>
-          <div class="collapse navbar-collapse justify-content-center" id="navbarNavAltMarkup">
+          <div class="collapse navbar-collapse justify-content-center" id="nav-felipe">
             <ul class="cabeçalho-link navbar-nav">
               <li class="nav-item active">
                 <a class="nav-link" href="/index.html">Inicio<span class="sr-only">(Página atual)</span></a>
               </li>
-              <li class="nav-item">
-                <a class="nav-link" href="#about">Sobre mim</a>
+              <!-- <li class="nav-item">
+                <a class="nav-link" href="/#about">Sobre mim</a>
               </li>
               <li class="nav-item">
                 <a class="nav-link" href="#projects">Projetos</a>
               </li>
               <li class="nav-item">
                 <a class="nav-link" href="#contact">Contato</a>
-              </li>
+              </li> -->
             </ul>
           </div>
-          <a href="https://www.linkedin.com/in/felipe-seabra/" target="_blank" class="btn d-none d-lg-block"
+          <a target="_blank" class="btn d-none d-lg-block link-linkedin"
             >Linkedin</a
           >
         </nav>
@@ -73,7 +73,7 @@ <h2 class="logo navbar-brand">Portfo<span>lio</span></h2>
         <div class="Caixa">
           <div class="Card-2">
             <i class="fas fa-bars"></i>
-            <h5>Em Contrução</h5>
+            <h5>Em Contrução ...</h5>
           </div>
 
           <!--Card-->
@@ -97,7 +97,7 @@ <h5 class="card-title">Projeto Pixels Art</h5>
 
           <div class="Card-2">
             <i class="fas fa-bell"></i>
-            <h5>Em Contrução</h5>
+            <h5>Em Contrução ...</h5>
           </div>
         </div>
       </section>
@@ -106,23 +106,23 @@ <h5>Em Contrução</h5>
 
       <div class="Container-serviços container-fluid" id="projects">
         <div class="title">
-          <h2>...</h2>
+          <h2>Em Contrução ...</h2>
         </div>
       </div>
 
       <!-- --- -->
       <div class="me-contate container-fluid text-center" id="contact">
-        <p>...</p>
+        <p>Em Contrução ...</p>
       </div>
     </main>
     <!--Rodapé--->
     <footer>
       <h6>Felipe Seabra</h6>
       <p>Para mais informações - clique nos links abaixo</p>
       <div class="Redes-sociais">
-        <a href="https://github.com/felipe-seabra" target="_blank"><i class="fab fa-github"></i></a>
-        <a href="https://www.linkedin.com/in/felipe-seabra/" target="_blank"><i class="fab fa-linkedin"></i></a>
-        <a href="https://www.instagram.com/rocefelipe/" target="_blank"><i class="fab fa-instagram"></i></a>
+        <a class="link-github"><i class="fab fa-github"></i></a>
+        <a class="link-linkedin"><i class="fab fa-linkedin"></i></a>
+        <a class="link-instagram"><i class="fab fa-instagram"></i></a>
       </div>
       <p class="end">Felipe S. - &copy; 2022</p>
     </footer>

script.js

@@ -0,0 +1,11 @@
+
+function addLinkBotton(classe, link) {
+  let Bottons = document.getElementsByClassName(classe);
+  for (let botton of Bottons) {
+    botton.href = link;
+  }
+}
+
+addLinkBotton('link-instagram', 'https://www.instagram.com/felipeseabradev/');
+addLinkBotton('link-linkedin', 'https://www.linkedin.com/in/felipe-seabra/');
+addLinkBotton('link-github', 'https://github.com/felipe-seabra');