-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathskills.html
157 lines (157 loc) · 32.2 KB
/
skills.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
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="/favicon.ico"><title>Ehsan Qasemi</title><script defer="defer" src="/static/js/main.88ab3dae.js"></script><link href="/static/css/main.ad7beef5.css" rel="stylesheet"><meta charset="utf-8" data-react-helmet="true"><link href="/static/css/responsive.css" rel="stylesheet" type="text/css"></head><body><div id="root"><div><div class="super_container"><header class="header" id="main_header"><div class="header_content d-flex flex-row align-items-center justify-content-start"><div class="logo">Ehsan Qasemi</div><div class="main_nav d-flex flex-row align-items-end justify-content-start"><ul class="d-flex flex-row align-items-center justify-content-start"><li class=""><a href="/about">About</a></li><li class=""><a href="/education">Education</a></li><li class=""><a href="/research">Research</a></li><li class=""><a href="/experience">Experience</a></li><li class=""><a href="/skills">Skills</a></li><li class=""><a href="/teaching">Teaching</a></li></ul></div><div class="menu"><div class="menu_content d-flex flex-row align-items-start justify-content-end"><div class="hamburger ml-auto">menu</div><div class="menu_nav text-right"><ul><li><a href="/about">About</a></li><li><a href="/education">Education</a></li><li><a href="/research">Research</a></li><li><a href="/experience">Experience</a></li><li><a href="/skills">Skills</a></li><li><a href="/teaching">Teaching</a></li></ul></div></div></div></div></header><div class="content_container"><div class="main_content_outer d-flex flex-xl-row flex-column align-items-start justify-content-start"><div class="general_info d-flex flex-xl-column flex-md-row flex-column" id="general_information"><div class="general_info_image"><div class="background_image" style="background-image:url(/static/media/me_formal.42da6e0e71c533dfb061.jpg)"></div></div><div class="general_info_content"><div class="general_info_content_inner mCustomScrollbar" data-mcs-theme="minimal-dark"><div class="general_info_title">General Information</div><ul class="general_info_list"><li class="d-flex flex-row align-items-center justify-content-start"><div class="general_info_icon d-flex flex-column align-items-start justify-content-center"><i class="fa fa-envelope" style="color:#8583e1"></i></div><div class="general_info_text"><a href="mailto:[email protected]">[email protected]</a></div></li><li class="d-flex flex-row align-items-center justify-content-start"><div class="general_info_icon d-flex flex-column align-items-start justify-content-center"><i class="fa fa-envelope" style="color:#8583e1"></i></div><div class="general_info_text"><a href="mailto:[email protected]">[email protected]</a></div></li><li class="d-flex flex-row align-items-center justify-content-start"><div class="general_info_icon d-flex flex-column align-items-start justify-content-center"><i class="fa fa-home" style="color:#8583e1"></i></div><div class="general_info_text"><a href="http://ehsanqasemi.com">ehsanqasemi.com</a></div></li><li class="d-flex flex-row align-items-center justify-content-start"><div class="general_info_icon d-flex flex-column align-items-start justify-content-center"><i class="fa fa-github" style="color:#8583e1"></i></div><div class="general_info_text"><a href="https://github.com/proska">proska</a></div></li><li class="d-flex flex-row align-items-center justify-content-start"><div class="general_info_icon d-flex flex-column align-items-start justify-content-center"><i class="fa fa-linkedin" style="color:#8583e1"></i></div><div class="general_info_text"><a href="https://www.linkedin.com/in/ehsan-qasemi-39627477/">ehsan-qasemi</a></div></li></ul></div></div></div><div class="main_content"><div class="main_title_container d-flex flex-column align-items-start justify-content-end"><div class="main_subtitle">What I am good at</div><div class="main_title">My Skills</div></div><div class="main_content_scroll mCustomScrollbar" data-mcs-theme="minimal-dark"><div class="skills"><div class="progress_bars"><hr style="height:2px;border:none;color:#333;background-color:#333"><div><div class="main_subtitle">Programming Languages</div><br><div class="container-fluid"><div class="row"><div class="col-xl-4 col-lg-6 pb_col" id="Python"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Python</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Scala"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Scala</span><span style="flex:1">85</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #0054ff, #ff23d3 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="C/C++"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">C/C++</span><span style="flex:1">80</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff4646, #ff26d9 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Matlab"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Matlab</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff2d72, #ffab79 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Julia"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Julia</span><span style="flex:1">85</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff7c, #ffbd4a );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Java"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Java</span><span style="flex:1">70</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff2d72, #ffab79 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Cuda"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Cuda</span><span style="flex:1">70</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="R"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">R</span><span style="flex:1">60</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff4646, #ff26d9 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="OpenCL"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">OpenCL</span><span style="flex:1">60</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #0054ff, #ff23d3 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Assembly"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Assembly</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #0054ff, #ff23d3 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Octave"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Octave</span><span style="flex:1">85</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #0054ff, #ff23d3 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Lua"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Lua</span><span style="flex:1">40</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff2d72, #ffab79 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div></div></div></div></div></div><hr style="height:2px;border:none;color:#333;background-color:#333"></div><div><div class="main_subtitle">Machine Learning & Deep Learning Libraries</div><br><div class="container-fluid"><div class="row"><div class="col-xl-4 col-lg-6 pb_col" id="Tensorflow"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Tensorflow</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff4646, #ff26d9 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Pytorch"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Pytorch</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff2d72, #ffab79 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Keras"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Keras</span><span style="flex:1">90</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #0054ff, #ff23d3 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Nltk"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Nltk</span><span style="flex:1">80</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff7c, #ffbd4a );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="OpenGL"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">OpenGL</span><span style="flex:1">75</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff2d72, #ffab79 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="scikit-learn"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">scikit-learn</span><span style="flex:1">99</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:99%" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100"></div></div></div></div></div></div><hr style="height:2px;border:none;color:#333;background-color:#333"></div><div><div class="main_subtitle">Big Data</div><br><div class="container-fluid"><div class="row"><div class="col-xl-4 col-lg-6 pb_col" id="Spark(ML, X, SQL)"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Spark(ML, X, SQL)</span><span style="flex:1">85</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Apache(Hadoop, Ray)"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Apache(Hadoop, Ray)</span><span style="flex:1">75</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff7c, #ffbd4a );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="SQL"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">SQL</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #0054ff, #ff23d3 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Redis"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Redis</span><span style="flex:1">85</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="SPQRQL"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">SPQRQL</span><span style="flex:1">85</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff2d72, #ffab79 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div></div></div></div></div></div><hr style="height:2px;border:none;color:#333;background-color:#333"></div><div><div class="main_subtitle">Optimization</div><br><div class="container-fluid"><div class="row"><div class="col-xl-4 col-lg-6 pb_col" id="Gorubi"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Gorubi</span><span style="flex:1">75</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ccff, #9b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Cplex"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Cplex</span><span style="flex:1">75</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff7c, #ffbd4a );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="JuMP"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">JuMP</span><span style="flex:1">90</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff4646, #ff26d9 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div></div></div></div></div></div><hr style="height:2px;border:none;color:#333;background-color:#333"></div><div><div class="main_subtitle">Web Dev.</div><br><div class="container-fluid"><div class="row"><div class="col-xl-4 col-lg-6 pb_col" id="React"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">React</span><span style="flex:1">80</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="HTML"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">HTML</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="CSS"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">CSS</span><span style="flex:1">80</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="JavaScript"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">JavaScript</span><span style="flex:1">80</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff7c, #ffbd4a );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Django"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Django</span><span style="flex:1">80</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #0054ff, #ff23d3 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Flusk"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Flusk</span><span style="flex:1">70</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff2d72, #ffab79 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Markdown"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Markdown</span><span style="flex:1">90</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #0054ff, #ff23d3 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div></div></div></div></div></div><hr style="height:2px;border:none;color:#333;background-color:#333"></div><div><div class="main_subtitle">Others</div><br><div class="container-fluid"><div class="row"><div class="col-xl-4 col-lg-6 pb_col" id="networkx"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">networkx</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff7c, #ffbd4a );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Pandas"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Pandas</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff4646, #ff26d9 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Bokeh"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Bokeh</span><span style="flex:1">75</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff2d72, #ffab79 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="matplotlib"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">matplotlib</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ccff, #9b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Scipy"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Scipy</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #79ff8f, #7b74ff );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div><div class="col-xl-4 col-lg-6 pb_col" id="Jupyter"><div class="pb_item"><div class="flex-container" style="display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;justify-content:space-around"><span style="flex:10">Jupyter</span><span style="flex:1">95</span></div><style type="text/css">
.progress-bar {
background-image: linear-gradient(to right, #ff4646, #ff26d9 );
}
</style><div style="height:14pt;background-color:#ffffff" class="progress"><div role="progressbar" class="progress-bar" style="width:95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div></div></div></div></div></div><hr style="height:2px;border:none;color:#333;background-color:#333"></div></div></div></div></div></div></div></div></div></div><div style="text-align:center">Copyright ©<script>document.write((new Date).getFullYear().toString())</script>2023All rights reserved | This template is made with <i aria-hidden="true" class="fa fa-heart-o"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a></div></body></html>