Image and link improvement

Added favicon, changed link path, changed png images to svg.
laiseing · May 8, 2024 · 78f4fbc · 78f4fbc
1 parent cb0bd54
commit 78f4fbc
Show file tree

Hide file tree

Showing 14 changed files with 83 additions and 11 deletions.
diff --git a/img/favicon.ico b/img/favicon.ico
diff --git a/img/illustration-ipa-1.png b/img/illustration-ipa-1.png
diff --git a/img/illustration-ipa-1.svg b/img/illustration-ipa-1.svg
diff --git a/img/illustration-ipa-2.png b/img/illustration-ipa-2.png
diff --git a/img/illustration-ipa-2.svg b/img/illustration-ipa-2.svg
diff --git a/img/lais.png b/img/lais.png
diff --git a/img/separator-1.png b/img/separator-1.png
diff --git a/img/separator-1.svg b/img/separator-1.svg
diff --git a/img/separator-2.png b/img/separator-2.png
diff --git a/img/separator-2.svg b/img/separator-2.svg
diff --git a/img/separator-3.png b/img/separator-3.png
diff --git a/img/separator-3.svg b/img/separator-3.svg
diff --git a/index.html b/index.html
@@ -3,8 +3,9 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Your Landing Page</title>
+  <title>Lais Eing - Product Designer</title>
   <link rel="stylesheet" href="styles.css">
+  <link rel="icon" href="img/favicon.ico" type="image/x-icon"/>
 </head>
 
 <body>
@@ -19,7 +20,7 @@
             <li><a href="#work-experience">WORK EXPERIENCE</a></li>
           </ul>
         </nav>
-        <a href="www.linkedin.com/in/laiseing">LINKEDIN</a>
+        <a href="https://www.linkedin.com/in/laiseing" target=”_blank>LINKEDIN</a>
       </header>
 
   <div class="content-wrapper">
@@ -30,23 +31,23 @@ <h2>Hi! I'm Lais,</h2>
           <h2 class="highlight-second">Product Designer</h2>
         </div>
         <div class="highlight-image">
-          <img src="img/illustration-ipa-1.png" alt="Highlight Image">
+          <img src="img/illustration-ipa-1.svg" alt="Highlight Image">
         </div>
       </section>
 
   <div class="section">
     <div class="card">
         <p>I'm graduated in Design and specialized in Interaction Design. 
-        <p>In the past years, I've worked as a Product Designer with the <a href="https://sisaps.saude.gov.br/esus/">biggest healthcare software</a> for primary health in Latin America, built an <a href="https://bold.bridge.ufsc.br/en/">open source design system</a> focused on accessibility, and many other projects. 
-        </p><p>Currently, I'm working on a Data Platform associated with AI technology for <a href="https://www.totvs.com/">TOTVS</a>, the biggest tech company in Brazil. </p>
+        <p>In the past years, I've worked as a Product Designer with the <a href="https://sisaps.saude.gov.br/esus/" target=”_blank>biggest healthcare software</a> for primary health in Latin America, built an <a href="https://bold.bridge.ufsc.br/en/" target=”_blank>open source design system</a> focused on accessibility, and many other projects. 
+        </p><p>Currently, I'm working on a Data Platform associated with AI technology for <a href="https://www.totvs.com/" target=”_blank>TOTVS</a>, the biggest tech company in Brazil. </p>
       </div>
       </div>
 
   <section class="section">
     <div class="section-content">
       <h2 id="about-me">About me</h2>
       <div class="section-wrapper">
-        <img src="img/separator-1.png" alt="Image">
+        <img src="img/separator-1.svg" alt="Image">
       </div>
       <p>Hey there! Nice to meet you. I'm Lais, and I live in 📍Florianópolis - Santa Catarina (Brazil) with my husband and our cat, Ipa.
         <p>I'm in love with product design since 2014 when I started working with it, while still in graduation.</p>
@@ -75,7 +76,7 @@ <h2 id="about-me">About me</h2>
     <div class="section-content">
       <h2 id="education">Education</h2>
       <div class="section-wrapper">
-        <img src="img/separator-2.png" alt="Image">
+        <img src="img/separator-2.svg" alt="Image">
       </div>
       <div class="list">
         <div class="list-item">
@@ -96,11 +97,11 @@ <h2 id="education">Education</h2>
 
 
   <section class="section">
-    <img class="img-work" src="img/illustration-ipa-2.png" alt="Image">
+    <img class="img-work" src="img/illustration-ipa-2.svg" alt="Image">
     <div class="section-content">
       <h2 id="work-experience">Work experience</h2>
       <div class="section-wrapper">
-        <img src="img/separator-3.png" alt="Image">
+        <img src="img/separator-3.svg" alt="Image">
       </div>
       <div class="list">
           <div class="list-item-work">
@@ -135,8 +136,8 @@ <h2 id="work-experience">Work experience</h2>
 
   <footer>
     <h2>Let's talk?</h2>
-    <p>[email protected]</p>
-        <a href="www.linkedin.com/in/laiseing">LINKEDIN</a>
+    <p>Mail me at [email protected]</p>
+        <a href="https://www.linkedin.com/in/laiseing" target=”_blank>LINKEDIN</a>
   </footer>
 
   <script src="script.js"></script>

diff --git a/styles.css b/styles.css
@@ -203,6 +203,7 @@ body {
     font-weight: 800;
     text-decoration: underline;
     letter-spacing: 0;
+    font-size: 1.125rem;
   }
 
   .small-image-container {