-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
190 lines (190 loc) · 8.8 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
<!DOCTYPE html>
<html>
<head>
<title>Amirhosein Ataei</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Amirhosein Ataei">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="w3.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</style>
</head>
<body class="w3-light-grey w3-content" style="max-width:1600px">
<!-- Sidebar -->
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>
<div class="w3-container">
<a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu">
<i class="fa fa-remove"></i>
</a>
<img src="img/amirhoseinone.jpg" style="width:45%;" class="w3-round"><br><br>
<h4><b>Amirhosein Ataei</b></h4>
</div>
<div class="w3-bar-block">
<a href="#portfolio" onclick="w3_close()" class="w3-bar-item w3-button w3-padding w3-text-teal"><i class="fa fa-th-large fa-fw w3-margin-right"></i>PORTFOLIO</a>
<a href="#about" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>ABOUT</a>
<a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-envelope fa-fw w3-margin-right"></i>CONTACT</a>
</div>
<br>
<hr>
<div class="w3-panel w3-large">
my social net
<br>
<a href="https://www.facebook.com/ataeiamirhosein" target="_blank"><i class="fab fa-facebook-f w3-hover-opacity"></i></a>
<a href="https://www.instagram.com/ataei_amirhosein/" target="_blank"><i class="fab fa-instagram w3-hover-opacity"></i></a>
<a href="https://www.reddit.com/user/ataeiamirhosein" target="_blank"><i class="fab fa-reddit w3-hover-opacity"></i></a>
<a href="https://www.pinterest.com/ataeiamirhosein/" target="_blank"><i class="fab fa-pinterest w3-hover-opacity"></i></a>
<a href="https://www.researchgate.net/profile/Amirhosein_Ataei" target="_blank"><i class="fab fa-researchgate w3-hover-opacity"></i></a>
<a href="https://www.twitter.com/AmirhoseinAtaei" target="_blank"><i class="fab fa-twitter w3-hover-opacity"></i></a>
<a href="https://www.linkedin.com/in/amirhosein-ataei/" target="_blank"><i class="fab fa-linkedin w3-hover-opacity"></i></a>
<a href="https://www.youtube.com/channel/UCenU1k_-u08B25eXWbuvVrA" target="_blank"><i class="fab fa-youtube w3-hover-opacity"></i></a>
</div>
</nav>
<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
<!-- PAGE CONTENT -->
<div class="w3-main" style="margin-left:300px">
<!-- Header -->
<header id="portfolio">
<a href="#"><img src="img/amirhoseintwo.jpg" style="width:65px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a>
<span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>
</header>
<div class="w3-container">
<h2><b>Some of my works</b></h2>
<hr>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<img src="img/cam.jpg" alt="cam" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<br>
<p><b>Continuous Active Motion Machine</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<img src="img/power.jpg" alt="power" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<br>
<p><b>Smart Networks Power Module</b></p>
</div>
</div>
<div class="w3-third w3-container">
<img src="img/agv.jpg" alt="agv" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<br>
<p><b>Automated Guided Vehicle Robot</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<img src="img/brush.jpg" alt="brush" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<br>
<p><b>Smart Brushless Motors Driver</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<img src="img/crob.jpg" alt="crob" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<br>
<p><b>Rubbish Collector Robot</b></p>
</div>
</div>
<div class="w3-third w3-container">
<img src="img/iot.jpg" alt="iot" style="width:100%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<br>
<p><b>Internet of Things Edge Server</b></p>
</div>
</div>
</div>
<hr>
<h2><b>Some of my Researchs</b></h2>
- smart network and service orchastration on sdn and nfv technologies
<br>
- machine learning for networking
<br>
- internet of things
<a href="https://github.com/ioteleman/IOT/blob/master/ataei_iot_report.pdf"><font color="blue">( <u>Link</u> )</font></a>
<br>
- robot operating system
<br>
- advanced design system
<br>
</div>
<hr>
<!-- Images of Me -->
<div class="w3-row-padding w3-padding-16" id="about">
<div class="w3-col m6">
<img src="img/ataei.jpg" alt="Me" style="width:100%">
</div>
</div>
<div class="w3-container w3-padding-large" style="margin-bottom:32px">
<h4><b>About Me</b></h4>
<p>Experienced communication platform designer and Data Analyst with a demonstrated history of working in the information technology and services industry also Skilled in Artificial Intelligent, Cyber Security, Virtual Reality, Web Services, Software-Defined Network, Media Processing, Robotics with a Master's degree focused on the Internet of Things from Politecnico di Milano </p>
<hr>
<h4><b>Technical Skills</b></h4>
<!-- Progress bars of Skills -->
<p>Communication Networks and Web</p>
<div class="w3-grey">
<div class="w3-container w3-teal w3-padding w3-center" style="width:90%">90%</div>
</div>
<p>Robotic and Artificial Intelligence</p>
<div class="w3-grey">
<div class="w3-container w3-teal w3-padding w3-center" style="width:85%">85%</div>
</div>
<p>Cyber Security and Cryptography</p>
<div class="w3-grey">
<div class="w3-container w3-teal w3-padding w3-center" style="width:80%">80%</div>
</div>
<p>
<button class="w3-button w3-dark-gray w3-padding-large w3-margin-top w3-margin-bottom">
<a href="cv.pdf" download>
<i class="fa fa-download w3-margin-right"></i>Download Resume</a>
</button>
</p>
<a href="https://resume.github.io/?ataeiamirhosein"> https://resume.github.io/?ataeiamirhosein </a>
</div>
<!-- Contact Section -->
<div class="w3-container w3-padding-large w3-grey">
<h4 id="contact"><b>Contact Me</b></h4>
<div class="w3-row-padding w3-center w3-padding-24" style="margin:0 -16px">
<div class="w3-third w3-dark-grey">
<p><i class="fa fa-envelope w3-xxlarge w3-text-light-grey"></i></p>
<p>[email protected]</p>
</div>
<div class="w3-third w3-teal">
<p><i class="fa fa-map-marker w3-xxlarge w3-text-light-grey"></i></p>
<p>Milan, Italy</p>
</div>
<div class="w3-third w3-dark-grey">
<p><i class="fa fa-phone w3-xxlarge w3-text-light-grey"></i></p>
<p> 0039 327 7092 207 </p>
</div>
</div>
</div>
<!-- End page content -->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script>
// Script to open and close sidebar
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";}
</script>
</body>
</html>