-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
230 lines (217 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<title>Personal Portfolio Website</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
</head>
<body>
<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">Personal <span>Portfolio</span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#education" class="menu-btn">Education</a></li>
<li><a href="#skills" class="menu-btn">Skills</a></li>
<li><a href="#videos" class="menu-btn">Videos</a></li>
<li><a href="#follow" class="menu-btn">Follow Me</a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>
<!-- home section start -->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello, my name is</div>
<div class="text-2">Akhil James</div>
<div class="text-3">And I'm a <span class="typing"></span></div>
</div>
</div>
</section>
<!-- about section start -->
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About me</h2>
<div class="about-content">
<div class="column left">
<img src="images/AJ_Br_wht_web.JPG" alt="">
</div>
<div class="column right">
<div class="text">I'm Akhil and I'm a <span class="typing-2"></span></div>
<p>I have a a relentless drive for innovation and a strong entrepreneurial spirit. My expertise lies in developing cutting-edge technologies and groundbreaking products that revolve around digitalization, servitization, IoT, AI, and Data Science.</p>
<p>As a result-oriented professional with experience in leading R&D teams and projects, I offer a strategic mindset and a deep commitment for innovation. In addition to my strong background in Engineering, I possess a passion for building high-performing teams and a strong understanding of emerging trends & technologies. Fluent in English and adept at cross-functional collaboration, I am dedicated to driving product performance, ensuring quality & compliance, and fostering a culture of continuous improvement.</p>
<!--<a href="#">Download CV</a>-->
</div>
</div>
</div>
</section>
<!-- education section start -->
<section class="education" id="education">
<div class="max-width">
<h2 class="title">Education</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<i class="fas fa-user-tie",></i>
<div class="text">MBA (Ongoing)</div>
<p>Leadership, AI, Sustainability<br>Porto Business School (PBS)<br>Porto, Portugal</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fas fa-bezier-curve"></i>
<div class="text">M.Sc.</div>
<p>Sensor System Technology (2015)<br>University of Applied Sciences (HKA)<br>Karlsruhe, Germany</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fab fa-usb"></i>
<div class="text">M.Tech.</div>
<p>Sensor System Technology (2015)<br>Vellore Institute of Technology (VIT)<br>Vellore, India</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fas fa-microchip"></i>
<div class="text">B.Tech.</div>
<p>Electronics & Communication (2011)<br>Calicut University<br>Calicut, India</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- skills section start -->
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">My skills</h2>
<div class="skills-content">
<div class="column left">
<div class="text">My technical & non technical skills.</div>
<p>Being a tech enthusiast, I am continuously monitoring new trends and technologies in different fields which enables me to be a good technology scout. As I am an active intrapreneur, I work on new innovatives ideas which subsequently improve my Innovation management skills.<br>
<br>Considering my educational background in electronics and sensors, Internet of Things (IoT) was an attractive field for me to start with. Playing with all the data generated with these IoT devices kindled my interest in Data Science and Artificial Intelligence (AI). Nowadays, I invest a big chunk of my free time learning topics like Machine Learning, Deep Learning etc. During this learning path, I learned programming in Python, SQL etc.</p>
<!--<a href="#">Read more</a>-->
</div>
<div class="column right">
<div class="bars">
<div class="info">
<span>Innovation Management</span>
<span>60%</span>
</div>
<div class="line inno_mgmt"></div>
</div>
<div class="bars">
<div class="info">
<span>Technology Scouting</span>
<span>80%</span>
</div>
<div class="line tech_scout"></div>
</div>
<div class="bars">
<div class="info">
<span>Intrapreneurship</span>
<span>80%</span>
</div>
<div class="line intrapreneurship"></div>
</div>
<div class="bars">
<div class="info">
<span>IoT, AI & Data Science</span>
<span>70%</span>
</div>
<div class="line iot_ai_ds"></div>
</div>
<div class="bars">
<div class="info">
<span>Python</span>
<span>70%</span>
</div>
<div class="line python"></div>
</div>
<div class="bars">
<div class="info">
<span>SQL</span>
<span>60%</span>
</div>
<div class="line sql"></div>
</div>
</div>
</div>
</div>
</section>
<!-- videos section start -->
<section class="videos" id="videos">
<div class="max-width">
<h2 class="title">Videos</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<!--<img src="images/profile-1.jpeg" alt="">-->
<iframe width="320" height="180" src="https://www.youtube.com/embed/VdHpQhGMBTU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="text">ContiConnect™ Yard</div>
<p>IoT device for monitoring tire health.</p>
</div>
</div>
<div class="card">
<div class="box">
<!--<img src="images/profile-2.jpeg" alt="">-->
<iframe width="320" height="180" src="https://www.youtube.com/embed/bAXE-mYodA0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="text">Extreme E</div>
<p>Connected tires in Extreme E racing.</p>
</div>
</div>
<div class="card">
<div class="box">
<!--<img src="images/profile-3.jpeg" alt="">-->
<iframe width="320" height="180" src="https://www.youtube.com/embed/gMItpKfoD7I" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="text">ContiConnect™ Live</div>
<p>Real time monitoring of tire health.</p>
</div>
</div>
</div>
</div>
</section>
<!-- follow me section start -->
<section class="follow" id="follow">
<div class="max-width">
<h2 class="title">Contact</h2>
<ul class="wrapper">
<li class="icon linkedin">
<span class="tooltip">LinkedIn</span>
<span><a href="https://de.linkedin.com/in/akhil-james7" target="_blank"><i class="fab fa-linkedin"></i></a></span>
</li>
<li class="icon github">
<span class="tooltip">GitHub</span>
<span><a href="https://github.com/akhiljamesgeorge" target="_blank"><i class="fab fa-github"></i></a></span>
</li>
<li class="icon medium">
<span class="tooltip">Medium</span>
<span><a href="https://medium.com/@aj7amigo" target="_blank"><i class="fab fa-medium"></i></a></span>
</li>
</ul>
</div>
</section>
<!-- footer section start -->
<footer>
<!-- <span> <span class="far fa-copyright"></span> 2023 All rights reserved.</span> -->
</footer>
<script src="script.js"></script>
</body>
</html>