My-portfolio/index.html at main · commitWithTisha/My-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
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
<!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="stylesheet" href="portfolio.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
    <div class="main-wrapper">
        <!-- Left Sidebar (Empty space) -->
        <div class="sidebar left-sidebar"></div>

        <!-- Center Content -->
        <div class="center-content">
            <!-- Image Banner -->
            <div class="banner-section">

            </div>

            <!-- Navigation -->
            <nav class="nav-bar">
                <ul>
                    <li><a href="#about">About</a></li>
                    <li><a href="#skills">Skills</a></li>
                    <li><a href="#projects">Projects</a></li>
                    <li><a href="#learning">Learning</a></li>
                    <li><a href="#next">Next Steps</a></li>

                </ul>
            </nav>

            <!-- About Section -->
            <section id="about" class="section">
                <h2>Welcome, no bugs here probably</h2>
                <p>2nd year CS student obsessed with web design and building cool stuff. Currently exploring machine learning and trying to make my mark on open source. When I'm not coding, I'm either binge-watching anime or sketching. The creative side keeps me sane!</p>
            </section>

            <!-- Skills Section -->
            <section id="skills" class="section">
                <h2>Skills</h2>
                <div class="skills-grid">
                    <div class="skill-item">
                        <h3>Web Development</h3>
                        <p>HTML, CSS, JavaScript, Learning React</p>
                    </div>
                    <div class="skill-item">
                        <h3>Programming</h3>
                        <p>Python</p>
                    </div>
                    <div class="skill-item">
                        <h3>Tools & Platforms</h3>
                        <p>Git, GitHub, VS Code</p>
                    </div>
                    <div class="skill-item">
                        <h3>Design</h3>
                        <p>UI/UX, Figma</p>
                    </div>
                </div>
            </section>

            <!-- Projects Section -->
            <!--<section id="projects" class="section">
                <h2>Projects </h2>
                <div class="projects-grid">
                    <div class="project-item">
                        <div class="project-img">
                            <img src="https://via.placeholder.com/300x200?text=Project+1" alt="Project 1">
                        </div>
                        <h3>Project One</h3>
                        <p>Brief description of what this project does and what you learned from building it. Add your achievements and key features here.</p>
                        <div class="project-tags">
                            <span class="tag">HTML</span>
                            <span class="tag">CSS</span>
                            <span class="tag">JavaScript</span>
                        </div>
                    </div>

                    <div class="project-item">
                        <div class="project-img">
                            <img src="https://via.placeholder.com/300x200?text=Project+2" alt="Project 2">
                        </div>
                        <h3>Project Two</h3>
                        <p>Describe what makes this project special. Talk about the challenges you overcame and the results you achieved.</p>
                        <div class="project-tags">
                            <span class="tag">React</span>
                            <span class="tag">API</span>
                            <span class="tag">Python</span>
                        </div>
                    </div>

                    <div class="project-item">
                        <div class="project-img">
                            <img src="https://via.placeholder.com/300x200?text=Project+3" alt="Project 3">
                        </div>
                        <h3>Project Three</h3>
                        <p>Share your project story here. What inspired it? What did you build and how did you solve problems along the way?</p>
                        <div class="project-tags">
                            <span class="tag">Java</span>
                            <span class="tag">Database</span>
                            <span class="tag">Git</span>
                        </div>
                    </div>
                </div>
            </section> -->

            <!-- What I'm Learning Section -->
            <section id="learning" class="section">
                <h2>Leveling up</h2>
                <div class="learning-list">
                    <div class="learning-item">
                        <h3>Building Micrograd</h3>
                        <p>Micrograd is a tiny neural network library built from scratch that implements automatic differentiation, demonstrating the core mechanics of how modern deep learning frameworks like PyTorch work under the hood</p>
                    </div>
                    <div class="learning-item">
                        <h3>Web Design Principles</h3>
                        <p>Understanding UI/UX best practices, accessibility standards, and creating beautiful, user-friendly interfaces.</p>
                    </div>
                    <div class="learning-item">
                        <h3>Machine learning</h3>
                        <p>I'm building my foundation in machine learning by exploring data preprocessing, model training, and evaluation across different algorithms and datasets.</p>
                    </div>
                    <div class="learning-item">
                        <h3>PyTorch and React</h3>
                        <p>Currently learning React for frontend development and PyTorch for deep learning, building projects that combine web applications with machine learning models.</p>
                    </div>
                </div>
            </section>

            <!-- What's Next Section -->
            <section id="next" class="section">
                <h2>Next on my radar is...</h2>
                <div class="next-goals">
                    <div class="goal-item">
                        <h3>🚀 Land research oppurtunity</h3>
                        <p>Secure a research position where I can investigate cutting-edge topics in machine learning or AI, contribute to published work, and deepen my understanding of advanced concepts..</p>
                    </div>
                    <div class="goal-item">
                        <h3>💼 Get an Internship</h3>
                        <p>Gain hands-on experience at a tech company by working on real projects, learning from experienced engineers, and building practical skills in a professional environment.</p>
                    </div>
                    <div class="goal-item">
                        <h3>🤝 Contribute to Open Source</h3>
                        <p>Give back to the community by contributing to open-source projects and collaborating with developers worldwide.</p>
                    </div>
                    <div class="goal-item">
                        <h3>📱 Master Machine Learning</h3>
                        <p>Deepen my expertise in machine learning by building end-to-end projects, experimenting with advanced techniques, and staying current with the latest frameworks and best practices</p>
                    </div>
                </div>
            </section>

            <!-- Contact Section -->
            <section id="contact" class="section contact-section">
                <h2>Get In Touch</h2>
                <div class="contact-container">
                    <p>I'd love to hear from you! Feel free to reach out through any of these platforms:</p>
                    <div class="contact-links">
                        <a href="mailto:tishaa1010.com" class="contact-link"><i class="fa-solid fa-envelope"></i></a>
                        <a href="https://github.com/commitWithTisha" target="_blank" class="contact-link"><i class="fab fa-github"></i></a>
                        <a href="https://linkedin.com/in/tishapatel10" target="_blank" class="contact-link"><i class="fa-brands fa-linkedin"></i></a>
                    </div>
                </div>
            </section>

            <!-- Footer -->
            <!--<footer>
                <p>&copy; 2025 [Your Name]. All rights reserved. Made with 💖</p>
            </footer>-->
        </div>

        <!-- Right Sidebar (Empty space) -->
        <div class="sidebar right-sidebar"></div>
    </div>

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