Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added icon.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
70 changes: 70 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carlos Malteso - Curriculo</title>
<link rel="shortcut icon" href="icon.jpeg" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://kit.fontawesome.com/32c072adb4.js" crossorigin="anonymous"></script>
</head>
<body>

<header>
<img src="icon.jpeg" alt="Foto - Carlos malteso">
<h1>Carlos Henrique Malteso</h1>
</header>

<div class="container">
<div class="main">
<h2>
Objetivo
</h2>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minus reprehenderit natus voluptates earum qui accusamus vero eaque, expedita unde totam provident omnis, accusantium sunt praesentium laborum ullam nulla necessitatibus aperiam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ex eum quisquam aperiam accusamus exercitationem laudantium officiis, ullam, hic aut quae odio molestias atque, eveniet blanditiis ab. Veniam, assumenda dolores.
</p>
<h2>Experiência Profissional</h2>
<p>
Dez 2015 - Dez 2018 <br><br>
<strong>Gerente Técnico - Grupo Khronos, Cuiabá - MT</strong><br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. A consequuntur veritatis reiciendis voluptate in temporibus debitis, voluptas ut placeat autem blanditiis quos corrupti. Deleniti veniam possimus assumenda minus rerum magni.</p>

<p>
Jan 2018 - Dez 2021 <br><br>
<strong>Proprietário - Malteso Tecnologia e Segurança, Cuiabá - MT</strong><br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. A consequuntur veritatis reiciendis voluptate in temporibus debitis, voluptas ut placeat autem blanditiis quos corrupti. Deleniti veniam possimus assumenda minus rerum magni.</p>
<h2>Formação Acadêmica</h2>
<ul>
<li>Fundação Bradesco - Cuiabá - MT</li>
<li>Ensino Médio - 20/12/2011</li>
<li>Inglês - English Live</li>
<li>CIEE - Suporte em TI</li>
</ul>
</div>

<div class="sidebar">
<h2>Prêmios e reconhecimentos</h2>
<p>
<ul>
<li>Reconhecimento por economia de recursos</li><br>
<li>Prêmio de Gerente do ano de 2020 e 2021</li>
</ul>
</p>
<h2>Contato</h2>
<p>Email: <a href="mailto:carlos@malteso.com" target="_blank"> carlos@malteso.com</a></p>
<p>Telefone: <a href="http://wa.me/+16133022003" target="_blank"> +1 (613) 302-2003 </a></p>

<div class="social-buttons">
<abbr title="Instagram"><a href="https://www.instagram.com/carlosmalteso/" target="_blank" class="instagram"></a></abbr>
<abbr title="WhatsApp"><a href="https://wa.me/+16133022003" target="_blank" class="whatsapp"></a></abbr>
<abbr title="Facebook"><a href="https://www.facebook.com/carlos.malteso" target="_blank" class="facebook"></a></abbr>
<abbr title="GitHub"><a href="https://github.com/carlosmalteso" target="_blank" class="github"></a></abbr>
<abbr title="LinkedIn"><a href="https://www.linkedin.com/in/carlos-malteso-2502601a5/" target="_blank" class="linkedin"></a></abbr>
</div>
<h2>Endereco</h2>
<p><a href="https://maps.app.goo.gl/CmHkj1f2TpQwvfB88" target="_blank">31-200 Bronson Ave | Ottawa - ON Canadá, K1R-6H4 </a></p>
</div>
</div>

</body>
</html>
1 change: 1 addition & 0 deletions redame.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
rquivos destinado a condeúdo de documentação de repositório
172 changes: 172 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,172 @@


:root {

--cor1: #500000;
--cor2: #f5f5f5;
--cor3: #333;
--cor4: #fff;

}

body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: var(--cor2);
color: var(--cor3);
}

header {
background-color: var(--cor1);
color: var(--cor4);
text-align: center;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}

header img {
border-radius: 5%;
width: 150px;
height: 150px;
margin-right: 20px;
}

.container {
max-width: 960px;
margin: 20px auto;
display: flex;
flex-wrap: wrap;
}

.main {
flex: 2;
background-color: var(--cor4);
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-right: 20px;
}

.sidebar {
flex: 1;
background-color: var(--cor4);
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h2, h3 {
color: var(--cor1);
}

h1 {
margin-bottom: 10px;
}

a {
color: var(--cor1);
text-decoration: none;
}

.social-buttons {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 100%;
max-width: 500px;
}

.social-buttons a {
display: inline-block;
margin: 0 10px;
position: relative;
text-decoration: none;
color: #fff;
font-size: 20px;
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
}

.social-buttons a:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* LinkedIn */
.linkedin {
background-color: #0077b5;
}

.linkedin:hover {
background-color: #006699;
}

.linkedin:before {
content: "\f08c";
font-family: "Font Awesome 5 Brands";
}

/* Instagram */
.instagram {
background-color: #e4405f;
}

.instagram:hover {
background-color: #d6336c;
}

.instagram:before {
content: "\f16d";
font-family: "Font Awesome 5 Brands";
}

/* GitHub */
.github {
background-color: #333;
}

.github:hover {
background-color: #000;
}

.github:before {
content: "\f09b";
font-family: "Font Awesome 5 Brands";
}

/* Facebook */
.facebook {
background-color: #3b5998;
}

.facebook:hover {
background-color: #2d4373;
}

.facebook:before {
content: "\f09a";
font-family: "Font Awesome 5 Brands";
}

/* WhatsApp */
.whatsapp {
background-color: #25d366;
}

.whatsapp:hover {
background-color: #1da851;
}

.whatsapp:before {
content: "\f232";
font-family: "Font Awesome 5 Brands";
}