Adicionado a página de currículo

AlexeyFrens · Nov 22, 2023 · e87baf4 · e87baf4
1 parent fdb4b80
commit e87baf4
Show file tree

Hide file tree

Showing 7 changed files with 125 additions and 6 deletions.
diff --git a/css/config.css b/css/config.css
@@ -36,7 +36,7 @@ body{
 }
 
 .botao4{
-    background-image: url("https://i.gifer.com/3sN2.gif");
+    background-image: url("../image/background44.gif");
     background-size: cover;
     width: 150px;
     height: 100px;

diff --git a/css/curriculo.css b/css/curriculo.css
@@ -0,0 +1,71 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+.home{
+    background-color: rgba(255, 0, 185, 0.8100490196078431);
+    border-radius: 100%;
+    padding: 20px;
+}
+
+.home-img{
+    margin-top: 20px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.background-body {
+    background-image: url("https://cdnb.artstation.com/p/assets/images/images/024/538/827/original/pixel-jeff-clipa-s.gif?1582740711");
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.curriculo{
+    max-width: 1000px;
+    height: 600px;
+    margin: 0 auto;
+    margin-top: 10px;
+    background-color: rgba(0, 0, 0, 0.6);
+    display: flex;
+    flex-wrap: wrap;
+}
+
+hr{
+    width: 40px;
+}
+
+.info-primary{
+    padding-left: 10px;
+    padding-top: 10px;
+    max-width: 300px;
+    background-color: rgba(121, 9, 111, 0.7960434173669468);
+}
+
+.info-secudary{
+    padding-top: 10px;
+    padding-left: 10px;
+    padding-right: 30px;
+    max-width: 700px;
+    background-color: rgba(255, 255, 255, 0.7);
+}
+
+.primary-name{
+    color: white;
+}
+
+.primary-title{
+    color: white;
+}
+
+p{
+    color: black;
+    text-align: justify;
+}
+
+.linkedin{
+    color: white;
+    text-decoration: none;
+}
diff --git a/html/curriculo.html b/html/curriculo.html
@@ -6,16 +6,63 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Portfólio</title>
   <link rel="shortcut icon" href="../image/feather-solid.svg" type="image/x-icon" />
-
+  <link rel="stylesheet" href="../css/curriculo.css">
   <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
   <script src="/js/index.js"></script>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
 </head>
 
 <body class="background-body">
-  <section class="section-content">
-  </section>
+  <div class="home-img">
+    <a class="home" href="../index.html"><img src="../image/home.svg" alt=""></a>
+  </div>
+  <div class="curriculo">
+    <div class="info-primary">
+      <h2 class="primary-title">Contato</h2>
+      <p class="primary-name">1136248197 (Home) <br>
+        [email protected]
+      </p>
+      <p class="primary-name">www.linkedin.com/in/joão-cláudio-dos-santos-souza-98a212208 <br>
+        <a class="linkedin"
+          href="https://www.linkedin.com/in/jo%C3%A3o-cl%C3%A1udio-dos-santos-souza-98a212208?jobid=1234&lipi=urn%3Ali%3Apage%3Ad_jobs_easyapply_pdfgenresume%3BP0lkOa3TT0WvCosDET9u5w%3D%3D&licu=urn%3Ali%3Acontrol%3Ad_jobs_easyapply_pdfgenresume-v02_profile">(Linkedin)</a>
+      </p>
+      <h2 class="primary-title">Principais competências</h2>
+      <p class="primary-name">
+        JavaScript (Básico) <br>
+        CSS <br>
+        HTML5 <br>
+      </p>
+      <h2 class="primary-title">Certificados</h2>
+      <p class="primary-name">
+        Introdução ao Hacking e Pentest 2.0 <br>
+        Introdução ao Pentest na prática <br>
+        Discover Conectar Certificate <br>
+      </p>
+    </div>
+    <div class="info-secudary">
+      <h1>João Cláudio dos Santos Souza</h1>
+      <p><strong>Aluno na Senac Brasil</strong> <br>
+        São Paulo, Brasil</p>
+
+      <h2>Resumo</h2>
+      <p>Estou cursando o Ensino Médio Técnico - TI no Senac Nações
+        Unidas, tenho certificado de Assistente de Suporte e manutenção
+        de computadores. Também estou cursando Pentest Profissional da
+        Desec, com o objetivo de tirar a certificação (DCPT). <br><br>
+
+        Sou esforçado e quando não tenho conhecimento em algum
+        assunto, tenho empenho em procurar sobre.
+      </p>
+
+      <hr>
+
+      <h2>Formação Acadêmica</h2>
+      <p>Senac Brasil <br>
+        Ensino Médio Integrado, Tecnologia da Informação · (2021 - 2023)
+      </p>
+    </div>
+  </div>
 </body>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
   integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous">

diff --git a/image/background4.gif b/image/background4.gif
diff --git a/image/background44.gif b/image/background44.gif
diff --git a/js/background.js b/js/background.js
@@ -40,8 +40,8 @@ $(document).ready(function () {
         window.location.href = "../index.html";
     });
     $(".botao4").click(function () {
-        var imageUrl = "https://i.gifer.com/3sN2.gif";
-        var gradientColor = "linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgb(135, 122, 166, 0.796) 80%, rgb(199, 186, 217, 0.81) 100%)";
+        var imageUrl = "../image/background44.gif";
+        var gradientColor = "linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgb(84, 111, 192, 0.796) 80%, rgb(136, 201, 242, 0.81) 100%)";
         var coresGerais = "rgb(199, 186, 217)"
         var coresTexto = "black"
         var backPort = "rgb(135, 122, 166, 0.4)"

diff --git a/js/index.js b/js/index.js
@@ -25,5 +25,6 @@ $(document).ready(function () {
     }
     if (backPort) {
         $(".info-conteudo-port").css("background-color", backPort);
+        $(".info-primary").css("background-color", backPort);
     }
 });