Adicionado a página de portfólio

AlexeyFrens · Nov 21, 2023 · fdb4b80 · fdb4b80
1 parent a68c364
commit fdb4b80
Show file tree

Hide file tree

Showing 26 changed files with 428 additions and 14 deletions.
diff --git a/css/index.css b/css/index.css
@@ -111,6 +111,15 @@ body {
   background-repeat: no-repeat;
 }
 
+::-webkit-scrollbar {
+  width: 10px;
+  background-color: rgb(198, 195, 195);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba( 51,51,51);
+}
+
 .conteudos{
   max-width: 500px;
   display: flex;
@@ -205,11 +214,7 @@ body {
 .img-tec{
   width: 70px;
 }
-
-.img-tec1{
-  width: 160px;
-  height: 100px;
-}
+
 
 .img-proj{
     width: 70px;

diff --git a/css/portfolio.css b/css/portfolio.css
@@ -0,0 +1,198 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins&family=Source+Code+Pro:wght@500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Kdam+Thmor+Pro&family=Poppins&family=Source+Code+Pro:wght@500&display=swap');
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.section-content {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  text-align: justify;
+  align-items: center;
+  max-width: 900px;
+  margin: 0 auto;
+  margin-top: 5px;
+  background: rgb(2, 0, 36);
+  background: linear-gradient(180deg,
+      rgba(2, 0, 36, 1) 0%,
+      rgba(121, 9, 111, 0.7960434173669468) 80%,
+      rgba(255, 0, 185, 0.8100490196078431) 100%);
+}
+
+body {
+  background-image: url("https://cdnb.artstation.com/p/assets/images/images/024/538/827/original/pixel-jeff-clipa-s.gif?1582740711");
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.home {
+  margin-top: 20px;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 0, 185, 0.8100490196078431);
+  border-radius: 100%;
+  padding: 20px;
+}
+
+.home:hover {
+  background-color: rgba(121, 9, 111, 0.7960434173669468);
+}
+
+.header {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.content-header {
+  text-align: center;
+  margin-right: 20px;
+}
+
+.perfil-img {
+  margin-top: 50px;
+  width: 150px;
+  height: 150px;
+  border-top: 3px solid rgba(255, 0, 185, 0.8100490196078431);
+  border-left: 3px solid rgba(255, 0, 185, 0.8100490196078431);
+  border-right: 5px solid rgba(255, 0, 185, 0.8100490196078431);
+  border-bottom: 5px solid rgba(255, 0, 185, 0.8100490196078431);
+}
+
+.username {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #fff;
+}
+
+.info-conteudo-port {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: inherit;
+  max-width: 320px;
+  padding: 20px;
+  background-color: rgb(131, 139, 70, 0.4);
+  max-width: 650px;
+  max-height: 170px;
+  height: 170px;
+  width: 650px;
+  margin-top: 50px;
+}
+
+.next-information {
+  font-family: "Poppins", sans-serif;
+  font-size: 20px;
+  color: #fff;
+  padding: 10px;
+  text-align: center;
+  margin: 0 20px;
+  max-width: 650px;
+  width: 650px;
+  margin-bottom: 10px;
+}
+
+.lista-info {
+  font-family: "Poppins", sans-serif;
+  font-size: 13px;
+  color: #fff;
+  margin-right: 10px;
+}
+
+.uau {
+  font-family: "Poppins", sans-serif;
+  font-size: 20px;
+  color: #fff;
+  background-color: rgba(29, 28, 28, 0.4);
+  padding: 10px;
+  text-align: center;
+  max-width: 820px;
+  width: 820px;
+  border-radius: 6px;
+  margin-top: 20px;
+}
+
+.textin {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  color: #fff;
+  margin-left: 50px;
+  margin-right: 50px;
+  text-align: justify;
+}
+
+.cards {
+  display: flex;
+  flex-wrap: wrap;
+  max-width: 800px;
+  justify-content: center;
+}
+
+#card-port {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  margin-left: 20px;
+  margin-bottom: 20px;
+  font-family: 'Bebas Neue', sans-serif;
+  font-family: 'Poppins', sans-serif;
+  font-family: 'Source Code Pro', monospace;
+  font-size: 20px;
+  font-weight: 800;
+}
+
+#card-port:hover{
+  background-color: #f2f2f2;
+}
+
+.img-port {
+  width: 800px;
+}
+
+.projetin-img{
+  width: 40px;
+}
+
+.img-port-hab {
+  margin-top: 10px;
+  width: 100px;
+}
+
+.info-certificado{
+  margin-top: 20px;
+  max-width: 800px;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.certificado{
+  display: flex;
+  width: 390px;
+  justify-content: space-between;
+  align-items: center;
+  background-color: rgba(29, 28, 28, 0.4);
+  padding: 20px;
+  margin-top: 10px;
+  margin-left: 10px;
+}
+
+.certificado-name{
+  margin-top: 15px;
+  font-family: 'Kdam Thmor Pro', sans-serif;
+  font-size: 20px;
+  color: #fff;
+}
+
+.img-certificado{
+  width: 50px;
+}
+
+.img-projetao{
+  margin-bottom: 60px;
+}
diff --git a/css/work-human.css b/css/work-human.css
@@ -101,4 +101,13 @@ p, h1{
 
 #img-realidade{
   margin-bottom: 40px;
+}
+
+::-webkit-scrollbar {
+  width: 10px;
+  background-color: rgb(198, 195, 195);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba( 51,51,51);
 }
diff --git a/html/curriculo.html b/html/curriculo.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="pt">
+
+<head>
+  <meta charset="UTF-8" />
+  <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" />
+
+  <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>
+</body>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+  integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous">
+  </script>
+
+</html>