-
Contact me
-
If you’re ready to bring your ideas to life, feel free to reach out. I’m here to help make your vision a reality with practical, innovative solutions—let’s connect and get started!
+
-
+
{{currentYear}} copyright CptArn
diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss
index 9f70685..d8a21db 100644
--- a/src/app/footer/footer.component.scss
+++ b/src/app/footer/footer.component.scss
@@ -1,7 +1,35 @@
:host {
- color: #696969;
+ color: #ffffff;
font-style: italic;
- display: flex;
- justify-content: center;
- align-items: center;
+ padding-bottom: 5rem;
+
+ .contact {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 15%;
+
+ > div {
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+
+ p {
+ margin: 0;
+ }
+ }
+ }
+}
+
+.copyright {
+ width: 100%;
+ display: inline-block;
+ text-align: center;
+ margin-top: 10rem;
+ color: #696969;
+}
+
+a {
+ color: #ffffff;
+ text-decoration: none;;
}
diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
index 35ca426..e8c4160 100644
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -1,5 +1,5 @@
diff --git a/src/app/hero/hero.component.html b/src/app/hero/hero.component.html
index f0ab38c..a5cb1c6 100644
--- a/src/app/hero/hero.component.html
+++ b/src/app/hero/hero.component.html
@@ -1 +1 @@
-
NO LIMITS, JUST {{subSlogan}}
+
NO LIMITS, JUST {{subSlogan}}
diff --git a/src/app/hero/hero.component.scss b/src/app/hero/hero.component.scss
index 6f1356b..104866f 100644
--- a/src/app/hero/hero.component.scss
+++ b/src/app/hero/hero.component.scss
@@ -1,16 +1,21 @@
:host {
width: 100%;
- height: 75%;
+ height: 50rem;
display: inline-block;
- background-color: #e94d1a;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
.hero-text {
text-transform: uppercase;
font-size: 4rem;
- position: relative;
- left: calc(30% - 5rem);
- top: 40%;
font-weight: bold;
color: white;
+ position: relative;
+}
+
+.subSlogan {
+ display: inline-block;
+ text-align: start;
}
diff --git a/src/app/hero/hero.component.ts b/src/app/hero/hero.component.ts
index f5b783a..9531868 100644
--- a/src/app/hero/hero.component.ts
+++ b/src/app/hero/hero.component.ts
@@ -9,4 +9,16 @@ import { Component } from '@angular/core';
})
export class HeroComponent {
public subSlogan: string = 'results';
+ public slogans: string[] = [
+ 'deliverables',
+ 'performance',
+ 'results',
+ 'efficiency',
+ 'achievements',
+ 'optimizations',
+ 'success',
+ ]
+
+ constructor() {}
+
}
diff --git a/src/app/services/services.component.html b/src/app/services/services.component.html
index 266f4c1..483a4db 100644
--- a/src/app/services/services.component.html
+++ b/src/app/services/services.component.html
@@ -1,7 +1,8 @@
Creative thinker with a solution focus.
-
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 impactfu
+
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
diff --git a/src/app/services/services.component.scss b/src/app/services/services.component.scss
index 17a4943..bc70b36 100644
--- a/src/app/services/services.component.scss
+++ b/src/app/services/services.component.scss
@@ -34,3 +34,11 @@ h2 {
margin-top: 2rem;
}
}
+
+a {
+ color: #fff;
+ text-decoration: none;
+ background-color: var(--accent-color);
+ border-radius: 4rem;
+ padding: 0.5rem 1rem;
+}
diff --git a/src/styles.scss b/src/styles.scss
index eb22fab..7a557cf 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -10,7 +10,9 @@ body {
font-optical-sizing: auto;
font-weight: normal;
font-style: normal;
- background: linear-gradient(180deg, #E94E1B 0%, #2B2B2B 24.67%, #2B2B2B 63.56%, #000000 96.31%, #000000 100%);
+ background: linear-gradient(180deg, #E94E1B 0%, #E94E1B 10%, #2B2B2B 45%, #2B2B2B 63.56%, #000000 90%, #000000 100%);
+
+ --accent-color: #E94E1B;
}
html {