From cd22c46ae24ee08b0cdaa005e85cf892054b1648 Mon Sep 17 00:00:00 2001 From: Hiresh Shah Date: Wed, 12 Oct 2022 01:26:29 +0530 Subject: [PATCH 1/5] added form and text lines in website --- dark/assets/css/styles.css | 77 +++++++++++++++++++++++++++++++------- dark/index.html | 50 ++++++++++++++++++++----- 2 files changed, 105 insertions(+), 22 deletions(-) diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css index 51564df..1e3c50d 100644 --- a/dark/assets/css/styles.css +++ b/dark/assets/css/styles.css @@ -139,7 +139,7 @@ html { /* Nav-Label */ #nav-label { - font-family: 'Edo'; + font-family: 'Earth Orbiter 3D'; text-decoration: none; font-weight: bold; font-style: italic; @@ -197,7 +197,7 @@ html { /* Gradient Text */ #gradient-text { - font-family: 'Edo'; + font-family: 'Earth Orbiter 3D'; text-decoration: none; font-weight: bold; font-style: italic; @@ -283,7 +283,7 @@ html { /* Main Heading */ #header { - font-family: 'Edo'; + font-family: 'Earth Orbiter Deep 3D'; letter-spacing: 1px; word-spacing: 1px; color: white; @@ -343,7 +343,7 @@ html { /* Header Hover Glowing Animation */ #glowing-text { - font-family: 'Edo'; + font-family: 'Earth Orbiter Deep 3D'; letter-spacing: 1px; word-spacing: 1px; font-size: 70px; @@ -479,7 +479,7 @@ html { margin-top: 20px; border: 2px solid var(--primary-color); border-radius: 10px; - padding: 30px 40px; + padding: 18px 40px; transition: 0.2s; overflow: hidden; box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.2); @@ -602,12 +602,15 @@ html { .social-media-icons { position: relative; top: 300px; - margin: 50px; + margin: 80px; margin-bottom: 400px; display: flex; - margin-left: 460px; + /* margin-left: 460px; */ + justify-content: center; +} +.ix{ + margin-left: 10px; } - /* Home Link */ @@ -811,12 +814,12 @@ html { } } -.second-section { +/* .second-section { box-shadow: 0 0 50px rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); - height: 1000px; -} + height: 000px; +} */ #about-section h1 { text-align: center; @@ -877,7 +880,12 @@ html { font-size: 20px; } - +#about-section{ + box-shadow: 0 0 50px rgba(0, 0, 0, 1); + background-color: rgba(0, 0, 0, 0.9); + backdrop-filter: blur(10px); + margin: 0px +} /* Contact Section */ @@ -888,7 +896,6 @@ html { font-size: 90px; filter: blur(4px); font-family: impact; - z-index: -1; } #contact-section h3 { @@ -923,3 +930,47 @@ html { bottom: -26px; left: calc(50% - 20px); } + +#contact-section .context1{ + width: 500px; + margin: 90px 100px; + position: relative; + /* right: 650px; */ + /* bottom: 170px; */ + color: rgb(122, 122, 122); + font-size: 20px; + line-height: 1.8em; +} + +#contact-section{ + height: 800px; + box-shadow: 0 0 50px rgba(0, 0, 0, 1); + background-color: rgba(0, 0, 0, 0.9); + backdrop-filter: blur(10px) + +} + +#contact-section .formtext{ + position:absolute; + right: 200px; + top: 250px; +} + +input ,label{ + display: block; + border-radius: 8px; + color: rgb(122, 122, 122); +} +form{ + margin: 12px; + padding: 15px; + border-radius: 8px; + line-height: 2.4em; + background-color: rgb(44, 43, 43); +} +textarea{ + border-radius: 8px; +} +.submitbtn::hover{ + color: #616161; +} diff --git a/dark/index.html b/dark/index.html index 563fc39..b45deeb 100644 --- a/dark/index.html +++ b/dark/index.html @@ -157,55 +157,55 @@

I'm a

Whatsapp Whatsapp IconWhatsapp Icon
Telegram Telegram IconTelegram Icon
Twitter - Twitter Icon
LinkedIn LinkedIn IconLinkedIn Icon
Instagram Instagram IconInstagram Icon
Medium Medium IconMedium Icon
GitHub GitHub IconGitHub Icon
GitLab GitLab IconGitLab Icon
YouTube YouTube IconYouTube Icon
@@ -231,6 +231,38 @@

ABOUT ME

CONTACT ME

CONTACT ME

+

Want to get in touch with me? Fill out the form with your inquiry or mail me,you can also connect with me on social media platforms on above given links

+
+
+
+
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
+ + + + + + +
+ +
+
+
From 594a8ad30e1bad3286e14a5b850442bce951b76d Mon Sep 17 00:00:00 2001 From: Hiresh Shah Date: Wed, 12 Oct 2022 01:44:05 +0530 Subject: [PATCH 2/5] languages and icon added --- dark/assets/css/styles.css | 2 +- dark/assets/img/language.png | Bin 0 -> 6346 bytes dark/index.html | 6 +++++- 3 files changed, 6 insertions(+), 2 deletions(-) create mode 100644 dark/assets/img/language.png diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css index 1e3c50d..c5884b2 100644 --- a/dark/assets/css/styles.css +++ b/dark/assets/css/styles.css @@ -932,7 +932,7 @@ html { } #contact-section .context1{ - width: 500px; + width: 550px; margin: 90px 100px; position: relative; /* right: 650px; */ diff --git a/dark/assets/img/language.png b/dark/assets/img/language.png new file mode 100644 index 0000000000000000000000000000000000000000..195d58c153fa4acca0149318221c5fa73488ecf5 GIT binary patch literal 6346 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 literal 0 HcmV?d00001 diff --git a/dark/index.html b/dark/index.html index b45deeb..e2b84ee 100644 --- a/dark/index.html +++ b/dark/index.html @@ -231,7 +231,11 @@

ABOUT ME

CONTACT ME

CONTACT ME

-

Want to get in touch with me? Fill out the form with your inquiry or mail me,you can also connect with me on social media platforms on above given links

+

Want to get in touch with me? Fill out the form with your inquiry or mail me,you can also connect with me on social media platforms on above given links

+

+ + Languages : Sinhala(Mother Language) , Tamil , English +

From d775c069c115248a6ff28615290d16a47a2fd3e1 Mon Sep 17 00:00:00 2001 From: Hiresh Shah Date: Wed, 12 Oct 2022 02:04:16 +0530 Subject: [PATCH 3/5] language logo added and lines written --- dark/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/dark/index.html b/dark/index.html index e2b84ee..82aa15c 100644 --- a/dark/index.html +++ b/dark/index.html @@ -234,7 +234,7 @@

CONTACT ME

Want to get in touch with me? Fill out the form with your inquiry or mail me,you can also connect with me on social media platforms on above given links

- Languages : Sinhala(Mother Language) , Tamil , English + Languages : Sinhala(Mother Language) , Tamil , English

From 4b85f3d34e0e9cc2efb88b72ba011a96d0eb1ec5 Mon Sep 17 00:00:00 2001 From: Hiresh Shah Date: Wed, 12 Oct 2022 09:33:29 +0530 Subject: [PATCH 4/5] added lines and form along with languages in contact section --- dark/assets/css/styles.css | 11 +++++++---- dark/index.html | 2 +- 2 files changed, 8 insertions(+), 5 deletions(-) diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css index c5884b2..0f9cc1d 100644 --- a/dark/assets/css/styles.css +++ b/dark/assets/css/styles.css @@ -139,7 +139,7 @@ html { /* Nav-Label */ #nav-label { - font-family: 'Earth Orbiter 3D'; + font-family: 'Edo'; text-decoration: none; font-weight: bold; font-style: italic; @@ -197,7 +197,7 @@ html { /* Gradient Text */ #gradient-text { - font-family: 'Earth Orbiter 3D'; + font-family: 'Edo'; text-decoration: none; font-weight: bold; font-style: italic; @@ -283,7 +283,7 @@ html { /* Main Heading */ #header { - font-family: 'Earth Orbiter Deep 3D'; + font-family: 'Edo'; letter-spacing: 1px; word-spacing: 1px; color: white; @@ -343,7 +343,7 @@ html { /* Header Hover Glowing Animation */ #glowing-text { - font-family: 'Earth Orbiter Deep 3D'; + font-family: 'Edo'; letter-spacing: 1px; word-spacing: 1px; font-size: 70px; @@ -814,6 +814,7 @@ html { } } +/* instead of single section made contact and about two different sections */ /* .second-section { box-shadow: 0 0 50px rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, 0.9); @@ -956,6 +957,8 @@ html { top: 250px; } + +/* form related css */ input ,label{ display: block; border-radius: 8px; diff --git a/dark/index.html b/dark/index.html index 82aa15c..699ca78 100644 --- a/dark/index.html +++ b/dark/index.html @@ -238,7 +238,7 @@

CONTACT ME

- +
From 682f4d2d0d59a96ad9cd2c48301d8fb2a7ef1ecf Mon Sep 17 00:00:00 2001 From: Hiresh Shah Date: Sat, 15 Oct 2022 12:08:32 +0530 Subject: [PATCH 5/5] languages added --- dark/assets/css/styles.css | 25 ++----------------------- dark/index.html | 29 ----------------------------- 2 files changed, 2 insertions(+), 52 deletions(-) diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css index 0f9cc1d..085a5b2 100644 --- a/dark/assets/css/styles.css +++ b/dark/assets/css/styles.css @@ -936,11 +936,11 @@ html { width: 550px; margin: 90px 100px; position: relative; - /* right: 650px; */ - /* bottom: 170px; */ + left : 380px; color: rgb(122, 122, 122); font-size: 20px; line-height: 1.8em; + text-align: center; } #contact-section{ @@ -956,24 +956,3 @@ html { right: 200px; top: 250px; } - - -/* form related css */ -input ,label{ - display: block; - border-radius: 8px; - color: rgb(122, 122, 122); -} -form{ - margin: 12px; - padding: 15px; - border-radius: 8px; - line-height: 2.4em; - background-color: rgb(44, 43, 43); -} -textarea{ - border-radius: 8px; -} -.submitbtn::hover{ - color: #616161; -} diff --git a/dark/index.html b/dark/index.html index 699ca78..cc93664 100644 --- a/dark/index.html +++ b/dark/index.html @@ -237,35 +237,6 @@

CONTACT ME

Languages : Sinhala(Mother Language) , Tamil , English

-
- -
- -
- - -
- -
- - -
- -
- -
- -
- - - - - - -
- - -