digitalinnovationone · Rosemary0295 · Aug 13, 2025 · Aug 13, 2025 · Aug 13, 2025 · Aug 13, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/data/profile.json b/data/profile.json
@@ -1,78 +1,61 @@
 {
-  "name": "Renan J Paula",
-  "photo": "https://avatars.githubusercontent.com/u/3266640?v=4",
-  "job": "Tech Lead no S3 Bank",
-  "location": "São Paulo - SP",
-  "phone": "(16) 98159-7656",
-  "email": "renanjohannsen@gmail.com",
+  "name": "Rosemary",
+  "photo": "https://avatars.githubusercontent.com/u/183142711?v=4",
+  "perfil": "Estudante de ADS",
+  "local": "São Paulo - SP",
+  "phone": "(11) 96666-6666",
+  "email": "email@gmail.com",
   "skills": {
     "hardSkills": [
       {
-        "name": "Nodejs",
-        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/nodejs.png"
+        "name": "JavaScript",
+        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/js.png"
       },
       {
-        "name": "Java",
-        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/java.png"
+        "name": "CSS",
+        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/css.png"
       },
       {
-        "name": "Angular",
-        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/angular.png"
+        "name": "HTML",
+        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/html.png"
       },
       {
-        "name": "React",
-        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/react.png"
+        "name": "GitHub",
+        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/github.png"
       },
       {
-        "name": "Mongodb",
-        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/mongodb.png"
-      },
-      {
-        "name": "Postgresql",
-        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/postgresql.png"
+        "name": "Git",
+        "logo": "https://raw.githubusercontent.com/digitalinnovationone/js-developer-portfolio/main/data/imgs/git.png"
       }
     ],
     "softSkills": [
       "Empatia",
-      "Liderança",
       "Trabalho em equipe",
       "Flexibilidade",
       "Organização"
     ]
   },
-  "languages": [
-    "Português BR",
-    "Inglês (intermediário)",
-    "Espanhol (intermediário)",
-    "Italiano (iniciante)"
-  ],
-  "portfolio": [
-    {
-      "name": "Curso Ministrado na DIO para a criação de uma Pokedex",
-      "url": "https://github.com/RenanJPaula/js-developer-pokedex",
-      "github": true
-    },
-    {
-      "name": "Curso Ministrado na DIO para a criação de uma página de portfolio",
-      "url": "https://github.com/RenanJPaula/js-developer-portfolio",
-      "github": true
-    }
-  ],
-  "professionalExperience": [
-    {
-      "name": "Arquiteto de software / S3 BANK",
-      "period": "2022 - até o momento",
-      "description": "É um prazer trabalhar ao lado de tantos profissionais excepcionais e construir tantas inovações de mercado."
-    },
-    {
-      "name": "Software Engineering Lead / DIO",
-      "period": "2021 - 2022",
-      "description": "Foi um grande prazer fazer parte deste time fantástico e poder contribuir com a transformação de tantas vidas."
-    },
-    {
-      "name": "CEO / Brain Machine",
-      "period": "2016 - 2021",
-      "description": "Anos incríveis ao lado de pessoas maravilhosas ajudando muitas empresas por todo o mundo."
-    }
-  ]
+    "redes": [
+      {
+        "name": "Linkedin",
+        "url": "https://www.linkedin.com/in/rosemary-amaral-2908592b1/",
+        "linkedin": true
+      },
+      {
+        "name": "Github",
+        "url": "https://github.com/Rosemary0295",
+        "github": true
+      }
+    ],
+
+    "formacao": [
+      "Analise e Desenvolvimento de Sistemas",
+      "Desennvolvimento Web (front-end)"
+    ],
+
+    "idiomas": [
+      "Português",
+      "Inglês (básico)"
+    ]
+
 }
diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Portifólio Renan J Paula</title>
+    <title>Portifólio Rosemary</title>
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
         integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
@@ -28,93 +28,115 @@
 <body>
     <main class="main">
         <header class="header">
-            <img src="assets/img/my-photo.png" alt="Foto de Perfil" class="photo" id="profile.photo">
+            <img src="assets/img/minha-foto.jpg" alt="foto de Perfil" class="photo" id="profile.photo">
 
             <h1 class="title">
-                Olá, <br>eu sou <span id="profile.name">Carregando...</span>
-            </h1>
+                Olá, <br> eu sou <span id="profile.name">Carregando...</span></h1>
 
             <div class="information">
