Commit dos arquivos da "Página de Currículo Simples"

juletopi · Feb 27, 2024 · 3c9ce55 · 3c9ce55
1 parent 4b58ae3
commit 3c9ce55
Show file tree

Hide file tree

Showing 4 changed files with 144 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="src/css/style.css">
+    <link rel="stylesheet" href="src/css/responsive.css">
+    <title>Meu Curículo</title>
+</head>
+<body>
+    <div class="page-container">
+        <section>
+            <img src="src/images/avatarIcon.png" alt="Avatar de Ayrtom Pereira de Amarão">
+            <h1>Ayrtom Pereira de Amarão</h1>
+            <h2>Perfil</h2>
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, felis at scelerisque tincidunt, nunc arcu volutpat augue, vitae tincidunt libero enim sit amet mi. Integer auctor ligula quis justo lacinia, a auctor elit vestibulum. Duis auctor auctor sapien, eu fermentum est pulvinar non. Vestibulum ut tortor id odio mollis cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer nec fermentum ex.</p>
+        </section>
+        <section>
+            <h2>Principais Competências</h2>
+            <ul>
+                <li>Programador em C#, JavaScript e Linguagem R e Python</li>
+                <li>Desenvolvimento Front-end e Back-end</li>
+                <li>Desenvolvimento Mobile</li>
+            </ul>
+        </section>
+        <section>
+            <h2>Formação Acadêmica</h2>
+            <p>Graduação em tecnólogo em Análise e Desenvolvimento de Sistemas pelo <a href="http://www.ifro.edu.br/">Instituto Federal de Educação, Ciência e Tecnologia de Rondônia Campus Ji-Paraná</a> (2014) e mestrado em Ciência da Computação pela <a href="https://www5.usp.br/">Universidade de São Paulo (2018)</a>.</p>
+        </section>
+        <section>
+            <h2>Experiência Profissional</h2>
+            <ol>
+                <li>Empresa ABC (2018-2023)
+                    <ul>
+                        <li>Programação em C#</li>
+                        <li>Desenvolvimento Mobile</li>
+                    </ul>
+                </li>
+                <li>Empresa XYZ (2014-2017)
+                    <ul>
+                        <li>Programação em Python</li>
+                        <li>Programação em JavaScript</li>
+                        <li>Desenvolvimento Front-end e Back-end</li>
+                    </ul>
+                </li>
+            </ol>
+        </section>
+        <section>
+            <h2>Contato</h2>
+            <p><strong>Email:</strong> [email protected]</p>
+            <p><strong>Telefone:</strong> (00) 1234-5678</p>
+            <p><strong>Endereço:</strong> Rua Exemplo, 1234 - Cidade - Estado</p>
+        </section>
+        <footer>
+            <p>&copy; 2024 Minha página de currículo. Todos os direitos reservados.</p>
+        </footer>
+    </div>
+</body>
+</html>
diff --git a/src/css/responsive.css b/src/css/responsive.css
@@ -0,0 +1,47 @@
+/* Todas as telas */
+body {
+    font-family: "Helvetica Neue", Arial, sans-serif;
+    color: #444;
+    line-height: 1.5;
+    margin: 0;
+    padding: 0;
+}
+
+section {
+    margin-top: 20px;
+    padding-bottom: 20px;
+    border-top: solid 1px gray;
+}
+
+/* Celular */
+@media only screen and (max-width: 600px) {
+    body {
+        width: 90%;
+        margin: 0 auto;
+        padding: 2% 0;
+        background-color: #ddd;
+    }
+    section {
+        padding: 10px;
+    }
+}
+
+/* Tablet */
+@media only screen and (min-width: 601px) and (max-width: 1024px) {
+    body {
+        width: 80%;
+        margin: 0 auto;
+        padding: 2% 0;
+        background-color: #ddd;
+    }
+}
+
+/* Desktop */
+@media only screen and (min-width: 1025px) {
+    body {
+        width: 60%;
+        margin: 0 auto;
+        padding: 2% 0;
+        background-color: #ddd;
+    }
+}
diff --git a/src/css/style.css b/src/css/style.css
@@ -0,0 +1,38 @@
+body {
+    background-color: #ddd;
+    font-family: "Helvetica Neue", sans-serif;
+    color: #444;
+    line-height: 1.5;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+.page-container {
+    width: 21cm;
+    max-width: 100%;
+    margin: 0 auto;
+    padding: 2cm;
+    background-color: white;
+    border-radius: 10px;
+    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
+    flex: 1;
+}
+
+h1, h2 {
+    color: rgb(140, 76, 8);
+}
+
+section {
+    margin-top: 0;
+    padding-bottom: 5px;
+    border-top: solid 1px gray;
+}
+
+footer {
+    text-align: center;
+    padding: 10px 0;
+    width: 100%;
+}
diff --git a/src/images/avatarIcon.png b/src/images/avatarIcon.png