-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
273 lines (244 loc) · 12.5 KB
/
index.html
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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth;">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Amirmahdi Tizchang's personal website and online resume, showcasing achievements in computer science, web development, AI, machine learning, and problem-solving using Python, SQL, and LeetCode.">
<meta name="keywords" content="Amirmahdi Tizchang, AmirMahdi-Tizchang, web development, AI, machine learning, CS50, LeetCode, Python, SQL, resume, blog">
<meta name="author" content="Amirmahdi Tizchang">
<title>AmirMahdi-Tizchang</title>
<script defer src="app.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link href="me-2.jpeg" rel="icon">
<!-- Preconnect to improve performance -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Amirmahdi Tizchang",
"jobTitle": "Web Developer & Data Analyst",
"url": "https://amirmahditizchang.onrender.com/",
"sameAs": [
"https://github.com/AmirMahdi-Tizchang",
"https://linkedin.com/in/Amirmahdi-Tizchang",
"https://twitter.com/AmirmahdiTizchang"
],
"image": "img/me-2.jpeg",
"description": "Amirmahdi Tizchang's portfolio of work in web development, AI, and problem-solving using Python and SQL."
}
</script>
</head>
<body>
<br>
<section class="hidden">
<h1 class="text-center"> Hello, World! </h1>
<i class="fa-solid fa-globe" style="font-size: 50px;"></i>
</section>
<br>
<section class="hidden">
<h1 class="text-center">Amirmahdi Tizchang </h1>
<p class="text-center">
I have been creating some interesting projects such as community for travellers name Travel Time and Machine Learning ideas and web development for businesses, I have a huge amount of knowledge and experience in Python and Data Analytics working with MySQL and PostgreSQL and also finding the most optimal algorithms in solving Leetcode problems est.
I earn several certificates and degrees from Harvard CS50 courses and Google Courses as well.
I always looking opportunities to get better!
</p>
</section>
<section class="hidden"><i class="fa-solid fa-user">
<h2 class="text-center">me in real life</h2>
</i>
<br>
<img src="ME.jpeg" class="rounded-rectangle pic" style="object-fit: cover; width: 100%; height: auto; max-width: 400px; max-height: 400px; min-width: 200px; min-height: 200px;">
<p class="text-center">Long Time, No See?!</p>
</section>
<section class="hidden">
<i class="fa-solid fa-message">
<h2 class="text-center">Keep in Touch!</h2>
</i>
<br>
<div class="accounts">
<div class="social-icons hidden">
<a href="https://github.com/AmirMahdi-Tizchang">
<i class="fab fa-github"></i> Github
</a>
</div>
<div class="social-icons hidden">
<a href="https://leetcode.com/u/AmirMahdi-Tizchang/">
<i><img src="leetcode.png" width="30" height="30"></i>
Leetcode
</a>
</div>
<div class="social-icons hidden">
<a href="https://github.com/AmirMahdi-Tizchang">
<i class="fa-brands fa-linkedin"></i> Linked-in
</a>
</div>
<div class="social-icons hidden">
<a href="https://www.facebook.com/amirmahdi.tizchang">
<i class="fab fa-facebook-f"></i> Facebook
</a>
</div>
<div class="social-icons hidden">
<a href="https://www.instagram.com/amirmahdi.tizchang">
<i class="fab fa-instagram"></i> Instagram
</a>
</div>
<div class="social-icons hidden">
<a href="https://www.youtube.com/@amirmahditizchang5689">
<i class="fab fa-youtube"></i> Youtube
</a>
</div>
<div class="social-icons hidden">
<a href="https://t.me/AmirMAhdiTizchang">
<i class="fab fa-telegram-plane"></i> Telegram
</a>
</div>
<div class="social-icons hidden">
<a href="http://wa.me/9129582040">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
</div>
<div class="social-icons hidden">
<a href="mailto:[email protected]">
<i class="fas fa-envelope"></i> E-mail
</a>
</div>
</div>
<br>
<p class="text-center">My Social Media Accouns</p>
</section>
<section class="hidden">
<i class="fa-solid fa-language">
<h2 class="text-center">Language</h2>
</i>
<p class="text-center">
<ul>
<li>I am proficient in Persian 🇮🇷 (my mother tongue)</li>
<li>English 🇬🇧 (IELTS score of 8.6)</li>
<li>basic knowledge of French 🇫🇷</li>
</ul>
</p>
</section>
<section class="hidden">
<i class="fa-solid fa-code">
<h2 class="text-center">Programming Language</h2>
</i>
<br>
<div class="accounts text-center" style="display: flex; gap: 10px; flex-wrap: wrap;">
<div class="social-icons hidden">
<div class="card border-light mb-3" style="width: 100%; max-width: 150px;">
<div class="card-body">
<p class="text-light"><i class="fa-brands fa-python"></i> Python</p>
</div>
</div>
</div>
<div class="social-icons hidden">
<div class="card border-primary mb-3" style="width: 100%; max-width: 150px;">
<div class="card-body">
<p class="text-light"><i class="fa-brands fa-java"></i> Java</p>
</div>
</div>
</div>
<div class="social-icons hidden">
<div class="card border-secondary mb-3" style="width: 100%; max-width: 150px;">
<div class="card-body">
<p class="text-light"><i class="fa-brands fa-js"></i> JavaScript</p>
</div>
</div>
</div>
<div class="social-icons hidden">
<div class="card border-danger mb-3" style="width: 100%; max-width: 150px;">
<div class="card-body">
<p class="text-light"><i class="fa-brands fa-swift"></i> Swift</p>
</div>
</div>
</div>
<div class="social-icons hidden">
<div class="card border-warning mb-3" style="width: 100%; max-width: 150px;">
<div class="card-body">
<p class="text-light"><i class="fa-solid fa-c"></i>++</p>
</div>
</div>
</div>
<div class="social-icons hidden">
<div class="card border-info mb-3" style="width: 100%; max-width: 150px;">
<div class="card-body">
<p class="text-light"><i class="fa-solid fa-c"></i></p>
</div>
</div>
</div>
<div class="social-icons hidden">
<div class="card border-success mb-3" style="width: 100%; max-width: 150px;">
<div class="card-body">
<p class="text-light"><i class="fa-brands fa-golang"></i></p>
</div>
</div>
</div>
</div>
<br>
<p class="text-center">How I Can Communicate With Computers</p>
</section>
<style>
/* Adjust layout for smaller screens */
@media (max-width: 768px) {
.card {
width: 100%;
max-width: 100%;
}
.accounts {
justify-content: center;
}
}
</style>
<section class="hidden"><i class="fa-solid fa-certificate">
<h2 class="text-center">Achievements</h2>
</i>
<br>
<p class="text-center">
<ul>
<li><strong>CS50X 2023</strong>: Harvard's Introduction to Computer Science and the art of programming.</li>
<li><strong>CS50W 2020</strong>: Comprehensive course on web development with Python and JavaScript.</li>
<li><strong>CS50P 2022</strong>: In-depth course on programming with Python.</li>
<li><strong>CS50S 2021</strong>: An engaging introduction to programming with Scratch.</li>
<li><strong>CS50T 2017</strong>: Understanding Technology.</li>
<li><strong>CS50AI 2024</strong>: Harvard's course on artificial intelligence.</li>
<li><strong>GD50 2018</strong>: A course focusing on game development.</li>
<li><strong>CS50SQL 2024</strong>: Course on SQL and database management.</li>
<li><strong>Google Project Management</strong></li>
<li><strong>Google Cybersecurity</strong></li>
<li><strong>Google Data Analytics</strong></li>
</ul>
<p class="text-center">- Pure Knowledge</p>
</section>
<section class="hidden"><i class="fa-solid fa-flask">
<h2 class="text-center">Leetcode Problem Sets </h2>
</i>
<br>
<div class="progress-container">
<div class="progress">
<div class="progress-bar progress-bar-striped bg-success progress-bar-animated" role="progressbar" style="width: 17%;" aria-valuenow="17" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar progress-bar-striped bg-warning progress-bar-animated" role="progressbar" style="width: 36%;" aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar progress-bar-striped bg-danger progress-bar-animated" role="progressbar" style="width: 13%;" aria-valuenow="13" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="text-center" style="display: flex; gap: 10px;">
<p class="text-success">Easy 65/828</p>
<p class="text-warning">Medium 73/1731</p>
<p class="text-danger">Hard 18/749</p>
</div>
</section>
<section class="hidden"><i class="fa-solid fa-quote-left">
<h2 class="text-center">My Favourite quote </h2>
</i>
<br>
<h2 class="text-center">The major reason for setting a goal is for what it makes of you to accomplish it. What it makes of you will always be the far greater value than what you get.</h2>
<p class="text-center">- Jim Rohn</p>
</section>
<section class="hidden">
<h2 class="text-center">Wishing You The Best...</h2>
</section>
</body>
</html>