.typing-container { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); margin-left: 10px; margin-right: 10px; text-align: center; } #input-cursor { display: inline-block; background-color: var(--main-dark-color); animation: blinkCursor .4s linear infinite alternate; } @keyframes blinkCursor { 0% { opacity: 1; } 40% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } #parallax-Wrapper { margin: 0px; padding: 0px; height: 100dvh; overflow-x: hidden; perspective: 10px; scroll-behavior: smooth; scrollbar-width: none; } header { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; transform-style: preserve-3d; z-index: -1; background-color: rgba(255, 255, 255, 0.5); } .background-Dan-Frunza { background: url(../assets/images/Dan_Foreground.webp); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; object-fit: cover; z-index: -2; transform: translateZ(-20px) scale(3); } .background-welcome-css { background-image: linear-gradient(to bottom, var(--main-light-color) 16%, transparent 60%), url(../assets/images/Welcome_CSS.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; height: 100%; width: 100%; margin-top: 100vh; object-fit: cover; z-index: -3; transform: translateZ(-50px) scale(6); } /* VERY LARGE SCREENS: */ @media screen and (min-aspect-ratio: 2/1) { .typing-container { bottom: 150px; font-size: 6rem; } #input-cursor { width: 10px; height: 75px; margin-left: 8px; } .background-Dan-Frunza { background-position: bottom; height: 100%; width: 30%; } } /* VERY LARGE SCREENS: */ @media only screen and (min-width: 1100px) and (max-aspect-ratio: 2/1) { .typing-container { bottom: 150px; font-size: 6rem; } #input-cursor { width: 10px; height: 75px; margin-left: 8px; } .background-Dan-Frunza { background-position: bottom; height: 100%; width: 40%; } } /* LARGE SCREENS: */ @media only screen and (min-width: 768px) and (max-width: 1100px) { .typing-container { bottom: 200px; font-size: 5rem; } #input-cursor { width: 8px; height: 65px; margin-left: 6px; } .background-Dan-Frunza { background-position: bottom; height: 100%; width: 60%; } } /* SMALL SCREENS: */ @media only screen and (min-width: 576px) and (max-width: 768px) { .typing-container { bottom: 180px; font-size: 4rem; } #input-cursor { width: 6px; height: 55px; margin-left: 4px; } .background-Dan-Frunza { background-position: center; height: 100%; width: 65%; } } /* VERY SMALL SCREENS: */ @media only screen and (max-width: 576px) { .typing-container { bottom: 200px; font-size: 3rem; } #input-cursor { width: 4px; height: 40px; margin-left: 2px; } .background-Dan-Frunza { background-position: center; height: 100%; width: 90%; } } .typing-container { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); margin-left: 10px; margin-right: 10px; text-align: center; } #input-cursor { display: inline-block; background-color: var(--main-dark-color); animation: blinkCursor .4s linear infinite alternate; } @keyframes blinkCursor { 0% { opacity: 1; } 40% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } #parallax-Wrapper { margin: 0px; padding: 0px; height: 100dvh; overflow-x: hidden; perspective: 10px; scroll-behavior: smooth; scrollbar-width: none; } header { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; transform-style: preserve-3d; z-index: -1; background-color: rgba(255, 255, 255, 0.5); } .background-Dan-Frunza { background: url(../assets/images/Dan_Foreground.webp); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; object-fit: cover; z-index: -2; transform: translateZ(-20px) scale(3); } .background-welcome-css { background-image: linear-gradient(to bottom, var(--main-light-color) 16%, transparent 60%), url(../assets/images/Welcome_CSS.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; height: 100%; width: 100%; margin-top: 100vh; object-fit: cover; z-index: -3; transform: translateZ(-50px) scale(6); } /* VERY LARGE SCREENS: */ @media screen and (min-aspect-ratio: 2/1) { .typing-container { bottom: 150px; font-size: 6rem; } #input-cursor { width: 10px; height: 75px; margin-left: 8px; } .background-Dan-Frunza { background-position: bottom; height: 100%; width: 30%; } } /* VERY LARGE SCREENS: */ @media only screen and (min-width: 1100px) and (max-aspect-ratio: 2/1) { .typing-container { bottom: 150px; font-size: 6rem; } #input-cursor { width: 10px; height: 75px; margin-left: 8px; } .background-Dan-Frunza { background-position: bottom; height: 100%; width: 40%; } } /* LARGE SCREENS: */ @media only screen and (min-width: 768px) and (max-width: 1100px) { .typing-container { bottom: 200px; font-size: 5rem; } #input-cursor { width: 8px; height: 65px; margin-left: 6px; } .background-Dan-Frunza { background-position: bottom; height: 100%; width: 60%; } } /* SMALL SCREENS: */ @media only screen and (min-width: 576px) and (max-width: 768px) { .typing-container { bottom: 180px; font-size: 4rem; } #input-cursor { width: 6px; height: 55px; margin-left: 4px; } .background-Dan-Frunza { background-position: center; height: 100%; width: 65%; } } /* VERY SMALL SCREENS: */ @media only screen and (max-width: 576px) { .typing-container { bottom: 200px; font-size: 3rem; } #input-cursor { width: 4px; height: 40px; margin-left: 2px; } .background-Dan-Frunza { background-position: center; height: 100%; width: 90%; } }

Experience

A few words about me:

Hi, glad to meet you! I'm Dan, a fulltime developer, which also accomplishes various projects after-hours.

I mainly build websites and web apps, mostly using .NET in tandem with frontend frameworks and relational databases. To get me better known and to get a sense of what my strenghts are, here are some of my experiences in productive environments:

.NET Developer

At this German company I'm developing various modules of a complex Unified Endpoint, Enterprise Mobility and Mobile Device Management software using mainly .NET MAUI, WPF or Angular.

.NET Developer

Working for this Dutch fintech company I developed financial software for various merchants using microservice based architecture, layering and separating the frontend in Angular or Razor, and the backend in .NET APIs.

Software Developer

While working for this automotive-focused corporation I started by mainly writing Python scripts in order to automate aerodynamic simulations. I also had the opportunity to touch a little bit of embedded code, which was responsible for the CAN, LIN and Flexray communication throughout the cars.

.NET Developer

This was my first experience dealing with real situations of coding in the .NET Environment. I was responsible for automating the technical blueprints of tools, the C# and VB.NET NXOpen API.

.NET Intern

At this Fraunhofer Institute internship, I had to simulate the pathfinding capabilities of AGVs using various pathfinding algorithms in C# and Unity.

Design Intern

This internship at Bielomatik had a positive impact on my design abilities, which reflected themselves later as better frontend skills.

Technical Skills:

Dot Net, C#

85%

Blazor, Razor

70%

Databases

80%

Microservices & Web APIs

90%

Html, CSS, Javascript

80%

Angular

70%

Soft Skills:

Time management

80%

Communication

95%

Adaptability

80%

Problem-solving

85%

Team work

90%

Creativity

85%

Education

ULBS
  • Digital image processing
  • Data Mining
  • Computer architecture
  • Artificial Intelligence
UTCN
  • Industry focused databases
  • Industrial programming
  • CAD APIs and CAD scripting
  • Hardware-focused development

Contact