Hk-Hacker-Harsh.github.io/index.html at Root · Hk-Hacker-Harsh/Hk-Hacker-Harsh.github.io · GitHub

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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Harsh Khandal | Portfolio</title>

    <!-- Meta Tags -->
    <meta name="title" content="Harsh Khandal | Portfolio">
    <meta name="description" content="Portfolio of Harsh Khandal, an IIT Madras student specializing in Cyber Security, AI Automation (n8n), and Data Science.">
    <meta name="keywords" content="Harsh Khandal, Cyber Security, Data Science, n8n, AI Automation, Portfolio, IIT Madras, Ethical Hacking, PustakMart, Startup Owner.">
    <meta name="author" content="Harsh Khandal">
    <meta name="robots" content="index, follow">

    <meta property="og:type" content="website">
    <meta property="og:url" content="https://harshkhandal.me/">
    <meta property="og:title" content="Harsh Khandal | Cyber Security & Data Science">
    <meta property="og:description" content="Exploring the intersection of AI Automation and Cyber Security. Check out my latest projects and CTF walkthroughs.">
    <meta property="og:image" content="https://harshkhandal.me/assets/images/projects/Portfolio.png">

    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://harshkhandal.me/">
    <meta property="twitter:title" content="Harsh Khandal | Portfolio">
    <meta property="twitter:description" content="Exploring the intersection of AI Automation and Cyber Security.">
    <meta property="twitter:image" content="https://harshkhandal.me/assets/images/projects/Portfolio.png">

    <!-- Links -->
    <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon">
</head>
<body>
    <!-- Header Div for JS -->
    <div id="header-placeholder"></div>

    <main class="container">
    <section class="profile-section">
        <!-- Profile Img -->
        <div class="profile-img-container">
            <img src="assets/images/profile.png" alt="Harsh Khandal" class="profile-img">
        </div>

        <!-- Details Box -->
        <div class="detail-box">
            <h1>Harsh Khandal</h1>
            <h2>Cybersecurity Engineer & Penetration Tester</h2>

            <ul class="info-list">
                <li><span>🛡️</span> Ec-Council v13 CEH Certified</li>
                <li><span>💼</span> Learner and Explorer</li>
                <li><span>🖥️</span> Programmer and AI Lover</li>
                <li><span>🎓</span> IIT Madras - BS in Data Science</li>
                <li><span>💵</span> Entrepreneurial Mind-Set</li>
                <li><span>🏆</span> Top 3% CTF Player @ TryHackMe</li>
                <li><span>📍</span> India</li>
                <li><span>📧</span> codingwithme7@gmail.com</li>
                <li><span>🔗</span> <a href="https://linktr.ee/Hk.Hacker" target="_blank" style="color:white;">Linktr.ee</a></li>
            </ul>
        </div>
    </section>

    <!-- Resume Download Button -->
    <div class="external-home-actions">
        <a href="https://flowcv.com/resume/rqnekh3fdcvd" class="main-resume-btn" target="_blank">
            <span class="btn-icon">📁</span> DOWNLOAD RESUME
        </a>
    </div>


    <!-- Global Identities section - Profiles -->
    <section class="profiles-hub">
        <h3 class="section-tag">/Global_Identities</h3>
        <div class="profiles-grid">
            <!-- TryHackMe Profile -->
            <a href="https://tryhackme.com/p/Hk.Hacker" target="_blank" class="profile-card thm">
                <div class="card-glow"></div>
                <img src="assets/images/Thm_Icon.jpg" alt="TryHackMe" class="card-logo">
                <div class="card-info">
                    <h4>TryHackMe</h4>
                    <p>Top 3% Rank</p>
                    <span class="rank-badge">0xB_[MASTER]</span>
                </div>
            </a>
            <!-- Github Profile -->
            <a href="https://github.com/Hk-Hacker-Harsh" target="_blank" class="profile-card github">
                <div class="card-glow"></div>
                <img src="assets/images/Github_Icon.png" alt="GitHub" class="card-logo">
                <div class="card-info">
                    <h4>GitHub</h4>
                    <p>15+ Repositories</p>
                    <span class="rank-badge">Code_Vault</span>
                </div>
            </a>
            <!-- HackTheBox Profile -->
            <a href="https://app.hackthebox.com/public/users/798264" target="_blank" class="profile-card htb">
                <div class="card-glow"></div>
                <img src="assets/images/HTB_Icon.png" alt="HackTheBox" class="card-logo">
                <div class="card-info">
                    <h4>HackTheBox</h4>
                    <p>CTF Player</p>
                    <span class="rank-badge">N00b_Play3r</span>
                </div>
            </a>
        </div>
    </section>

    <!-- Achievement Board -->
    <section class="achievement-board">
        <h3 class="section-tag">/Mission_Log</h3>
        <div class="achieve-grid">

            <div class="achieve-card status-complete">
                <div class="achieve-icon">🛡️</div>
                <div class="achieve-content">
                    <span class="status-tag">Achieved</span>
                    <h4>Ec-Council CEH v13</h4>
                    <p>Passed Ec-Council Certified Ethical Hacker (CEH) v13 Certification.</p>
                </div>
            </div>

            <div class="achieve-card status-ongoing">
                <div class="achieve-icon">⚙️</div>
                <div class="achieve-content">
                    <span class="status-tag">Working</span>
                    <h4>Looking for Internship</h4>
                    <p>Looking for 1st Paid Cybersecurity Internship</p>
                </div>
            </div>

            <div class="achieve-card status-complete">
                <div class="achieve-icon">⚙️</div>
                <div class="achieve-content">
                    <span class="status-tag">Working</span>
                    <h4>College Web Development Project</h4>
                    <p>College Web Development Python Flask Project.</p>
                </div>
            </div>

        </div>
    </section>
    </main>

    <footer class="footer">
        <div class="footer-content">
            <p>&copy; 2026 Harsh Khandal.<br><br>All Systems Operational <span class="footer-pulse"></span></p>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html>