From e9ea81bcd52ae81820ce6d5bf18c46ef5b06cd03 Mon Sep 17 00:00:00 2001 From: linder3hs Date: Thu, 8 Feb 2024 22:11:45 -0500 Subject: [PATCH] design: nav --- css/style.css | 27 +++++++++++++++++++++++++++ images/download.svg | 5 +++++ images/whatsapp.svg | 4 ++++ index.html | 16 +++++++++------- 4 files changed, 45 insertions(+), 7 deletions(-) create mode 100644 images/download.svg create mode 100644 images/whatsapp.svg diff --git a/css/style.css b/css/style.css index f0404ad..fb2e436 100644 --- a/css/style.css +++ b/css/style.css @@ -79,3 +79,30 @@ main { height: 350px; border-radius: 50%; } + +.container-contact { + display: flex; + flex-direction: column; + gap: 20px; + align-items: end; +} + +.container-contact > a { + text-decoration: none; + color: rgba(123, 74, 226, 0.5); +} + +.container-contact > a:first-child { + display: flex; + align-items: center; + gap: 5px; +} + +.container-contact > a:last-child { + border: rgba(123, 74, 226, 0.5) solid; + display: flex; + align-items: center; + gap: 5px; + padding: 5px; + border-radius: 16px; +} diff --git a/images/download.svg b/images/download.svg new file mode 100644 index 0000000..cad4359 --- /dev/null +++ b/images/download.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/whatsapp.svg b/images/whatsapp.svg new file mode 100644 index 0000000..0d8e6b2 --- /dev/null +++ b/images/whatsapp.svg @@ -0,0 +1,4 @@ + + + + diff --git a/index.html b/index.html index 3944879..c0ded6c 100644 --- a/index.html +++ b/index.html @@ -60,13 +60,15 @@

Linder Hassinger

alt="Linder Hssinger - Foto de perfil" /> -
-

- Descargar CV -

-

- Vamos a conversar -

+
+ + Descargar CV + + + + + Vamos a conversar +