-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (126 loc) · 5.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>About Me</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="p-5 bg-primary text-white text-center">
<h1>Read About Me</h1>
<p>Hello world! 🌍 I'm Amirmahdi Tizchang!</p>
</div>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container-fluid">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="index.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Me</a>
</li>
</ul>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-sm-4">
<h2>About Me</h2>
<hr />
<h5>Photo of me:</h5>
<div class="fakeimg"><img alt="ME" src="ME.JPG" style="width: 300px; height: 500px;" /></div>
<p/>
<p>I'm really passionate technology and relentless learner, specializing in the art of crafting solutions with
A.I. 🤖 and back-end web development.📡 I've always had an insatiable curiosity for technology and I've spent
countless hours honing my skills.</p>
<h3 class="mt-4">Pages</h3>
<p>My personal webpage</p>
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link active" href="index.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Me</a>
</li>
</ul>
<hr class="d-sm-none">
</div>
<div class="col-sm-8">
<h3>📚 My continuous pursuit of knowledge has led to numerous accomplishments:</h3>
<h5>My Achievements, Dec 28, 2023</h5>
<hr />
<ul>
<li>I achieved a stellar score of 8.6 in the IELTS examination. 🏅</li>
<li> Completion of challenging Computer science courses including:</li>
<ul>
<li><strong>CS50X 2023:</strong> Harvard's renowned Introduction to Computer Science and the art of
programming. 💡</li>
<li><strong>CS50P 2022 & CS50W 2020:</strong> Comprehensive courses on programming and web development with
Python and JavaScript. 🌐 🐍</li>
<li><strong>CS50S 2021:</strong> An engaging introduction to programming with Scratch, perfect for
beginners. 🐱👤</li>
<li><strong>CS50T 2017:</strong> A course that helped me understand the nuances of technology. 🛠</li>
</ul>
<li>I have attended the prestigious Google IT desk help. 🌐</li>
<li>I am a certified Lifeguard and an avid reader, hence the 'Book-crazy' certification. 🏊♂️📚</li>
</ul>
<h2 class="mt-5"> My Top Favourite Motivational Quotes</h2>
<hr />
<div class="card mt-3">
<div class="card-body">
<blockquote class="blockquote">
<p class="mb-0">"We always overestimate the change that will occur in the next two years and underestimate
the change that will occur in the next ten. Don't let yourself be lulled into inaction."</p>
<p />
<footer class="blockquote-footer">Bill Gates</footer>
</blockquote>
</div>
</div>
<div class="card mt-3">
<div class="card-body">
<blockquote class="blockquote">
<p class="mb-0">"Success is not to be pursued; it is to be attracted by the person you become."</p>
<p />
<footer class="blockquote-footer">Jim Rohn</footer>
</blockquote>
</div>
</div>
<div class="card mt-3">
<div class="card-body">
<blockquote class="blockquote">
<p class="mb-0">"The biggest risk is not taking any risk. In a world that's changing really quickly, the
only strategy that is guaranteed to fail is not taking risks."</p>
<p />
<footer class="blockquote-footer">Mark Zuckerberg</footer>
</blockquote>
</div>
</div>
<div class="card mt-3">
<div class="card-body">
<blockquote class="blockquote">
<p class="mb-0">"Never say never, because limits, like fears, are often just an illusion."</p>
<p />
<footer class="blockquote-footer">Michael Jordan</footer>
</blockquote>
</div>
</div>
<div class="card mt-3">
<div class="card-body">
<blockquote class="blockquote">
<p class="mb-0">"The only way to do great work is to love what you do.</p>
<p />
<footer class="blockquote-footer">Steve jobs</footer>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<div class="mt-5 p-4 bg-dark text-white text-center">
<p>Created by <a href="https://github.com/AmirMahdi-Tizchang">Amirmahdi Tizchang</a></p>
</div>
</body>
</html>