BufferFis.github.io/index.html at main · BufferFis/BufferFis.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Portfolio</title>
    <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=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <ul class="navbar">
        <li><a class="navbar-item active-page" href="index.html">Home</a></li>
        <li><a class="navbar-item" href="projects.html">Projects</a></li>
        <li><a class="navbar-item" href="about.html">About</a></li>
        <li><a class="navbar-item" href="certificates.html">Certificates</a></li>
        <li><a class="navbar-item" href="contact.html">Contact</a></li>


    </ul>

    <div class="container">
        <header>
            <h1>My Portfolio</h1>
            <p class="tagline">Machine Learning Researcher | NLP Engineer | Game Enthusiast</p>
        </header>

        <section>
            <h2>About Me</h2>
            <div class="about-me">
                <p>
                    Hallo Every one :D<br><br>
                    It's Samar here, a passionate Machine Learning Researcher, I specialize in the field of Natural Language Processing and working with Large Language Models. I am usually into research projects and love reading research papers which are based on making heavy models run in low resource scenarios.<br><br>
                    All this aside I love playing warthunder or ultrakill in my free time, and I also know somewhat of blender. <br>
                </p>
                <img src="oiia-oiiaoiia.gif" alt="Your Photo">
            </div>
            <p class="text-center">
                <a href="certificates/Samar_s_CV.pdf" class="btn" target="_blank">Download My Resume</a>
            </p>
        </section>

        <section>
            <h2>Technical Skills</h2>
            <div class="tech-skills">
                <div class="skill-category">
                    <h3>Languages</h3>
                    <p>Python, Java, C/C++, JavaScript, HTML, CSS</p>
                </div>
                <div class="skill-category">
                    <h3>Frameworks</h3>
                    <p>PyTorch, TensorFlow, SciKit learn, React, FastAPI,</p>
                </div>
                <div class="skill-category">
                    <h3>Databases</h3>
                    <p>MySQL, OracleDB</p>
                </div>
                <div class="skill-category">
                    <h3>Tools</h3>
                    <p>Git, GitHub, VS Code, Linux, Latex</p>
                </div>
            </div>
        </section>

        <section>
            <h2>Featured Projects</h2>
            <div class="project-grid">

                <div class="project-card" style="--order: 3;">
                    <h3>Pseudo Split learning Neural Netowrk</h3>
                    <p>Built a neural network with split sever and client class working on MNIST dataset</p>
                    <div class="tech-stack">
                        <span class="tech">Deep Learning</span>
                        <span class="tech">Algorithm</span>
                        <span class="tech">Python</span>
                    </div>
                </div>

                <div class="project-card" style="--order: 1;">
                    <h3>Transformer</h3>
                    <p>Created a Transformer from scratch by just using PyTorch</p>
                    <div class="tech-stack">
                        <span class="tech">Python</span>
                        <span class="tech">Pytorch</span>
                        <span class="tech">Numpy</span>
                    </div>
                </div>

                <div class="project-card" style="--order: 2;">
                    <h3>Bigram Model</h3>
                    <p>Implemented a bigram language model from scratch using NumPy.</p>
                    <div class="tech-stack">
                        <span class="tech">Python</span>
                        <span class="tech">NumPy</span>
                    </div>
                </div>
            </div>
            <p class="text-center">
                <a href="projects.html" class="btn">View All Projects</a>
            </p>
        </section>

        <section>
            <h2>Contact me</h2>
            <p>Want to collaborate on a project or just say hi?</p>
            <p>FIX MY COMPUTER NETWORKS CODE AT: <a href="https://github.com/bufferfis" class="hub">MY GITHUB RIGHT HERE</a></p>
            <p class="text-center">
                <a href="contact.html" class="btn">Get in Touch</a>
            </p>
        </section>
    </div>

    <button class="mode-toggle" id="modeToggle">🌙</button>

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