-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (163 loc) · 5.72 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
<!doctype html>
<html>
<head>
<title>Dr. Ali Farnoud | Personal Portfolio</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #1a1a2e; /* Deep teal blue */
color: #ecf0f1;
margin: 0;
padding: 0;
line-height: 1.6;
}
header {
background: #0f2a44; /* Dark navy blue */
color: white;
padding: 10px 0;
text-align: center;
}
header h1 {
margin: 0;
color: #4ecca3; /* Lighter teal */
}
nav ul {
list-style: none;
padding: 0;
margin: 10px 0 0 0;
display: flex;
justify-content: center;
}
nav ul li {
margin: 0 15px;
}
nav ul li a {
color: #4ecca3; /* Lighter teal for links */
text-decoration: none;
font-weight: bold;
}
nav ul li a:hover {
text-decoration: underline;
}
.container {
display: flex;
max-width: 1200px;
margin: 20px auto;
padding: 20px;
}
.sidebar {
width: 250px;
background: #305f72; /* Medium blue-teal */
padding: 20px;
margin-right: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
color: #ecf0f1;
height: auto; /* Automatically adjust the height to the content */
position: sticky; /* Sidebar sticks but doesn't scroll down */
top: 20px; /* The sidebar stays fixed after scrolling */
display: flex;
flex-direction: column;
}
.sidebar img {
width: 100%;
border-radius: 50%;
margin-bottom: 15px;
}
.sidebar h2 {
margin-bottom: 15px;
color: #ecf0f1;
text-align: center;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.sidebar ul li {
margin-bottom: 10px;
}
.sidebar ul li a {
color: #1abc9c;
text-decoration: none;
font-weight: bold;
}
.sidebar ul li a:hover {
color: #16a085;
}
.content {
flex: 1;
background: #193446; /* Deep teal blue */
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.content h2 {
color: #4ecca3;
margin-bottom: 20px;
text-align: left;
}
.content p {
margin-bottom: 20px;
}
footer {
background: #0f2a44;
color: white;
text-align: center;
padding: 10px 0;
margin-top: 20px;
}
.social-media a {
margin: 0 10px;
color: #4ecca3;
text-decoration: none;
}
.social-media a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Dr. Ali Farnoud</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</nav>
</header>
<div class="container">
<div class="sidebar">
<img src="photo.jpg" alt="Dr. Ali Farnoud">
<h2>Dr. Ali Farnoud</h2>
<ul>
<li><a href="https://www.researchgate.net/profile/Ali-Farnoud">ResearchGate</a></li>
<li><a href="https://x.com/Farnoud_Ali">Twitter</a></li>
<li><a href="https://www.linkedin.com/in/ali-farnoud/">LinkedIn</a></li>
<li><a href="https://github.com/AFarnoud/">GitHub</a></li>
<li><a href="https://scholar.google.com/citations?user=hMi526QAAAAJ">Google Scholar</a></li>
<li><a href="https://orcid.org/0000-0002-9298-5497">ORCID</a></li>
</ul>
</div>
<div class="content">
<h2>Welcome to My Personal Portfolio</h2>
<p>Hello! I'm Dr. Ali Farnoud, a data scientist in quantitative clinical pharmacology, pharmacometrics, and co-founder of PolarisAI, a FinTech startup. This website is a hub for my work, projects, and insights into the latest in AI, machine learning, and data science applications.</p>
<h2>Explore My Work</h2>
<p>Feel free to navigate through my <strong>resume</strong>, <strong>projects</strong>, and <strong>blog</strong> to see my latest work and publications. I work on a wide range of topics, from machine learning in clinical pharmacology to finance technologies and optimization of portfolio.</p>
<h2>Stay Updated</h2>
<p>I regularly update my blog with new insights and tutorials, especially in areas like portfolio management, AI applications, and scientific programming.</p>
</div>
</div>
<footer>
<p>© 2024 Ali Farnoud</p>
<div class="social-media">
<a href="https://www.researchgate.net/profile/Ali-Farnoud" target="_blank">ResearchGate</a>
<a href="https://x.com/Farnoud_Ali" target="_blank">Twitter</a>
<a href="https://www.linkedin.com/in/ali-farnoud/" target="_blank">LinkedIn</a>
<a href="https://github.com/AFarnoud/" target="_blank">GitHub</a>
<a href="https://scholar.google.com/citations?user=hMi526QAAAAJ" target="_blank">Google Scholar</a>
<a href="https://orcid.org/0000-0002-9298-5497" target="_blank">ORCID</a>
</div>
</footer>
</body>
</html>