-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
268 lines (263 loc) · 16.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
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
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Average Onion</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:400,100,300italic,300,100italic,400italic,500,500italic,700,700italic&subset=latin,cyrillic' rel='stylesheet'>
<link rel="stylesheet" type="text/css" media="screen" href="./css/main.css" /> </head>
<body>
<div class="container">
<!-- Header -->
<header>
<div class="head-top">
<div class="top-menu">
<ul>
<li>
<a href="#section-resume" class="lnk">Resume</a>
</li>
<li>
<a href="#section-works" class="lnk">Portfolio</a>
</li>
</ul>
</div>
</div>
</header>
<div class="wrapper">
<!-- Started -->
<div class="section started">
<div class="centrize full-width">
<div class="vertical-center">
<div class="started-content">
<div class="h-title">I'm
<span>Average Onion</span>
</div>
<div class="h-subtitle">
<p>A problem Solver and a quick thinker</p>
</div>
</div>
</div>
</div>
</div>
<!-- About -->
<a class="anchor" id="top"></a>
<div class="section about">
<div class="content">
<div class="title">
<div class="title_inner"><a class="anchor" name="section-resume"></a>About Me</div>
</div>
<div class="image">
<img src="./logoT.png" alt="" /> </div>
<div class="desc">
<p> Lorem ipsum dolor sit amet, in quodsi vulputate pro. Ius illum vocent mediocritatem an, cule dicta iriure at. Ubique maluisset vel te, his dico vituperata ut. Pro ei phaedrum maluisset. Ex audire suavitate has, ei quodsi tacimates sapientem sed, pri zril ubique ut. Te cule tation munere noluisse. Enim torquatos ne pri, eum mollis salutandi corrumpit et, fugit apeirian duo ad. </p>
<div class="info-list">
<ul>
<li>
<strong>Name:</strong> Average Onion</li>
<li>
<strong>Age:</strong> 24 years</li>
<li>
<strong>Job:</strong> Web Developer</li>
<li>
<strong>Citizenship:</strong> Indian</li>
<li>
<strong>Residence:</strong> Chennai</li>
<li>
<strong>mail:</strong> av3rag30n10n@gmail.com</li>
</ul>
</div>
<div class="bts">
<a href="#" class="btn fill" data-text="Download CV">Download CV</a>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- Resume -->
<div class="section resume">
<div class="content">
<div class="cols">
<div class="col col-md">
<div class="title">
<div class="title_inner">Experience</div>
</div>
<div class="resume-items">
<div class="resume-item active">
<div class="date">2017-present</div>
<div class="name">Sr. Tech Assoc. at Maveric Systems</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga minima quam eveniet iusto, optio voluptatum blanditiis mollitia vel, dolorum facere beatae quos enim exercitationem fugiat voluptates. Voluptates a magni maxime.</p>
</div>
<div class="resume-item ">
<div class="date">Feb 2017 - Apr 2017</div>
<div class="name">Graphic Designer at LEXStart</div>
<p>Interned as a graphics designer for a legal company that helps people incorporate their start-up ideas. I am to assist the front end developer with designing website and product offerings, with advertising materials & social media. As an add-on I get to familiarize myself with the law jargons!</p>
</div>
<div class="resume-item ">
<div class="date">Dec 2016 - Jan 2017</div>
<div class="name">Web Designer & Developer at Vebzippmatic Labs</div>
<p>Interned as a web developer for a startup company that designs websites for other startups. I am given a task and the requirements and a deadline. Interned for this company made me familiarize myself with the CSS3 and basic JS needed for front end development.</p>
</div>
<div class="resume-item ">
<div class="date">Nov 2016 - Dec 2016</div>
<div class="name">Email & UI design intern at FatKid</div>
<p>Initially applied as a logo designer. But was recommended to intern as an Email & UI designer. Basic Job involves Email layouting the welcome and subscription mails, Designing website page layouts, Website page-flow layout and User Interface designing.</p>
</div>
<div class="resume-item ">
<div class="date">Aug 2016 - Oct 2016</div>
<div class="name">Web Back End Developer at SalveSys IT</div>
<p>Applied to the company through Internshala and got shortlisted as a Graphics, Web Designer, and A Web back-end developer Intern. We were told to create a site, given the requirements, on a weekly basis, host them on a live FTP server and report the same to our team leads.</p>
</div>
<div class="resume-item ">
<div class="date">Nov 2016 - Feb 2017</div>
<div class="name">Web UI/UX + Graphics Designer at Lantern</div>
<p>Initially interned as a Graphics designer for this UK-based startup. One thing led to another I ended up designing the User Interface for their website gallery. The gallery is to display posts by artists based on mood search. Emojis were designed to depict the moods.</p>
</div>
</div>
</div>
<div class="col col-md">
<div class="title">
<div class="title_inner">Education</div>
</div>
<div class="resume-items">
<div class="resume-item ">
<div class="date">2017-2018</div>
<div class="name">EPGDM in FSITA at LIBA</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga minima quam eveniet iusto, optio voluptatum blanditiis mollitia vel, dolorum facere beatae quos enim exercitationem fugiat voluptates. Voluptates a magni maxime.</p>
</div>
<div class="resume-item ">
<div class="date">2013 - 2017</div>
<div class="name">BE in CSE at LICET</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae repellat error accusantium harum unde doloribus non ducimus ipsam, maiores delectus reiciendis illum ut atque beatae omnis sequi quod nulla. Esse.</p>
</div>
<div class="resume-item ">
<div class="date">2006 - 2013</div>
<div class="name">GSMHSS</div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nisi beatae quia quo, praesentium modi, minima explicabo dolor perferendis aperiam unde voluptates, fugiat reiciendis! Mollitia nesciunt ipsam natus ad voluptate sequi!</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section skills">
<div class="content">
<div class="cols">
<div class="col col-sm">
<div class="title">
<div class="title_inner">Tech Domain</div>
</div>
<div class="skills">
<ul>
<li><div class="name">Web Dev</div><div class="progress"><div class="percentage" style="width:80%;"><span class="percent">80%</span></div></div></li>
<li><div class="name">ML</div><div class="progress"><div class="percentage" style="width:40%;"><span class="percent">40%</span></div></div></li>
<li><div class="name">AI</div><div class="progress"><div class="percentage" style="width:65%;"><span class="percent">65%</span></div></div></li>
<li><div class="name">Game Dev</div><div class="progress"><div class="percentage" style="width:55%;"><span class="percent">55%</span></div></div></li>
<li><div class="name">OCR</div><div class="progress"><div class="percentage" style="width:60%;"><span class="percent">60%</span></div></div></li>
</ul>
</div>
</div>
<div class="col col-sm">
<div class="title">
<div class="title_inner">!Tech Domain</div>
</div>
<div class="skills">
<ul>
<li><div class="name">Bank</div><div class="progress"><div class="percentage" style="width:85%;"><span class="percent">85%</span></div></div></li>
<li><div class="name">Law</div><div class="progress"><div class="percentage" style="width:55%;"><span class="percent">55%</span></div></div></li>
<li><div class="name">Education</div><div class="progress"><div class="percentage" style="width:65%;"><span class="percent">65%</span></div></div></li>
</ul>
</div>
</div>
<div class="col col-sm">
<div class="title">
<div class="title_inner">Language</div>
</div>
<div class="skills">
<ul>
<li><div class="name">Javascript</div><div class="progress"><div class="percentage" style="width:85%;"><span class="percent">85%</span></div></div></li>
<li><div class="name">Python</div><div class="progress"><div class="percentage" style="width:75%;"><span class="percent">75%</span></div></div></li>
</ul>
</div>
</div>
<div class="col col-sm">
<div class="title">
<div class="title_inner">Framework</div>
</div>
<div class="skills">
<ul>
<li><div class="name">Angular</div><div class="progress"><div class="percentage" style="width:85%;"><span class="percent">85%</span></div></div></li>
<li><div class="name">Ionic</div><div class="progress"><div class="percentage" style="width:75%;"><span class="percent">75%</span></div></div></li>
<li><div class="name">React</div><div class="progress"><div class="percentage" style="width:75%;"><span class="percent">75%</span></div></div></li>
<li><div class="name">Django</div><div class="progress"><div class="percentage" style="width:75%;"><span class="percent">75%</span></div></div></li>
<li><div class="name">Node</div><div class="progress"><div class="percentage" style="width:75%;"><span class="percent">75%</span></div></div></li>
<li><div class="name">Flask</div><div class="progress"><div class="percentage" style="width:75%;"><span class="percent">75%</span></div></div></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section skills">
<div class="content">
<div class="title">
<div class="title_inner">Framework</div>
</div>
<div class="skills list">
<ul>
<li>
<div class="name">Django</div>
</li>
<li>
<div class="name">React / Redux</div>
</li>
<li>
<div class="name">Angular</div>
</li>
<li>
<div class="name">Vue</div>
</li>
<li>
<div class="name">Flutter</div>
</li>
<li>
<div class="name">Ionic</div>
</li>
<li>
<div class="name">Flask</div>
</li>
<li>
<div class="name">ExpressJs</div>
</li>
<li>
<div class="name">Bootstrap</div>
</li>
<li>
<div class="name">NodeJS</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="soc">
<a target="_blank" href="https://www.instagram.com/justyouraverageonion/"><i class="icon icon-instagram">ñ</i></a>
<a target="_blank" href="https://github.com/JustYourAverageOnion"><i class="icon icon-github">ò</i></a>
<!-- <a target="_blank" href="https://www.mail.com/"><i class="icon icon-mail">ó</i></a> -->
<a target="_blank" href="https://twitter.com/JustYorAvgOnion"><i class="icon icon-twitter">ô</i></a>
<a target="_blank" href="https://www.youtube.com/channel/UC0gLgSwqFsbVka-xu2PuHcA"><i class="icon icon-youtube">õ</i></a>
<a target="_blank" href="https://codepen.io/justyouraverageonion"><i class="icon icon-codepen">÷</i></a>
</div>
<div class="copy">Hey, How you doing?</div>
<div class="clr"></div>
</footer>
<!-- Lines -->
<div class="line top"></div>
<div class="line bottom"></div>
<div class="line left"></div>
<div class="line right"></div>
</div>
</body>
</html>