-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
117 lines (110 loc) · 6.76 KB
/
index.html
File metadata and controls
117 lines (110 loc) · 6.76 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Deep Dey | Home</title>
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
<div class="logo">Deep Dey</div>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="donate.html">Donate Me!</a></li>
</ul>
<div class="menu-toggle">☰</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="hero-content">
<img src="https://www.deepdeyiitk.com/web/image/website/1/logo/Deep%20Dey%20-%20The%20FUTURE%20IITIAN%20%F0%9F%8E%AF%20?unique=e5fe8cd" alt="Deep Dey" class="avatar">
<h1>Hi, I'm Deep Dey</h1>
<p>Aspiring IITian, AI enthusiast & coder, blending tech with creativity. I love building AI-assisted projects, creating YouTube content, and sharing my knowledge with the world.</p>
<a href="portfolio.html" class="btn">View My Work</a>
</div>
</section>
<!-- About Preview -->
<section class="about-preview">
<h2>About Me</h2>
<p>I'm a passionate coder exploring Python, HTML, scripting, and AI-assisted projects. I experiment with new technologies, solve problems creatively, and aim to merge learning with practical solutions. My journey is powered by curiosity, persistence, and a love for technology.</p>
<a href="about.html" class="btn">Learn More About Me</a>
</section>
<!-- Highlights Section -->
<section class="highlights">
<h2>Highlights</h2>
<div class="cards-container">
<div class="card">
<h3>Website</h3>
<p>Explore my main website where I showcase AI projects, tutorials, and downloadable resources.</p>
<a href="https://www.deepdeyiitk.com" target="_blank" class="btn">Visit Website</a>
</div>
<div class="card">
<h3>AI Projects</h3>
<p>Interactive AI-assisted projects demonstrating Python, automation, and AI tool usage.</p>
<a href="portfolio.html#ai-projects" class="btn">See Projects</a>
</div>
<div class="card">
<h3>YouTube & Tutorials</h3>
<p>Content creation and tutorials on coding, AI, and JEE preparation to share knowledge.</p>
<a href="blog.html" class="btn">Check My Blog</a>
</div>
</div>
</section>
<!-- Call to Action -->
<section class="cta">
<h2>Connect With Me</h2>
<p>Follow me on social media, collaborate on projects, or reach out for mentorship and tutorials.</p>
<div class="social-links" style="margin-top:32px;">
<a href="https://www.facebook.com/deepdeyiit" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/facebook.svg" alt="Facebook" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">Facebook
</a>
<a href="https://x.com/deepdeyofficial" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/x.svg" alt="X" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">X (Twitter)
</a>
<a href="https://www.linkedin.com/in/deepdeyiitgn" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/linkedin.svg" alt="LinkedIn" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">LinkedIn
</a>
<a href="https://www.youtube.com/channel/UCrh1Mx5CTTbbkgW5O6iS2Tw" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/youtube.svg" alt="YouTube" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">YouTube
</a>
<a href="https://www.instagram.com/deepdey.official/" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/instagram.svg" alt="Instagram" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">Instagram
</a>
<a href="https://github.com/deepdeyiitgn" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/github.svg" alt="GitHub" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">GitHub
</a>
<a href="https://www.instagram.com/captivatedeep/" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/instagram.svg" alt="CaptivateDeep" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">CaptivateDeep
</a>
<a href="https://open.spotify.com/playlist/6KIXCU0MCMP86td8GmLgxj" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/spotify.svg" alt="Spotify" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">Spotify
</a>
<a href="https://taplink.cc/deepdey.official" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/link.svg" alt="Taplink" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">Taplink
</a>
<a href="https://discord.gg/bSghTD4PVY" target="_blank">
<img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/discord.svg" alt="Discord" style="width:20px;height:20px;vertical-align:middle;margin-right:6px;filter:invert(22%) sepia(98%) saturate(7492%) hue-rotate(221deg) brightness(90%) contrast(90%);">Discord
</a>
</div>
<div style="margin-top:32px;">
<a href="https://www.deepdeyiitk.com" style="color:#3a0ca3; font-weight:700; text-decoration:underline;">Back to Main Website</a>
</div>
</section>
<!-- Footer -->
<footer>
<p>© 2025 Deep Dey | All rights reserved</p>
<div class="footer-social">
<a href="https://github.com/deepdeyiitgn" target="_blank">GitHub</a>
<a href="https://www.linkedin.com/in/deepdeyiitgn" target="_blank">LinkedIn</a>
<a href="https://www.instagram.com/deepdey.official/" target="_blank">Instagram</a>
</div>
</footer>
</body>
</html>