3LiRad.github.io/index.html at main · 3LiRad/3LiRad.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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Ali Radman | Cybersecurity Portfolio</title>
  <link rel="stylesheet" href="style.css" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
</head>
<body>
  <!-- Matrix-style binary background -->
  <canvas id="binaryCanvas"></canvas>

  <div class="container">
    <img src="logo.png" alt="Ali Radman Logo" class="logo-top-center" />

    <header class="fade-in">
      <h1>Ali Radman</h1>
      <p>Cybersecurity Analyst | <strong>PNPT</strong> & eJPT Certified | Red Team Enthusiast</p>
      <p class="summary">
        I'm a passionate cybersecurity analyst focused on offensive security, red teaming, and ethical hacking.
        I build honeypots, write custom exploits, and study adversarial tactics. I’ve earned the PNPT and plan to pursue the OSCP next.
      </p>
    </header>

    <section class="fade-in">
      <h2>🎓 Education</h2>
      <ul>
        <li>Foundation Degree in Information Technology – Asia Pacific University (APU), Malaysia</li>
      </ul>
    </section>

    <section class="fade-in">
      <h2>🚀 Projects</h2>
      <div class="project-container">
        <div class="project fade-in">
          <h3><a href="https://github.com/3LiRad/Simple-SSH-Honeypot" target="_blank" rel="noopener">Simple SSH Honeypot</a></h3>
          <img src="honeypot-preview.png" alt="Honeypot Screenshot" />
          <p>
            Deceptive SSH service that captures login attempts and attacker commands for analysis.
          </p>
        </div>

        <div class="project fade-in">
          <h3>Custom Python Exploits <i class="fab fa-python icon" aria-hidden="true"></i></h3>
          <img src="python-5.png" alt="Python Script Icon" />
          <p>
            Python tools that automate offensive techniques (auth attacks, payloads, exploit chains).
          </p>
        </div>
      </div>
    </section>

    <section class="fade-in">
      <h2>🎓 Certifications</h2>
      <div class="cert-grid">
        <!-- PNPT -->
        <a href="https://certified.tcm-sec.com/98259d7c-e322-416a-9963-4185c48585a4"
           target="_blank" rel="noopener" class="cert-card">
          <img src="PNPT.png" alt="PNPT — Practical Network Penetration Tester" />
          <h3>PNPT</h3>
          <p>Real-world pentest: external → pivot → AD → reporting (TCM Security).</p>
        </a>

        <a href="https://certs.ine.com/73bd0305-ac32-4b8e-a78a-33321aac9002" target="_blank" rel="noopener" class="cert-card">
          <img src="ejpt.png" alt="eJPT Logo" />
          <h3>eJPT</h3>
          <p>Hands-on penetration testing covering network, web, and system exploitation.</p>
        </a>

        <a href="https://www.credly.com/badges/971fb3ec-f816-4443-87f3-7c635873bfc1" target="_blank" rel="noopener" class="cert-card">
          <img src="google.png" alt="Google Cybersecurity Certificate" />
          <h3>Google Cybersecurity</h3>
          <p>SIEM, threat modeling, incident response.</p>
        </a>

        <a href="https://courses.edx.org/certificates/24e70eb7162d454fb65de663d7c246db" target="_blank" rel="noopener" class="cert-card">
          <img src="cs50.png" alt="CS50 Cybersecurity" />
          <h3>Harvard CS50 Cybersecurity</h3>
          <p>Crypto, system security, and forensics fundamentals.</p>
        </a>
      </div>
    </section>

    <section class="fade-in">
      <h2>📨 Contact</h2>
      <p><i class="fas fa-envelope icon" aria-hidden="true"></i> Email: <a href="mailto:aliahmnam5@gmail.com">aliahmnam5@gmail.com</a></p>
      <p><i class="fab fa-linkedin icon" aria-hidden="true"></i> LinkedIn: <a href="https://linkedin.com/in/ali-radman-46706430b" target="_blank" rel="noopener">ali-radman-46706430b</a></p>
      <p><i class="fab fa-github icon" aria-hidden="true"></i> GitHub: <a href="https://github.com/3LiRad" target="_blank" rel="noopener">github.com/3LiRad</a></p>
    </section>
  </div>

  <script>
    // Fade-in on scroll
    const fadeInEls = document.querySelectorAll('.fade-in');
    const observer = new IntersectionObserver(entries => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('visible');
          entry.target.classList.remove('hidden');
        } else {
          entry.target.classList.remove('visible');
          entry.target.classList.add('hidden');
        }
      });
    }, { threshold: 0.1 });
    fadeInEls.forEach(el => observer.observe(el));

    // Binary rain background
    const canvas = document.getElementById("binaryCanvas");
    const ctx = canvas.getContext("2d");
    function sizeCanvas() {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
    }
    sizeCanvas();
    window.addEventListener('resize', sizeCanvas);

    const binary = "01";
    const fontSize = 14;
    let columns = Math.floor(canvas.width / fontSize);
    let drops = Array(columns).fill(1);

    function draw() {
      ctx.fillStyle = "rgba(15, 15, 15, 0.08)";
      ctx.fillRect(0, 0, canvas.width, canvas.height);
      ctx.fillStyle = "#ff0000";
      ctx.font = fontSize + "px monospace";
      for (let i = 0; i < drops.length; i++) {
        const text = binary[Math.floor(Math.random() * binary.length)];
        ctx.fillText(text, i * fontSize, drops[i] * fontSize);
        if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) drops[i] = 0;
        drops[i]++;
      }
    }
    setInterval(draw, 50);
  </script>
</body>
</html>