From ed56f34c20130f0b4eb14d7cae90d710a7888c39 Mon Sep 17 00:00:00 2001 From: Arne Vlaeminck Date: Mon, 27 Jan 2025 19:25:05 +0100 Subject: [PATCH] Added correct svg's --- public/assets/Website_Arne.svg | 74 +++++++++++++++++++++++ public/assets/Website_Desk.svg | 77 ++++++++++++++++++++++++ public/assets/Website_Topview_Collab.svg | 71 ++++++++++++++++++++++ src/app/services/services.component.html | 6 +- src/app/services/services.component.scss | 16 +++++ 5 files changed, 241 insertions(+), 3 deletions(-) create mode 100755 public/assets/Website_Arne.svg create mode 100755 public/assets/Website_Desk.svg create mode 100755 public/assets/Website_Topview_Collab.svg diff --git a/public/assets/Website_Arne.svg b/public/assets/Website_Arne.svg new file mode 100755 index 0000000..9ecd16e --- /dev/null +++ b/public/assets/Website_Arne.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/Website_Desk.svg b/public/assets/Website_Desk.svg new file mode 100755 index 0000000..83d7cb0 --- /dev/null +++ b/public/assets/Website_Desk.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/Website_Topview_Collab.svg b/public/assets/Website_Topview_Collab.svg new file mode 100755 index 0000000..b28b87a --- /dev/null +++ b/public/assets/Website_Topview_Collab.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/app/services/services.component.html b/src/app/services/services.component.html index 28ceb68..1f54506 100644 --- a/src/app/services/services.component.html +++ b/src/app/services/services.component.html @@ -4,7 +4,7 @@

Welcome to my creative workspace! I’m a solution-driven freelancer with a passion for blending innovative thinking with technical know-how to bring unique ideas to life. Whether you’re looking to build a prototype, develop custom code, or create a tailored automation system, I’m here to help turn your vision into a reality. My approach combines hands-on experience with a fresh perspective, ensuring that every project isn’t just functional, but forwardthinking and impactful.

Contact - + Contact
@@ -17,7 +17,7 @@ solutions that help you innovate, save time, and stay ahead. Let's work together to make your next project a success!

- +
@@ -31,5 +31,5 @@ right technology can enhance productivity and improve daily workflows, whether in a corporate environment or your own home.

- +
diff --git a/src/app/services/services.component.scss b/src/app/services/services.component.scss index ad66f44..a91e398 100644 --- a/src/app/services/services.component.scss +++ b/src/app/services/services.component.scss @@ -20,6 +20,15 @@ h2 { .left, .right { display: flex; justify-content: center; + gap: 5%; + + &:first-child { + margin-bottom: -8rem; + img { + position: relative; + top: -7rem; + } + } .text { max-width: 50%; @@ -58,6 +67,13 @@ a { @media screen and (max-width: variables.$breakpoint) { .left, .right { flex-direction: column; + &:first-child { + margin-bottom: 3rem; + img { + position: relative; + top: 0rem; + } + } .text, img { max-width: 100%; }