forked from ndoherty-xyz/unemployables-portfolio-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
236 lines (206 loc) · 11.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="./assets/images/22.png" />
<title>Mahdi Rezaei Adariani</title>
<meta name="description" content="None">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="./css/layout.css">
<link rel="stylesheet" href="./css/typography.css">
<link rel="stylesheet" href="./css/utilities.css">
<script defer src="./js/script.js"></script>
</head>
<body>
<!-- NAVBAR -->
<div class="navbar">
<a class="nav-title-link" href="./index.html">
<span class="nav-title">Home</span>
</a>
<a class="button" id="cv-link" href="your-cv-file.pdf" target="_blank">
<span class="button-text">Download my CV</span>
<img src="./assets/icons/downloads.svg" class="down-arrow-icon" />
</a>
</div>
<!-- MAIN PAGE CONTENT -->
<div id="main-content">
<!-- PORTFOLIO HEADER -->
<div id="portfolio-header">
<div id="portfolio-header-image-container">
<img src="./assets/images/MahdiRezaei.jpg" class="portfolio-header-image">
<a class="no-underline" target="_blank" href="https://opensea.io/assets/0xe0be388ab81c47b0f098d2030a1c9ef190691a8a/1311">
<span class="image-caption"> </span>
</a>
</div>
<div id="portfolio-header-text-container">
<div class="header-text">
<span class="main-title">Mahdi Rezaei Adariani</span>
<div class="body-text">
<p>PhD Candidate (Biomedical Engineering) </p>
<p>CHUM Hospital Research Centre, Montreal, Canada</p>
<p>Inria, Saclay, France</p>
</div>
<!-- <img src="./assets/images/inria.svg" class="portfolio-header-image"> -->
</div>
<div class="buttons-container">
<a class="button" id="my-work-link">
<span class="button-text">Check out my projects</span>
<img src="./assets/icons/arrow-right.svg" class="right-arrow-icon" />
</a>
<!-- <a class="button" id="cv-link" href="your-cv-file.pdf" target="_blank">
<span class="button-text">Download my CV</span>
<img src="./assets/icons/downloads.svg" class="down-arrow-icon" />
</a> -->
</div>
</div>
</div>
<!-- ABOUT SECTION -->
<!--
TODO
- Change the subheader-text to whatever header you want
- Add paragraphs using the <div class="body-text"></div> elements in the "about-section-content"
-->
<div id="about-section">
<span class="subheader-text">My Background / About Me</span>
<div class="about-section-content">
<!-- <div class="body-text">I hold a master's degree in Computational Engineering from Strasbourg University and am currently a PhD candidate at CHUM Hospital, where my research is centered on magnetic resonance navigation for liver cancer treatment.</div>
<div class="body-text">My academic journey has been shaped by a diverse range of interests, with a particular passion for Computational Fluid Dynamics (CFD) and numerical modeling. Before embarking on my PhD, I gained extensive experience in CFD projects worldwide. However, it was my fascination with biomedical simulations that led me to focus my doctoral research..</div>
<div class="body-text">My current work revolves around modeling paramagnetic particles used in liver tumor embolization procedures, where magnetic resonance imaging (MRI) is employed to apply magnetic forces. My goal is to contribute to the advancement of liver cancer treatment through interdisciplinary research..</div>
-->
<div class="body-text">I hold a master's degree in Computational Engineering from Strasbourg University and am currently pursuing a PhD at CHUM Hospital research center in collaboration with the Simbiotx team at Inria, Saclay, France. Before starting my doctoral journey, I gained valuable experience by working on diverse Computational Fluid Dynamics (CFD) projects worldwide for several years. However, my passion for biomedical simulations ultimately guided my academic path.</div>
<div class="body-text">My PhD research is focused on enhancing the Magnetic Resonance Navigation (MRN) technique—an innovative approach to treating liver cancer—through numerical modeling. In the MRN process, we inject paramagnetic particles into the hepatic artery using a catheter. These particles are then guided to the tumor location within the liver by magnetic forces generated through MRI technology. However, further investigation into the formation of particle aggregates and the forces acting upon them is necessary, forming the foundation of my research.</div>
</div>
</div>
<!-- EDUCATION SECTION -->
<div id="education-section">
<span class="subheader-text">Education</span>
<ul>
<li>
<span class="item-title">Ph.D. Candidate in Biomedical Engineering,</span>
<span class="item-description">Montreal University, Montreal, Canada 2021-present</span>
</li>
<li>
<span class="item-title">M.S. in Computational Engineering,</span>
<span class="item-description">Strasbourg University, Strasbourg, France 2014-2016</span>
</li>
<li>
<span class="item-title">B.S. in Mechanical Engineering,</span>
<span class="item-description">Azad University, Isfahan, Iran 2007-2012</span>
</li>
</ul>
</div>
<!-- Honors SECTION -->
<div id="honors-section">
<span class="subheader-text">Honors & Awards</span>
<ul>
<li>
<span class="item-title">DÉFI CRCHUM,</span>
<span class="item-description">CRCHUM conference scholarship - FALL 2023 competition, Montreal, Canada</span>
</li>
<li>
<span class="item-title">Travel Award,</span>
<span class="item-description">28th Congress of the European Society of Biomechanics, Maastricht, NL</span>
</li>
<li>
<span class="item-title">Best Poster Prize,</span>
<span class="item-description">Engineering for Health Interdisciplinary Center (E4H), Paris, France</span>
</li>
<li>
<span class="item-title">Siemens Innovation Think Tank,</span>
<span class="item-description">First Winner Team in Siemens Healthineers Pan-Canada, Montreal, Canada</span>
</li>
<li>
<span class="item-title">HPC-Europa3 fund,</span>
<span class="item-description">Visiting researcher at Manchester university, Manchester, UK</span>
</li>
<li>
<span class="item-title">Erasmus+ scholarship,</span>
<span class="item-description">Awards scholarships to the world's best students for one or two years of studies, Munich, Germany</span>
</li>
<li>
<span class="item-title">Top student,</span>
<span class="item-description">The Top-ranking Student in the Master of Computational Engineering, Strasbourg, France</span>
</li>
</ul>
</div>
<!-- PROJECTS / MY WORK SECTION -->
<div id="my-work-section">
<!-- TODO - Change the subheader-text to whatever you want the Projects section header to say -->
<span class="subheader-text">My Work / My Projects</span>
<div class="projects-container">
<!--
TODO
This is where the project cards live. Here's a base level project card for you to copy:
<div class="project-card">
<img src="./assets/images/IMAGE_NAME" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">PROJECT_NAME</div>
<div class="body-text project-card-text">SMALL_PROJECT_DESCRIPTION</div>
</div>
<a class="button" href="./project-pages/PROJECT_PAGE_NAME.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
- To add a project to the this area, copy the above, paste it below this comment, and change the following:
- IMAGE_NAME: the name of the image file in assets/images
- PROJECT_NAME: the name of the project (keep it short, it only shows 1 line)
- SMALL_PROJECT_DESCRIPTION: a quick project description (max 4 lines)
- PROJECT_PAGE_NAME.html: the html filename for the project (must be in project-pages folder)
-->
<div class="project-card">
<img src="./assets/images/desktop.jpeg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Magnetic Resonance Navigation</div>
<div class="body-text project-card-text">Elit pellentesque habitant morbi tristique senectus et netus et. Elementum tempus egestas sed sed risus pretium quam. Nibh ipsum consequat nisl vel pretium</div>
</div>
<a class="button" href="./project-pages/project-template.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/code.jpeg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Image Processing & 4D Flow MRI</div>
<div class="body-text project-card-text">Medical images DICOM files using Python</div>
</div>
<a class="button" href="./project-pages/project-template.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/sketchbook.jpeg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Super Long Project Name That Should be Hidden</div>
<div class="body-text project-card-text">Elit pellentesque habitant morbi tristique senectus et netus et. Elementum tempus egestas sed sed risus pretium quam. Nibh ipsum consequat nisl vel pretium</div>
</div>
<a class="button" href="./project-pages/project-template.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<div id="footer">
<a class="icon-link" href="mailto:[email protected]">
<image src="./assets/icons/mail.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://www.linkedin.com/in/mahdi-rezaei-adariani/">
<image src="./assets/icons/linkedin.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://www.researchgate.net/profile/Mahdi-Rezaei-Adariani-2">
<image src="./assets/icons/researchgate.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://scholar.google.com/citations?user=5jEkyjUAAAAJ&hl=en">
<image src="./assets/icons/googlescholar.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://twitter.com/RezaeiAdMahdi">
<image src="./assets/icons/twitter.svg" class="footer-icon"/>
</a>
</div>
</body>
</html>