teste

Author: Tizuka

index.html

@@ -97,15 +97,15 @@ <h1 class="title">About Me</h1>
               <h3>Experience</h3>
               <p>1 year  <br />Frontend and Backend Development</p>
             </div> -->
-                        <div class="details-container">
+                        <!-- <div class="details-container">
               <img
                 src="./assets/education.png"
                 alt="Education icon"
                 class="icon"
               />
               <h3>Education</h3>
               <p>Associate Degree of Finances</p>
-            </div>
+            </div> -->
             <div class="details-container">
               <img
                 src="./assets/education.png"
@@ -131,7 +131,7 @@ <h1 class="title">Experience</h1>
       <div class="experience-details-container">
         <div class="about-containers">
           <div class="details-container">
-            <h2 class="experience-sub-title">Frontend Development</h2>
+            <h2 class="experience-sub-title">Development</h2>
             <div class="article-container">
               <article>
                 <img
@@ -173,7 +173,7 @@ <h3>SQL</h3>
                   class="icon"
                 />
                 <div>
-                  <h3>JavaScript</h3>
+                  <h3>Angular&nbsp;&nbsp;&nbsp;&nbsp;</h3>
                   <p>Basic</p>
                 </div>
               </article>
@@ -184,13 +184,40 @@ <h3>JavaScript</h3>
                   class="icon"
                 />
                 <div>
-                  <h3>Angular</h3>
+                <div>
+                  <h3>Git</h3>
+                  <p>Intermediate</p>
+                </div>
+                </div>
+              </article>
+              <article>
+                <img
+                  src="./assets/checkmark.png"
+                  alt="Experience icon"
+                  class="icon"
+                />
+                <div>
+                  <h3>Csharp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3>
                   <p>Basic</p>
                 </div>
               </article>
             </div>
           </div>
-          <div class="details-container">
+          <div class="details-container">  <div class="experience">
+    <div class="job-date">2024 - Present</div>
+    <div class="company">ExxonMobil</div>
+    <div class="role">Full Stack developer</div>
+
+    <p class="description">
+      As a Full Stack Developer Intern, I provide support and maintenance for a web application built with Angular (front end) and C#/.NET (back end).
+    </p>
+
+    <ul>
+      <li>Investigating bugs, assisting in small feature updates, and ensuring the application runs smoothly for users..</li>
+      <li>Collaborate with the development team to understand the codebase, follow best practices, and learn to work with technologies like APIs, databases, and version control tools (like Git).</li>
+    </ul>
+  </div></div>
+          <!-- <div class="details-container">
             <h2 class="experience-sub-title">Frontend Development</h2>
             <div class="article-container">
               <article>
@@ -238,7 +265,7 @@ <h3>Git</h3>
                 </div>
               </article>
             </div>
-          </div>
+          </div> -->
         </div>
       </div>
       <img
@@ -261,7 +288,7 @@ <h1 class="title">Projects</h1>
               />
             </div>
             <h2 class="experience-sub-title project-title">Project One</h2>
-            <div class="btn-container">
+            <!-- <div class="btn-container">
               <button
                 class="btn btn-color-2 project-btn"
                 onclick="location.href='https://github.com/'"
@@ -274,7 +301,7 @@ <h2 class="experience-sub-title project-title">Project One</h2>
               >
                 Live Demo
               </button>
-            </div>
+            </div> -->
           </div>
           <div class="details-container color-container">
             <div class="article-container">
@@ -285,7 +312,7 @@ <h2 class="experience-sub-title project-title">Project One</h2>
               />
             </div>
             <h2 class="experience-sub-title project-title">Project Two</h2>
-            <div class="btn-container">
+            <!-- <div class="btn-container">
               <button
                 class="btn btn-color-2 project-btn"
                 onclick="location.href='https://github.com/'"
@@ -298,7 +325,7 @@ <h2 class="experience-sub-title project-title">Project Two</h2>
               >
                 Live Demo
               </button>
-            </div>
+            </div> -->
           </div>
           <div class="details-container color-container">
             <div class="article-container">
@@ -309,7 +336,7 @@ <h2 class="experience-sub-title project-title">Project Two</h2>
               />
             </div>
             <h2 class="experience-sub-title project-title">Project Three</h2>
-            <div class="btn-container">
+            <!-- <div class="btn-container">
               <button
                 class="btn btn-color-2 project-btn"
                 onclick="location.href='https://github.com/'"
@@ -322,7 +349,7 @@ <h2 class="experience-sub-title project-title">Project Three</h2>
               >
                 Live Demo
               </button>
-            </div>
+            </div> -->
           </div>
         </div>
       </div>
@@ -343,7 +370,7 @@ <h1 class="title">Contact Me</h1>
             alt="Email icon"
             class="icon contact-icon email-icon"
           />
-          <p><a href="mailto:examplemail@gmail.com">Example@gmail.com</a></p>
+          <p><a href="mailto:examplemail@gmail.com">com</a></p>
         </div>
         <div class="contact-info-container">
           <img

style.css

@@ -179,7 +179,7 @@ section {
   margin: auto auto;
   width: 320px;
   height: 320px;
-  align-items: center;
+  align-items: right;
 }
 
 .section__text {
@@ -274,6 +274,8 @@ section {
 }
 
 .about-containers {
+  display: flex;
+  justify-content: center;
   gap: 2rem;
   margin-bottom: 2rem;
   margin-top: 2rem;
@@ -286,7 +288,7 @@ section {
   flex-direction: column;
 }
 .about-details-container .p {
-  width: 50%;
+  width: 30%;
 }
 
 .about-containers,
@@ -306,12 +308,14 @@ section {
 
 .details-container {
   padding: 1.5rem;
-  flex: 1;
+  /* flex: 1; */
+
   background: white;
   border-radius: 2rem;
   border: rgb(53, 53, 53) 0.1rem solid;
   border-color: rgb(163, 163, 163);
   text-align: center;
+  width: 30%;
 }
 
 .section-container {
@@ -331,6 +335,12 @@ section {
   position: relative;
 }
 
+.center {
+  display: flex;
+  justify-content: center;
+  gap: 40px;
+}
+
 .experience-sub-title {
   color: rgb(85, 85, 85);
   font-weight: 600;
@@ -441,3 +451,31 @@ footer {
 footer p {
   text-align: center;
 }
+
+.experience {
+  text-align: left;
+}
+ .job-date {
+      font-weight: bold;
+      font-size: smaller;
+    }
+
+    .company {
+      color: rgb(85, 85, 85); 
+      font-size: 1.5em;
+      margin: 5px 0;
+    }
+    .role {
+      font-weight: bold;
+      font-size: 1.1em;
+      margin-bottom: 20px;
+    }
+    .description {
+      margin-bottom: 20px;
+    }
+    ul {
+      padding-left: 20px;
+    }
+    li {
+      margin-bottom: 10px;
+    }