Y
Search files, topics, projects…
Explorer
Search
Tags
Projects
Vlogs
Resume
About Me
Contact
Settings
Explorer
Content
about.md
contact.md
privacy.md
projects.md
resume.md
vlogs.md
README.md
Outline
Contact
Reach Me
Related
About MeResume
Tags
contactemailsocial
contact.md
contact.md
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
# Contact

<div class="not-prose mb-8">
  <div class="p-6 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] shadow-sm">
    <p class="text-[var(--fg-secondary)] text-sm leading-relaxed m-0">
      I'm open to interesting conversations, collaborations, internship opportunities, and feedback on my work. Reach out via any of the channels below — I typically respond within 24–48 hours.
    </p>
  </div>
</div>

## Reach Me

<div class="not-prose grid grid-cols-1 sm:grid-cols-2 gap-4 my-6">

  {/* Email */}
  <a
    href="mailto:yashajaymagar10@gmail.com"
    class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-emerald-500/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"
  >
    <div class="w-11 h-11 rounded-xl bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
      ✉️
    </div>
    <div>
      <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">Email</div>
      <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-emerald-400 transition-colors">yashajaymagar10@gmail.com</div>
    </div>
  </a>

  {/* GitHub */}
  <a
    href="https://github.com/yashmagar01"
    target="_blank"
    rel="noopener noreferrer"
    class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-[var(--header-h1)]/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"
  >
    <div class="w-11 h-11 rounded-xl bg-[var(--header-h1)]/10 border border-[var(--header-h1)]/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
      🐙
    </div>
    <div>
      <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">GitHub</div>
      <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-[var(--header-h1)] transition-colors">yashmagar01</div>
    </div>
  </a>

  {/* LinkedIn */}
  <a
    href="https://www.linkedin.com/in/yash-magar/"
    target="_blank"
    rel="noopener noreferrer"
    class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-blue-500/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"
  >
    <div class="w-11 h-11 rounded-xl bg-blue-500/10 border border-blue-500/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
      💼
    </div>
    <div>
      <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">LinkedIn</div>
      <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-blue-400 transition-colors">yash-magar</div>
    </div>
  </a>

  {/* Twitter/X */}
  <a
    href="https://x.com/yashmag50534849"
    target="_blank"
    rel="noopener noreferrer"
    class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-sky-400/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"
  >
    <div class="w-11 h-11 rounded-xl bg-sky-400/10 border border-sky-400/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
      🐦
    </div>
    <div>
      <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">X / Twitter</div>
      <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-sky-400 transition-colors">@yashmag50534849</div>
    </div>
  </a>

  {/* YouTube */}
  <a
    href="https://www.youtube.com/@yashmagar01"
    target="_blank"
    rel="noopener noreferrer"
    class="group flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] hover:border-red-500/60 transition-all duration-200 no-underline shadow-sm hover:shadow-md"
  >
    <div class="w-11 h-11 rounded-xl bg-red-500/10 border border-red-500/20 flex items-center justify-center text-xl flex-shrink-0 group-hover:scale-105 transition-transform">
      📺
    </div>
    <div>
      <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">YouTube</div>
      <div class="text-sm font-medium text-[var(--fg-primary)] group-hover:text-red-400 transition-colors">@yashmagar01</div>
    </div>
  </a>

  {/* Website */}
  <div class="flex items-center gap-4 p-5 rounded-xl bg-[var(--bg-sidebar)] border border-[var(--border-main)] shadow-sm opacity-60">
    <div class="w-11 h-11 rounded-xl bg-[var(--header-h3)]/10 border border-[var(--header-h3)]/20 flex items-center justify-center text-xl flex-shrink-0">
      🌐
    </div>
    <div>
      <div class="text-xs text-[var(--fg-secondary)] font-semibold uppercase tracking-wide mb-0.5">Website</div>
      <div class="text-sm font-medium text-[var(--fg-primary)]">magar.xyz <span class="text-[var(--fg-secondary)] text-xs">(coming soon)</span></div>
    </div>
  </div>

</div>

---

> _"Quietly building. Slowly mastering. Eventually leading."_