-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
209 lines (183 loc) · 8.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Divakar Rajesh | Portfolio</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./assets/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto|Pacifico&display=swap" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148739208-1"></script>
<script async src='./assets/js/type_writer.js'></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-148739208-1');
</script>
</head>
<body>
<header class="p-3">
<div class="me">Divakar Rajesh</div>
<div class="fa fa-bars float-right"></div>
<nav class="nav float-right" id='nav'>
<div class="fa fa-times float-right"></div>
<ul>
<a href="index.html">
<li class="current">Home</li>
</a>
<a href="pages/projects.html">
<li>Projects</li>
</a>
<a href="pages/other.html">
<li>Other</li>
</a>
</ul>
</nav>
</header>
<div class="portfolio-body mt-5">
<div class="container section">
<div class="row align-items-center">
<div class="col-md-12 text-center">
<h5 class="pitch">Hi, Divakar Rajesh here,</h5>
<h4 class="sub-pitch">What do I do?</h4>
</div>
</div>
<br><br><br>
<h1 class="text-center">
<a href="" class="typewrite" data-period="2000" data-type='["I am a Product Engineer","Love developing Mobile Applications","I work on Web Technologies"]'>
<span class="wrap"></span>
</a>
</h1>
</div>
<br><br><br>
<div class="container bg-triangle">
<h2 class="heading" align="center">Check out my works</h2>
<div class="portfolio">
<div class="portfolio-block" id="desktop" onclick="window.location.href='pages/projects.html#desktop-section'">
<div class="line"></div>
<div class="content">
<img src="assets/images/desktop.png" alt="desktop-app-icon" class="category-icon">
<span class="app-category" id="desktop">Desktop</span>
<ul class="apps">
<li>Electron - Vault</li>
<li>PDF Doctor</li>
<li>SizeIt - For Images</li>
<li>Scraping and scripting</li>
</ul>
<a href=""><span class="explore" id="desktop-explore">3 projects</span></a>
</div>
</div>
<div class="portfolio-block" id="mobile" onclick="window.location.href='pages/projects.html#mobile-section'">
<div class="line"></div>
<div class="content">
<img src="assets/images/mobile.png" alt="mobile-app-icon" class="category-icon">
<span class="app-category" id="mobile">Mobile</span>
<ul class="apps">
<li>Flutter - My JioFi Hotspot Manager</li>
<li>Flutter - Vault</li>
<li>Notify - To exemplify a custom push notification service</li>
<li>GPA/CGPA calculator - First app - no shame</li>
</ul>
<a href=""><span class="explore" id="mobile-explore">5 Applications</span></a>
</div>
</div>
<div class="portfolio-block" id="web" onclick="window.location.href='pages/projects.html#web-section'">
<div class="line"></div>
<div class="content">
<img src="assets/images/web.png" alt="web-app-icon" class="category-icon">
<span class="app-category" id="web">Web</span>
<ul class="apps">
<li>Dashboards and web based tools</li>
<li>PlaySync - With node.js and websockets </li>
<li>Website - This one😆</li>
<li>Books - Online book reading platform</li>
</ul>
<a href=""><span class="explore" id="web-explore">3 Projects</span></a>
</div>
</div>
</div>
</div>
<div class="strip bubbles-container mt-2-m">
<div class="bubbles-container-content strip-content c-grey">
<div class="text-center pitch c-grey">Love open source? Me too! <br /> I've got some interesting stuffs going on there.
</div>
<div class="text-center my-5 c-black"><a href="https://github.com/sdivakarrajesh" target='_blank' class="link-btn">View my Github
Profile</a></div>
</div>
<ul class="bubbles">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="container my-4">
<h5 class="pitch text-center mx-auto">
Companies I've worked with
</h5>
<br><br>
<div class="row justify-content-center mt-4">
<div class="col-md-4 card mx-2 p-5 text-center">
<div class=" mx-auto">
<img src="assets/images/sensara_logo.png" alt="" class="logo-container img-responsive" />
</div>
<div class="company-name">Sensara Technologies</div>
</div>
<div class="col-md-4 card mx-2 p-5 text-center mt-2-m">
<div class=" mx-auto">
<img src="assets/images/zoho-logo.png" alt="" class=" logo-container img-responsive" />
</div>
<div class="company-name">Zoho Corporation</div>
</div>
</div>
<br><br><br>
<div class="row align-items-center my-5">
<div class="col-md-12">
<div class="pitch text-center">
Tech Stack I'm currently working on
<div class="my-5">
<img src="assets/images/stack_react.png" alt="" class="stack-img img-responsive">
<img src="assets/images/stack_flutter.png" alt="" class="stack-img img-responsive">
<img src="assets/images/stack_django.png" alt="" class="stack-img img-responsive">
<img src="assets/images/stack_redux.png" alt="" class="stack-img img-responsive">
<img src="assets/images/stack_android.png" alt="" class="stack-img img-responsive">
</div>
</div>
</div>
</div>
<br><br><br>
</div>
<div class="right-offset-container">
<div class="pitch text-center">
Wanna talk? You know where to find me👇
</div>
</div>
<div id="social-media" class="text-center mx-auto">
<br><br><br>
<a href="mailto:[email protected]" target="_blank" class="fa my-fa fa-google"></a>
<a href="https://mobile.twitter.com/sdivakarrajesh" target="_blank" class="fa my-fa fa-twitter"></a>
<a href="https://www.linkedin.com/in/sdivakarrajesh/" target="_blank" class="fa my-fa fa-linkedin"></a>
<a href="https://github.com/sdivakarrajesh" target="_blank" class="fa my-fa fa-github"></a>
</div>
</div>
<footer>
<div class="footer-content text-light">
© 2020. Designed with ❤ by Divakar Rajesh
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>