-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·179 lines (166 loc) · 6.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="Description" content="Rohan Mishra is a software developer, designer, a student. He loves EDM too.">
<meta name="theme-color" content="#7B4397">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="canonical" href="https://www.crazydeveloper.fail" />
<title>Rohan Mishra | Developer & Designer</title>
<link rel="stylesheet" href="/statics/main.css">
<link rel="stylesheet" href="/statics/home.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<link rel="manifest" href="/assets/site.webmanifest">
<link rel="mask-icon" href="/assets/safari-pinned-tab.svg" color="#7b4397">
<link rel="shortcut icon" href="/assets/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Rohan Mishra">
<meta name="application-name" content="Rohan Mishra">
<meta name="msapplication-TileColor" content="#7b4397">
<meta name="msapplication-TileImage" content="/assets/mstile-144x144.png">
<meta name="msapplication-config" content="/assets/browserconfig.xml">
<meta name="theme-color" content="#7b4397">
<!-- Scripts -->
<script src="/statics/main.js" async></script>
</head>
<body>
<!-- Navigation -->
<nav class="heroSpecial">
<img class="logo" alt="Logo" src="/assets/logo.svg" />
<ul>
<li><a aria-label="My Designs" href="/design" class="link">Designs</a></li>
<li><a aria-label="My Projects" href="#projects" class="link">Projects</a></li>
<li><a aria-label="Contact Rohan" href="#contactme" class="link">hire ME</a></li>
</ul>
</nav>
<!-- Hero -->
<div id="hero" class="container">
<h1>I design, develop and study.</h1>
<div class="bubbles">
<img src="/assets/homeell1.svg" alt="">
<img src="/assets/homeell2.svg" alt="">
<img src="/assets/homeell3.svg" alt="">
</div>
</div>
<!-- CTA: Medium -->
<div class="container strip" id="medium-CTA">
<p>Read more about this website on <a href="https://medium.com/@rohmishra">Medium</a></p>
</div>
<!-- SECTION: Brief Introduction -->
<div id="intro" class="container">
<div class="intro_left">
<h2>
Who am I?
</h2>
<p>
I am a student, immigrant, software developer, designer who is obsessed with finnese, food lover,
Mumbaikar,
amateur photographer, amongst other things. I'd love to talk with you, pop in and say hi on any of my
<a href="#social">social accounts</a>. I'm really active there!
</p>
</div>
<div class="intro_right">
<span class="img-wrap">
<img src="/assets/me.jpg" alt="My Photo" loading="lazy" id="avatar">
</span>
<p>
This is me!<br />
I'm Rohan.
</p>
</div>
</div>
<!-- CTA: Github -->
<div class="container strip" id="github-CTA">
<p>This website is developed in open at <a href="https://github.com/rohmishra/personal_website">this Github
Repository</a>!</p>
</div>
<!-- SECTION: Projects Minimodule -->
<div id="projects" class="container">
<h2>My projects</h2>
<div class="showcase">
<div class="card">
<h3>
Instagram Bot that works for you!
</h3>
</div>
<div class="card">
<h3>A flexible Chat App built using just modern web standards</h3>
</div>
<div class="card">
<h3>
Built from scratch Identity Management Platform
</h3>
</div>
<div class="card">
<h3>Management webapp for local real estate outfit
</h3>
</div>
<div class="card">
<h3>
IoT Asset tracking for schools
</h3>
</div>
<div class="card">
<h3>
Tempy: CLI + beautiful GUI weather app built using python
</h3>
</div>
</div>
</div>
<!-- CTA: Resume -->
<div class="container strip" id="resume-CTA">
<p>
Looking to hire? <a href="/assets/resume-latest" download="Rohan Mishra Resume(Sept2020).pdf">Download
my Resume!</a>
</p>
</div>
<!-- SECTION: Contact me -->
<div id="contactme" class="container">
<div class="left">
<h2>Hire Me</h2>
<h4>I design and develop:<br />Websites, Webapps, android apps & automations</h4>
</div>
<div class="card">
<h4>Contact me</h4>
<form action="https://api.crazydeveloper.fail/webactions/contactMeAction" method="POST" id="contactForm">
<input type="text" placeholder="Name" id="name" name="Name" aria-label="name" required>
<input type="email" placeholder="email" name="Email" id="email" aria-label="email" required>
<button type="submit" id="btnGo" onclick="submitForm">Get in touch!</button>
</form>
<p>Your Email and Name will be saved for future reference. Your email will NOT be used for adverisement or
be shared with third party. Works better with JavaScript Enabled.</p>
</div>
</div>
<!-- Footer -->
<footer>
<div id="footer_left">
<h2>
Rohan Mishra
</h2>
<h4>Developer & Designer</h4>
<div id="social">
<p>
Follow me on:
</p>
<div id="link_container">
<a href="//instagram.com/_framedlife">Instagram</a>
<a href="//www.linkedin.com/in/rohan-mishra-756217117">LinkedIn</a>
<a href="//github.com/rohmishra">Github</a>
<a href="//www.behance.net/rohmish">Behance</a>
<a href="//snapchat.com/add/rohmish">snapchat</a>
<a href="//twitter.com/roh_mish">TWITTER</a>
</div>
</div>
</div>
<div id="footer_right">
<a href="mailto:rohan@crazydeveloper.fail">email me at rohan@crazydeveloper.fail</a><br />
<p>Copyright 2020, Rohan Mishra.</p>
<p>Support service code available at <a href="https://github.com/rohmishra/web-support-service">this
repo</a>.</p>
</div>
</footer>
</body>
</html>