unique-portfolio/index.html at main · codeByunique/unique-portfolio · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Home Page</title>
    <link rel="stylesheet" type="text/css" href="src/style/style.css">
    <link rel="icon" href="assets/favicons/favicon.png" type="image/png" sizes="32x32">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
    <link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
</head>

<body>

<!-- Hello -->
    <header class="header" id="header">
        <a href="index.html" class="logo"><span class="main-icon"></span><span>CodeByUnique</span></a>

        <div class="navbar">
            <a href="index.html" class="active">Home</a>
            <a href="src/pages/skills.html">Skills</a>
            <a href="src/pages/education.html">Education</a>
            <a href="src/pages/certificates.html">Certificates</a>
            <a href="src/pages/projects.html">Projects</a>
            <a href="src/pages/contact.html">Contact</a>
        </div>

        <div class="main">
            <div class="main-items menu-icon-container" id="menu-icon-js">
                <div class="bx bx-menu" id="menu-icon"></div>
            </div>
        </div>
    </header>

    <div class="page">
        <section class="about" id="about">
            <div class="about-content">
                <div class="column right">
                    <img src="assets/main-image.jpeg" alt="">
                </div>
                <div class="column left">
                    <div class="text">I'm Atabul and I'm a <span id="typed" class="iAm"></span></div>
                        <p>
                            A passionate and self-motivated <strong>B.Tech (CSE) student at NIET, Greater Noida</strong>, with a strong interest in <strong>backend development, cybersecurity</strong>, and <strong>scalable systems</strong>.
                            <br><br>
                            I specialize in building real-world web applications using <strong>Java</strong>, <strong>Spring Boot</strong>, and <strong>MySQL</strong>, including a full-featured <strong>Stock Management System</strong> that showcases my skills in <strong>RESTful APIs</strong>, <strong>database design</strong>, and <strong>scalable architecture</strong>.
                            <br><br>
                            I'm also deeply involved in learning <strong>Data Structures & Algorithms (DSA)</strong> and <strong>System Design</strong> to strengthen my problem-solving skills for upcoming placements.
                            <br><br>
                            To contribute to the tech community, I’ve created an open-source GitHub repository called <a href="https://github.com/codeByunique/dsa-with-java" class="DSA-link" target="_blank">DSA with Java</a>, where learners can find and contribute well-explained coding solutions to master core concepts.
                            <br><br>
                            Always excited to <strong>learn, build, and collaborate</strong> — let’s connect and create something impactful!
                        </p>

                    <div class="buttons">
                        <a href="assets/resume/Atabul_Resume.pdf" download class="download-btn">Download CV</a>
                        <a href="src/pages/contact.html" class="cm-button">Contact Me</a>
                    </div>
                </div>
            </div>
        </section>

        <footer class="footer">
            <div class="left">
            &copy; 2025 • codebyunique • All Rights Reserved
            </div>
    <div class="right">
      <div class="social"><a href="https://www.youtube.com/@CodeByUnique" target="_blank"><i class="fa-brands fa-youtube"></i></a></div>
      <div class="social"><a href="https://www.instagram.com/codebyunique/" target="_blank"><i class="fa-brands fa-instagram"></i></a></div>
      <div class="social"><a href="https://www.linkedin.com/in/07atabul/" target="_blank"><i class="fa-brands fa-linkedin"></i></a></div>
      <div class="social"><a href="https://github.com/codebyunique" target="_blank"><i class="fa-brands fa-github"></i></a></div>
    </div>
        </footer>
    </div>

    <div class="nav-touch-close" id="nav-tc-js"></div>

    <script type="text/javascript" src="src/script/script.js"></script>

    <script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
    <script>
        var typed = new Typed('#typed', {
            strings: ['Web Developer ', 'Ethical Hacker ', 'DSA Explorer '],
            typeSpeed: 55,
        });
    </script>

</body>

</html>