From b37e73efe69b16f06cbb80403dd21fe2688b5f9f Mon Sep 17 00:00:00 2001 From: tejaskankhar Date: Sat, 15 Mar 2025 18:06:27 +0530 Subject: [PATCH] Task 9 Completed --- Easy/Tejas Task 9/portfolio.html | 45 ++++++++++++ Easy/Tejas Task 9/styles.css | 118 +++++++++++++++++++++++++++++++ 2 files changed, 163 insertions(+) create mode 100644 Easy/Tejas Task 9/portfolio.html create mode 100644 Easy/Tejas Task 9/styles.css diff --git a/Easy/Tejas Task 9/portfolio.html b/Easy/Tejas Task 9/portfolio.html new file mode 100644 index 0000000..30c7a44 --- /dev/null +++ b/Easy/Tejas Task 9/portfolio.html @@ -0,0 +1,45 @@ + + + + + + Tejas Kankhar | Web Developer + + + + +
+

Hi, I’m Tejas Kankhar – Crafting Digital Experiences & Scalable Web Solutions.

+

Dedicated to designing and developing seamless, high-performance web applications.

+
+ +
+

About Me

+

I am a detail-oriented web developer with a strong foundation in front-end technologies. + I specialize in building responsive, user-friendly websites and efficient + Passionate about solving complex problems through code and constantly learning new technologies.

+
+ +
+

Technical Skills

+ +
+ +
+ + +

Email: tejaskankhar160@gmail.com

+

LinkedIn: linkedin.com/in/tejas-kankhar-627

+

GitHub: github.com/tejaskankhar

+ +

+ +
+ + diff --git a/Easy/Tejas Task 9/styles.css b/Easy/Tejas Task 9/styles.css new file mode 100644 index 0000000..e620a8f --- /dev/null +++ b/Easy/Tejas Task 9/styles.css @@ -0,0 +1,118 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +html, body { + height: 100%; + width: 100%; + background: linear-gradient(135deg, #1A2980, #26D0CE); + color: #333; + +} + +/* Header Styling */ +header { + background: linear-gradient(120deg, #FF512F, #DD2476); /* Vibrant Red to Purple */ + color: white; + padding: 35px 15px; + text-align: center; + font-size: 24px; + font-weight: bold; + letter-spacing: 1px; +} + +/* Section Styling */ +section { + padding: 25px; + margin: 25px auto; + width: 80%; + background: white; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + border-radius: 12px; + text-align: center; +} + +/* Headings */ +h2 { + font-size: 28px; + margin-bottom: 20px; + color: #ff5733; + text-transform: uppercase; +} +p{ + font-size: 20px; + margin-bottom: 20px; + + font-weight: bold; +} + +/* Skills Section */ +ul { + list-style: none; + padding: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 15px; +} + +ul li { + background-color: #6A0572; + color: white; + padding: 12px 20px; + border-radius: 25px; + font-weight: 600; + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); + transition: transform 0.3s, background 0.3s; +} + +ul li:hover { + transform: scale(1.1); + background-color: #9C27B0; +} + +/* Contact Form */ +form { + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + max-width: 550px; + margin: auto; +} + +input, textarea { + width: 100%; + padding: 15px; + margin: 10px 0; + border: 2px solid #FF4081; + border-radius: 5px; + font-size: 16px; +} + +button { + background: linear-gradient(90deg, #FF8C00, #FF0080); + color: white; + padding: 12px 25px; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 18px; + transition: all 0.3s ease; +} + +button:hover { + background: linear-gradient(90deg, #FF0080, #FF8C00); + transform: scale(1.05); +} + +/* Contact Section */ +#contact { + font-size: 20px; + color: #E91E63; + font-weight: bold; +} \ No newline at end of file