diff --git a/LCS2024055/Me.jpg b/LCS2024055/Me.jpg new file mode 100644 index 0000000..1538b66 Binary files /dev/null and b/LCS2024055/Me.jpg differ diff --git a/LCS2024055/icon.svg b/LCS2024055/icon.svg new file mode 100644 index 0000000..8fcdbd5 --- /dev/null +++ b/LCS2024055/icon.svg @@ -0,0 +1,15 @@ + + + Created with Sketch. + + + + + + + + + + + + \ No newline at end of file diff --git a/LCS2024055/index.html b/LCS2024055/index.html new file mode 100644 index 0000000..db57a5f --- /dev/null +++ b/LCS2024055/index.html @@ -0,0 +1,48 @@ + + + + + + Naman's Portfolio + + + + + +
+ + +
+ +
+
+

I'm Naman, 1st year B.Tech CS Student at IIIT Lucknow.

+

I am a coding enthusiast and enjoy doing web development, playing badminton, photography, a bit of gaming, and learning new skills.

+ +
+

My Skills

+
    +
  • Competitive Programming
    • +
  • HTML, CSS, JavaScript
    • +
  • C,C++,Python
    • +
  • Problem Solving
    • +
+
+
+
+
+ Naman's Image +
+
+
+ + + + diff --git a/LCS2024055/style.css b/LCS2024055/style.css new file mode 100644 index 0000000..f5b6c2a --- /dev/null +++ b/LCS2024055/style.css @@ -0,0 +1,150 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Poppins', sans-serif; + background-color: #f3f4f6; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + height: 100vh; + margin: 0; +} + + +.header { + width: 100%; + padding: 20px 50px; + display: flex; + justify-content: space-between; + align-items: center; + background-color: #fff; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + position: fixed; + top: 0; + z-index: 1000; +} + +.logo { + font-size: 1.5rem; + font-weight: 600; + color: #333; +} + +.navbar ul { + list-style-type: none; + display: flex; + gap: 20px; +} + +.navbar ul li a { + text-decoration: none; + font-size: 1.1rem; + color: #333; + transition: color 0.3s ease; +} + +.navbar ul li a:hover { + color: #ea4335; +} + + +.container { + display: flex; + align-items: center; + justify-content: space-between; + background: white; + border-radius: 15px; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + max-width: 1100px; + width: 90%; + padding: 40px; + margin-top: 120px; +} + +.highlight{ + color: #ea4335; +} + + +.text-section { + max-width: 550px; +} + +h1 { + font-size: 3rem; + font-weight: 600; + color: #333; + margin-bottom: 15px; + line-height: 1.2; +} + +p { + font-size: 1.3rem; + color: #666; + margin-top: 10px; +} + + +.skills-section { + margin-top: 30px; +} + +.skills-section h2 { + font-size: 2rem; + color: #333; + margin-bottom: 15px; +} + +.skills-section ul { + list-style-type: none; + padding-left: 0; +} + +.skills-section ul li { + background-color: #eef1f6; + color: #333; + padding: 10px 15px; + margin-bottom: 10px; + border-radius: 5px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); + transition: background-color 0.3s ease; +} + +.skills-section ul li:hover { + background-color: #d8e0f1; + transform: scale(1.03); +} + + +.image-section { + display: flex; + justify-content: center; + align-items: center; +} + +.image-border { + background: linear-gradient(135deg, #ff7eb9, #ff65a3, #7afcff, #feff9c); + padding: 5px; + border-radius: 15px; +} + +.image-section img { + border-radius: 15px; + width: 320px; + height: auto; + object-fit: cover; + transition: transform 0.3s ease; +} + +.image-section img:hover { + transform: scale(1.05); +} + +