shivajigandham.github.io/index.html at main · shivajigandham/shivajigandham.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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shivaji Gandham | Security Professional & SysAdmin</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600&display=swap" rel="stylesheet">
</head>
<body class="dark-mode">
    <div class="cursor-glow"></div>

    <header>
        <div class="container">
            <nav>
                <div class="logo">SHIVAJI_GANDHAM</div>
                <ul class="nav-links">
                    <li><a href="#about">About</a></li>
                    <li><a href="#skills">Skills</a></li>
                    <li><a href="#certifications">Certifications</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <section id="hero" class="container">
            <div class="terminal-box">
                <div class="terminal-header">
                    <span class="dot red"></span>
                    <span class="dot yellow"></span>
                    <span class="dot green"></span>
                    <span class="terminal-title">bash — portfolio</span>
                </div>
                <div class="terminal-body">
                    <p><span class="prompt">guest@shivaji:~$</span> whoami</p>
                    <h1 id="typing-text">Shivaji Gandham</h1>
                    <p class="role">System Administrator | Web Security Researcher | Cryptography Enthusiast</p>
                    <div class="cta-buttons">
                        <a href="#contact" class="btn primary">Secure Connection</a>
                        <a href="https://github.com/shivajigandham" target="_blank" class="btn secondary">View Source (GitHub)</a>
                    </div>
                </div>
            </div>
        </section>

        <section id="about" class="container">
            <h2>About Me</h2>
            <div class="card">
                <p>
                    I am a dedicated professional specializing in <strong>System & Server Administration</strong>,
                    <strong>Web Application Security</strong>, and <strong>Cryptography</strong>. My mission is to
                    build and secure robust infrastructures that withstand modern cyber threats.
                </p>
            </div>
        </section>

        <section id="activity" class="container">
            <h2>Recent Activity</h2>
            <div id="activity-list" class="activity-grid">
                <!-- AUTOMATION_START -->
                <div class="activity-card">
                    <p><strong>2026-03-20:</strong> Launched a <strong>Modern High-Impact Resume</strong> featuring glassmorphism design and interactive terminal project previews.</p>
                    <a href="resume-2026.html" class="activity-link">View Resume</a>
                </div>
                <div class="activity-card">
                    <p><strong>2026-03-18:</strong> Engineered a Python-based automation system to synchronize daily professional updates across Portfolio, CV, GitHub, and LinkedIn.</p>
                    <a href="https://github.com/shivajigandham" target="_blank" class="activity-link">View Project</a>
                </div>
                <div class="activity-card">
                    <p><strong>2026-03-17:</strong> Analyzed ISRO technical questions and compiled a comprehensive study guide for engineering mathematics and computer networks.</p>
                    <a href="https://github.com/shivajigandham" target="_blank" class="activity-link">View Project</a>
                </div>
                <div class="activity-card">
                    <p><strong>2026-03-16:</strong> Refined the terminal-themed personal portfolio with interactive UI components and optimized dark-mode aesthetics.</p>
                    <a href="https://github.com/shivajigandham/portfolio-shivaji" target="_blank" class="activity-link">View Project</a>
                </div>
                <!-- AUTOMATION_END -->
            </div>
        </section>

        <section id="skills" class="container">
            <h2>Technical Skills</h2>
            <div class="skills-grid">
                <div class="skill-category">
                    <h3>Server Administration</h3>
                    <ul>
                        <li>Linux/Windows Server Management</li>
                        <li>Cloud Infrastructure (AWS/Azure)</li>
                        <li>CI/CD & DevOps Automation</li>
                        <li>Network Security & Monitoring</li>
                    </ul>
                </div>
                <div class="skill-category">
                    <h3>Web Security</h3>
                    <ul>
                        <li>Penetration Testing (OWASP Top 10)</li>
                        <li>Vulnerability Assessment</li>
                        <li>Secure Coding Practices</li>
                        <li>WAF & IDS/IPS Configuration</li>
                    </ul>
                </div>
                <div class="skill-category">
                    <h3>Cryptography</h3>
                    <ul>
                        <li>Public Key Infrastructure (PKI)</li>
                        <li>Encryption Algorithms (AES, RSA, ECC)</li>
                        <li>Digital Signatures & Hashing</li>
                        <li>SSL/TLS Hardening</li>
                    </ul>
                </div>
            </div>
        </section>

        <section id="certifications" class="container">
            <h2>Important Certifications</h2>
            <div class="cert-list">
                <div class="cert-item">
                    <span class="cert-icon">🔒</span>
                    <div class="cert-info">
                        <h3>Certified Ethical Hacker (CEH)</h3>
                        <p>Specialized in identifying and mitigating security vulnerabilities.</p>
                    </div>
                </div>
                <div class="cert-item">
                    <span class="cert-icon">☁️</span>
                    <div class="cert-info">
                        <h3>AWS Certified Solutions Architect</h3>
                        <p>Designing secure and resilient cloud architectures.</p>
                    </div>
                </div>
                <div class="cert-item">
                    <span class="cert-icon">🐧</span>
                    <div class="cert-info">
                        <h3>CompTIA Linux+ / LPIC</h3>
                        <p>Advanced proficiency in Linux system administration.</p>
                    </div>
                </div>
            </div>
        </section>

        <section id="contact" class="container">
            <h2>Get in Touch</h2>
            <div class="contact-grid">
                <a href="mailto:shivajigandham@email.com" class="contact-card">
                    <span class="icon">✉️</span>
                    <span class="label">Email</span>
                    <span class="value">shivajigandham@email.com</span>
                </a>
                <a href="https://www.linkedin.com/in/shivaji-gandham-00b8a121b/" target="_blank" class="contact-card">
                    <span class="icon">🔗</span>
                    <span class="label">LinkedIn</span>
                    <span class="value">shivaji-gandham</span>
                </a>
                <a href="https://github.com/shivajigandham" target="_blank" class="contact-card">
                    <span class="icon">🐙</span>
                    <span class="label">GitHub</span>
                    <span class="value">shivajigandham</span>
                </a>
                <a href="https://www.instagram.com/shivajigandham12/" target="_blank" class="contact-card">
                    <span class="icon">📸</span>
                    <span class="label">Instagram</span>
                    <span class="value">@shivajigandham12</span>
                </a>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2026 Shivaji Gandham. All rights reserved. | <span class="hash">#SecurityExpert</span></p>
        </div>
    </footer>

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