design: nav

linder3hs · Feb 9, 2024 · 9bf2eef · 9bf2eef
1 parent 43d4520
commit 9bf2eef
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 5 deletions.
diff --git a/css/style.css b/css/style.css
@@ -54,3 +54,28 @@ main {
   padding: 8px;
   border-radius: 16px;
 }
+
+.title {
+  font-size: 52px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.description {
+  font-size: 20px;
+  color: rgba(255, 255, 255, 0.5);
+  font-weight: 300;
+  margin-bottom: 20px;
+}
+
+.social-links {
+  display: flex;
+  gap: 15px;
+  align-items: center;
+}
+
+.container-profile > img {
+  width: 350px;
+  height: 350px;
+  border-radius: 50%;
+}
diff --git a/images/behance.svg b/images/behance.svg
diff --git a/images/github.svg b/images/github.svg
diff --git a/images/linkedin.svg b/images/linkedin.svg
diff --git a/index.html b/index.html
@@ -42,13 +42,19 @@
         <span class="gretting">👋 Saludos!</span>
         <h1 class="title">Linder Hassinger</h1>
         <p class="description">Senior Software Developer</p>
-        <div class="socil-links">
-          <a href="">Linkedin</a>
-          <a href="">Github</a>
-          <a href="">Instagram</a>
+        <div class="social-links">
+          <a href="">
+            <img src="./images/linkedin.svg" alt="" />
+          </a>
+          <a href="">
+            <img src="./images/github.svg" alt="" />
+          </a>
+          <a href="">
+            <img src="./images/behance.svg" alt="" />
+          </a>
         </div>
       </div>
-      <div>
+      <div class="container-profile">
         <img
           src="./images/profile.jpeg"
           alt="Linder Hssinger - Foto de perfil"