-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (151 loc) · 8.68 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Webpage</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<!-- Google Fonts -->
<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=Montserrat:wght@500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Libre+Bodoni:wght@400;700&display=swap" rel="stylesheet">
<!-- Style sheet -->
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- Navigation -->
<header>
<nav>
<div class="logo">
<h1>Portfolio</h1>
</div>
<ul class="nav-links">
<li><a href="#intro">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Introduction section -->
<section id="intro" class="intro">
<div class="container">
<div class="intro-content" id="side">
<h1>Hello there, </h1>
<h1> I'm <span class="name">A</span>hmed Tijani </h1>
<p class="positions">
<span> Software developer </span>
<span> Bioinformatician </span>
<span> Data science enthusiast </span>
</p>
</div>
</div>
</section>
<!-- About section -->
<section id="about" class="about">
<div class="container">
<div class="about-heading">
<h2> About </h2>
<p> Let me introduce myself </p>
</div>
<div class="about-intro">
<img class="profile-img" src="./images/profile_pic.PNG" alt="profile picture">
<p>
I am a dedicated Software developer currently pursuing a postgraduate in Bioinformatics. Skilled in using Python
and also adept at adapting to evolving technologies and methods. A rapid learner, staying abreast of industry trends.
A standout communicator and proven collaborator, consistently driving results through effective teamwork.
</p>
</div>
<div class="profile">
<hr>
<h3> Profile </h3>
<p>
Following my completion of a Bachelor's degree in Microbiology, I embarked on a
transformative journey through medical school, immersing myself in the intricacies
of healthcare for a span of three years. However, my curiosity and passion were increasingly drawn
towards the ever-evolving realm of technology. Hence, led me to delve deeper into the intersection of biology and computational science.
Consequently, I opted to pursue a postgraduate program in Bioinformatics at the University of Potsdam, shifting my academic focus.
This shift not only mirrored my changing career goals but also aligned with my passion for leveraging technology to innovate.
</p>
<hr>
<h3> Skills </h3>
<p>
I have experience in developing responsive frontend interfaces using <span> HTML, CSS, JavaScript, </span>and <span>React.js</span> for various projects.
During my courseworks, amongst various project using <span>Python</span>, I developed a versatile Parser app for FASTA and UNIPROT files
containing biological sequences adaptable for both command-line and GUI environments. I also developed a Monte Carlo simulation using <span>R</span>.
</p>
<hr>
<h3> Languages </h3>
<ul class="languages">
<li> English : Native speaker </li>
<li> German : B2 </li>
</ul>
</div>
</div>
</section>
<!-- Project section -->
<section id="projects" class="projects">
<div class="container">
<h2>Projects</h2>
<p class="sub_h2"> Contained in this carousel are some of my most recent projects </p>
<div class="project-carousel">
<div class="project-slide active" id="little-lemon">
<img src="./images/little-lemon.png" alt="little-lemon">
<div class="project-info">
<h3>Little Lemon</h3>
<p>
During my specialization course with Meta as a Frontend Developer, I utilized a range of modern technologies,
notably <span>HTML, CSS, JavaScript,</span> and <span>ReactJS</span>. One of my key assignments involved developing an application for a
family-owned restaurant in the Mediterranean region. This application included functionalities such as table
reservations and an interface for browsing through available dishes.
</p>
<a href="https://github.com/DevAhmed-py/little-lemon-reactApp" target="_blank">View Code</a>
</div>
</div>
<div class="project-slide" id="uniprot-parser">
<img src="./images/uniprot-parser.png" alt="uniprot-parser">
<div class="project-info">
<h3>UNIPROT Parser</h3>
<p>
A UniProt file, part of the Universal Protein Resource (UniProt) database, holds valuable biological sequence
data essential for bioinformatics research and analysis. In my project, I developed a Parser software using <span>Python</span>
and <span>RegExp</span> engineered to meticulously extract vital information such as GO, KEGG, and DOI numbers from each protein sequence within these files.
The software boasts adaptability for both command-line and GUI use, with <span>Tkinter</span> employed for the graphical interface.
</p>
<a href="https://github.com/DevAhmed-py/uniprot_parser" target="_blank">View Code</a>
</div>
</div>
<div class="project-slide" id="monte-carlo">
<img src="./images/monte-carlo_sim.png" alt="Project 3">
<div class="project-info">
<h3>Monte Carlo Simulation</h3>
<p>
Monte Carlo simulation (MCS) is a versatile technique used to estimate outcomes of uncertain events, widely applicable in fields
like ecology and infectious diseases. We employed this technique using <span>R</span> to model beetle population dynamics within a closed ecosystem
experiencing seasonal changes driven by fluctuations in food availability and habitat. Our findings revealed significant oscillations
akin to predator-prey relationships, primarily attributed to habitat loss-induced population declines.
</p>
<a href="https://github.com/benedikthaarscheidt/Monte_carlo_BeeSim" target="_blank">View Code</a>
</div>
</div>
</div>
</div>
</section>
<!-- Contact section -->
<section id="contact" class="contact">
<div class="container">
<ul class="social-links">
<li style="list-style: none;"><a href="https://github.com/DevAhmed-py" target="_blank"><i class="fab fa-github"></i></a></li style="list-style: none;">
<li style="list-style: none;"><a href="https://www.linkedin.com/in/ahmed-tijani-akinfalabi-ab1177164/" target="_blank"><i class="fab fa-linkedin"></i></a></li style="list-style: none;">
<li style="list-style: none;"><a href="mailto:akinfalabiahmed@gmail.com"><i class="fas fa-envelope"></i></a></li>
</ul>
</div>
<p id="copyright" style="text-align: center;"> </p>
</section>
<script src="script.js"></script>
</body>
</html>