-                <p class="job" id="profile.job">Carregando...</p>
-                <p class="location" id="profile.location">Carregando...</p>
-                <p class="phone">
-                    <a href="tel:(16) 9 9999-9999" id="profile.phone">Carregando...</a>
-                </p>
-                <p class="email">
-                    <a href="mailto:ex@mail.com" id="profile.email">carregando@mail.com</a>
-                </p>
+                <p class="perfil" id="profile.perfil">Carregando...</p>
+                <p class="local" id="profile.local">Carregando...</p>
+                <p class="phone"><a href="tel:(11) 96666-6666" id="profile.phone">Carregando...</a></p>
+                <p class="email"><a href="mailto:exemplo@email.com"  id="profile.email">Carregando...@email.com</a></p>
             </div>
+
         </header>
 
         <section class="acordeon">
             <button class="trigger" type="button">
-                <h2>Skills</h2>
+                Skills
             </button>
-
             <div class="content">
                 <div class="skills">
                     <section class="tools">
                         <h3>Ferramentas:</h3>
-                        <ul id="profile.skills.hardSkills">
-                        </ul>
+                            <ul id="profile.skills.hardSkills">
+                                <li>
+                                    <img src="assets/img/icons/tecnologias/js.svg" alt="Javascript" title="javascript">
+                                </li>
+                                <li>
+                                    <img src="assets/img/icons/tecnologias/html.svg" alt="HTML" title="HTML">
+                                </li>
+                                <li>
+                                    <img src="assets/img/icons/tecnologias/css.svg" alt="CSS" title="CSS">
+                                </li>
+                                <li>
+                                    <img src="assets/img/icons/tecnologias/github.svg" alt="Github" title="Github">
+                                </li>
+                            </ul>
                     </section>
-
                     <section class="personal">
-                        <h3>Pessoal:</h3>
-                        <ul id="profile.skills.softSkills">
-                            <li>Carregando...</li>
-                            <li>Carregando...</li>
-                            <li>Carregando...</li>
-                        </ul>
+                        <h3>Soft Skills:</h3>
+                            <ul id="profile.skills.softSkills">
+                                <li>Carregando...</li>
+                                <li>Carregando...</li>
+                                <li>Carregando...</li>
+                                <li>Carregando...</li>
+                            </ul>
+
                     </section>
                 </div>
+
             </div>
-        </section>
+        </section>  
 
         <section class="acordeon">
             <button class="trigger" type="button">
-                <h2>Idiomas</h2>
+                Portfólio
             </button>
 
             <div class="content">
-                <ul class="languages" id="profile.languages">
-                    <li>Carregando...</li>
+                <ul class="portfolio" id="profile.Portfolio">
+                    <li>
+                        <h3 class="title">Meu Linkedin: </h3>
+                        <a href="https://www.linkedin.com/in/rosemary-amaral-2908592b1/r" target="_blank"> www.linkedin.com.br</a>
+                    </li>
+
                 </ul>
             </div>
         </section>
 
         <section class="acordeon">
             <button class="trigger" type="button">
-                <h2>Portfólio</h2>
+                Formação em andamento
             </button>
 
-            <div class="content">
-                <ul class="portfolio" id="profile.portfolio">
+             <div class="content">
+                <ul class="formacao">
+                    <li>
+                        Analise e Desenvolvimento de Sistemas
+                    </li>
+                    <li>
+                        Desenvolvimento Web (front-end)
+                    </li>
                 </ul>
             </div>
         </section>
-
         <section class="acordeon">
-            <button class="trigger" type="button">
-                <h2>Experiência Profissional</h2>
-            </button>
-
-            <div class="content">
-                <ul class="experience" id="profile.professionalExperience">
-                </ul>
-            </div>
+        <button class="trigger" type="button">
+            Idiomas
+
+        </button>
+
+        <div class="content">
+            <ul class="idiomas" id="profile.idiomas">
+                <li>Carregando...</li>
+
+            </ul>
+        </div>
         </section>
 
-        <footer>
+         <footer>
             <a href="https://www.dio.me/" target="_blank">
                 <img src="assets/img/dio.svg" alt="DIO">
             </a>
         </footer>
+
     </main>
 
     <script src="assets/js/acordeon.js"></script>
     <script src="assets/js/api.js"></script>
     <script src="assets/js/main.js"></script>
 </body>
 
-</html>
+</html>