CyberPunk_GRC.github.io/index.html at main · CyberPunk-GRC/CyberPunk_GRC.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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Varun Kumar Bhakta — CyberPunk GRC</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <style>
    :root { --cyber-bg: #0b1020; --accent: #00e6c6; --muted: #9aa3b2; }
    body { background: linear-gradient(180deg,#05060b 0%, #0b1020 100%); color: #e6f7f2; }
    .accent { color: var(--accent); }
    .card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.03); }
    a { color: var(--accent); }
    .nav-link { color: #cdeee3; }
    .hero { padding: 6rem 0; text-align: center; }
    footer { color: var(--muted); padding: 2rem 0; text-align:center; }
  </style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark" style="background:rgba(0,0,0,0.4);">
  <div class="container">
    <a class="navbar-brand accent" href="#">CyberPunk-GRC</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="nav">
      <ul class="navbar-nav ms-auto">
        <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
        <li class="nav-item"><a class="nav-link" href="#skills">Skills</a></li>
        <li class="nav-item"><a class="nav-link" href="#projects">Projects</a></li>
        <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
      </ul>
    </div>
  </div>
</nav>

<header class="hero">
  <div class="container">
    <h1 class="display-5 fw-bold accent">Varun Kumar Bhakta</h1>
    <p class="lead">Cybersecurity • Governance, Risk & Compliance (GRC) • Risk Management</p>
    <p class="text-muted">Aligning cybersecurity controls with business objectives. Experience with compliance frameworks and practical security controls implementation.</p>
    <div class="mt-3">
      <a class="btn btn-outline-light me-2" href="https://www.linkedin.com/in/varun-kumar-bhakta7/" target="_blank">LinkedIn</a>
      <a class="btn btn-outline-light" href="mailto:varun.email@example.com">Email</a>
    </div>
  </div>
</header>

<main class="container pb-5">
  <section id="about" class="mb-5">
    <div class="row align-items-center">
      <div class="col-md-8">
        <h2 class="accent">About Me</h2>
        <p>I am a Governance, Risk & Compliance (GRC) focused cybersecurity practitioner with a practical approach to risk management, compliance, and control alignment. I design and implement security programs that reduce risk while enabling business objectives.</p>
        <p>Specialties: Risk assessment, control mapping (NIST/ISO/CIS), compliance readiness, audit preparation, and security policy development.</p>
      </div>
      <div class="col-md-4">
        <div class="card p-3">
          <h5 class="mb-2">Contact</h5>
          <p class="mb-1"><strong>LinkedIn:</strong><br><a href="https://www.linkedin.com/in/varun-kumar-bhakta7/" target="_blank">/in/varun-kumar-bhakta7</a></p>
          <p class="mb-1"><strong>Email:</strong><br>varun.email@example.com</p>
        </div>
      </div>
    </div>
  </section>

  <section id="skills" class="mb-5">
    <h3 class="accent">Certifications & Skills</h3>
    <div class="row mt-3">
      <div class="col-md-4"><div class="card p-3 mb-3"><strong>Frameworks</strong><p class="mb-0">NIST RMF, ISO 27001, SOC 2, CIS Controls</p></div></div>
      <div class="col-md-4"><div class="card p-3 mb-3"><strong>Core Skills</strong><p class="mb-0">Risk Assessment, GRC, Policy, Audit Readiness</p></div></div>
      <div class="col-md-4"><div class="card p-3 mb-3"><strong>Tools</strong><p class="mb-0">Excel, PowerBI, Python (automation), Git/GitHub</p></div></div>
    </div>
  </section>

  <section id="projects" class="mb-5">
    <h3 class="accent">Selected Projects</h3>
    <p class="text-muted">Below are project pages included from the uploaded files. Click to view details.</p>
    <div class="row mt-3">
      <div class="col-md-4">
        <div class="card p-3 mb-3">
          <h5>AdventureWorks Sales Dashboard</h5>
          <p class="small text-muted">Executive dashboard and sales analytics (Spring 2023)</p>
          <a href="portfolio-details.html" class="stretched-link">View project details →</a>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card p-3 mb-3">
          <h5>Humana Housing Insecurity Prediction</h5>
          <p class="small text-muted">Case competition model & analysis (Fall 2022)</p>
          <a href="portfolio-details copy 2.html" class="stretched-link">View project details →</a>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card p-3 mb-3">
          <h5>Predicting Accident Severity</h5>
          <p class="small text-muted">Academic predictive model (Spring 2022)</p>
          <a href="portfolio-details copy 3.html" class="stretched-link">View project details →</a>
        </div>
      </div>

      <div class="col-md-4">
        <div class="card p-3 mb-3">
          <h5>Uber/Lyft Price Prediction</h5>
          <p class="small text-muted">Demand and pricing analysis (Fall 2022)</p>
          <a href="portfolio-details copy 4.html" class="stretched-link">View project details →</a>
        </div>
      </div>

      <div class="col-md-4">
        <div class="card p-3 mb-3">
          <h5>UCONNIC Insurance Automation</h5>
          <p class="small text-muted">AI-driven email extraction project (Spring 2022)</p>
          <a href="portfolio-details copy 5.html" class="stretched-link">View project details →</a>
        </div>
      </div>
    </div>
  </section>

  <section id="contact" class="mb-5">
    <h3 class="accent">Contact</h3>
    <p class="text-muted">Interested in collaborating? Reach out via LinkedIn or email.</p>
    <a class="btn btn-outline-light" href="mailto:varun.email@example.com">Email Me</a>
  </section>
</main>

<footer>
  © 2025 Varun Kumar Bhakta • CyberPunk-GRC
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>