-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
211 lines (184 loc) · 11.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
210
211
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Mohit's Portfolio</title>
<meta name="description" content="Mohit's Portfolio to outpost for cool project & ideas.">
<meta name="author" content="mohit patel"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="IMohitPatel" />
<meta property="og:url" content="imohitpatel.github.io" />
<meta property="og:type" content="website" />
<meta property="og:description"
content="Mohit's Portfolio to outpost for cool project & ideas." />
<meta property="og:type" content="website" />
<meta property="og:image" content="assets/favicon.ico" />
<meta property="linkedin:card" content="summary_large_image" />
<meta property="linkedin:site" content="@imohitpatel" />
<meta property="linkedin:creator" content="@imohitpatel" />
<meta property="linkedin:title" content="imohitpatel" />
<meta property="linkedin:description"
content="Mohit's Porfile for outpost day to day updates & resource." />
<meta property="linkedin:image" content="assets/favicon.png" />
<meta property="linkedin:image:alt" content="imohitpatel pofile" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- Favicons -->
<link rel="apple-touch-icon" href="assets/favicon.png" />
<link rel="icon" href="assets/favicon.ico" />
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/font-face.css">
<link rel="stylesheet" href="css/color-schemes/dark/hot-pink.css">
<link rel="stylesheet" href="css/typography.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/pixel-heart.css">
<link rel="stylesheet" href="css/main.css">
<script>
document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';
</script><!-- Responsive images -->
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<!-- Add your site or application content here -->
<!--<nav>
<div class="top-ribbon"></div>
<ul class="nav-font clearfix">
<li onclick="location.href='https://linkedin.com/in/imohitpatel';">Connect</li>
<li onclick="location.href='post.html';">Blog</li>
<li onclick="location.href='index.html';">Home</li>
</ul>
</nav>-->
<nav class="navbar">
<!-- LOGO -->
<div class="logo">MP</div>
<!-- NAVIGATION MENU -->
<ul class="nav-links">
<!-- USING CHECKBOX HACK -->
<input type="checkbox" id="checkbox_toggle" />
<label for="checkbox_toggle" class="hamburger">☰</label>
<!-- NAVIGATION MENUS -->
<div class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="project.html">Project</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="categories.html">Blogs</a></li>
<li><a href="https://www.linkedin.com/in/imohitpatel/">Contact</a></li>
</div>
</ul>
</nav>
<div class="sparator"></div>
<header class="site-header">
<h1 class="title title-font">Hi, I am Mohit</h1>
<p class="tagline tagline-font">
Web designer & front-end developer. I always looking to create from imagintion and a bit from source, and wish I was less creative and a Warm welcome.
</header>
<!-- <section class="hero_visual">
<div class="SupportSection-styles__StyledSupportSectionHearts-sc-6dfb9c1f-4 dsOruW">
<div class="PixelHearts-styles__StyledPixelHearts-sc-cbd08ce4-0 DrEOp">
<svg width="130" height="110" viewbox="0 0 130 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 0H20V10H10V20H0V30V40V50H10V60H20V70H30V80H40V90H50V100H60V110H70V100H80V90H90V80H100V70H110V60H120V50H130V40V30V20H120V10H110V0H100H90V10H80V20H70V30H60V20H50V10H40V0H30ZM40 10V20H50V30H60V40H70V30H80V20H90V10H100H110V20H120V30V40V50H110V60H100V70H90V80H80V90H70V100H60V90H50V80H40V70H30V60H20V50H10V40V30V20H20V10H30H40Z"fill="currentColor"></path></svg>
<div class="SupportSection-styles__StyledSupportSectionHearts-sc-6dfb9c1f-4 dsOruW">
<div class="PixelHearts-styles__StyledPixelHearts-sc-cbd08ce4-0 DrEOp">
<svg width="130" height="110" viewbox="0 0 130 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 0H20V10H10V20H0V30V40V50H10V60H20V70H30V80H40V90H50V100H60V110H70V100H80V90H90V80H100V70H110V60H120V50H130V40V30V20H120V10H110V0H100H90V10H80V20H70V30H60V20H50V10H40V0H30ZM40 10V20H50V30H60V40H70V30H80V20H90V10H100H110V20H120V30V40V50H110V60H100V70H90V80H80V90H70V100H60V90H50V80H40V70H30V60H20V50H10V40V30V20H20V10H30H40Z"fill="currentColor"></path></svg>
<div class="SupportSection-styles__StyledSupportSectionHearts-sc-6dfb9c1f-4 dsOruW">
<div class="PixelHearts-styles__StyledPixelHearts-sc-cbd08ce4-0 DrEOp">
<svg width="130" height="110" viewbox="0 0 130 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 0H20V10H10V20H0V30V40V50H10V60H20V70H30V80H40V90H50V100H60V110H70V100H80V90H90V80H100V70H110V60H120V50H130V40V30V20H120V10H110V0H100H90V10H80V20H70V30H60V20H50V10H40V0H30ZM40 10V20H50V30H60V40H70V30H80V20H90V10H100H110V20H120V30V40V50H110V60H100V70H90V80H80V90H70V100H60V90H50V80H40V70H30V60H20V50H10V40V30V20H20V10H30H40Z"fill="currentColor"></path></svg>
</div>
</div>
</div>
</section>
<br>
<img class="hero_visual" height="500px" src="img/hero.png"/>
<br>
<div class="sparator"></div>-->
<section class="about-me">
<article class="about about-font">
<p>You can learn more about my creative process at my <a href="#from-my-blog">blog <i class="icon-pencil"></i></a>, also you can follow me on <a href="http://www.linkedin.com">LinkedIn <i class="icon-linkedin"></i></a>.</p>
<p>I have some cool programming projects on <a href="http://www.github.com">github <i class="icon-github"></i></a>.</p>
<p>Hey, I just met you and this is crazy, but here's my <a href="mailto:[email protected]">e-mail <i class="icon-envelope-alt"></i></a>, so write me, maybe. Or just <a href="https://linkedin.com/in/imohitpatel">Connect+<i class="icon-linkedin"></i></a> I'd love to talk :)</p>
</article><!--text-->
<article class="linkedin-stream">
<header><p><a href="">@imohitpatel</a>Social Media Handle<i class="icon-golbe"></i></p></header>
<div class="tweets meta-info-font"></div>
</article><!--twitter-stream-->
</section><!--about-me-->
<div class="sparator"></div>
<div class="blog-excerpts-wrapper">
<section id="from-my-blog" class="from-my-blog">
<h2 class="title-font">From my blog</h2>
<aside class="sidebar">
<div class="blog-description about-font">
<p>Here I write about my <a href="categories.html">creatvie process <i class="icon-cogs"></i></a>, <a href="categories.html">songs <i class="icon-book"></i></a>, <a href="categories.html">random rants</a> and other stuff.</p>
</div>
</aside>
<div class="blog-excerpts">
<article class="post-excerpt">
<header>
<h2 class="entry-title-font"><a href="post.html">In the beginning</a></h2>
<p class="meta-info-font"><time datetime="2009-09-04T16:31:24+02:00">September 2009</time> · This post is about <a href="categories.html">Work</a> and <a href="categories.html">Independance</a></p>
</header>
<div class="content">
<p>Lorem ipsum dolor sit amet, sea primis perpetua ex, autem regione euripidis ut mel. Cu convenire adipiscing mea, cum te prompta argumentum, ei nam constituto delicatissimi.</p>
</div><!--entry-->
<footer>
<p class="meta-info-font"><a href="post.html">Read more ⇒</a></p>
</footer>
</article>
<article class="post-excerpt">
<header>
<h2 class="entry-title-font"><a href="post.html">At Day's End</a></h2>
<p class="meta-info-font"><time datetime="2010-03-04T16:31:24+02:00">March 2010</time> · This post is about <a href="categories.html">Poetry</a>, <a href="categories.html">Creativity</a> and <a href="categories.html">Myself</a></p>
</header>
<div class="content">
<p>Ei epicuri detracto suscipiantur duo, regione forensibus has ex, at tacimates consequat referrentur usu. Cu antiopam voluptatibus vituperatoribus vel, labores disputando ex sed, an eos habeo mutat facer. Posse solet legimus est an, his suas dicant facete eu, no quo dico vidisse fuisset.</p>
</div><!--entry-->
<footer>
<p class="meta-info-font"><a href="post.html">Read more ⇒</a></p>
</footer>
</article>
<article class="post-excerpt">
<header>
<h2 class="entry-title-font"><a href="post.html">Another Post</a></h2>
<p class="meta-info-font"><time datetime="2010-03-04T16:31:24+02:00">March 2010</time> · This post is about <a href="categories.html">Poetry</a>, <a href="categories.html">Creativity</a> and <a href="categories.html">Myself</a></p>
</header>
<div class="content">
<p>Qui persius legimus deterruisset eu. Duo cu meis placerat rationibus, dico minim expetendis te pri. Corpora forensibus eos ei. Sed harum recteque ea, vide postulant ex ius. Inani omnesque scaevola at qui.</p>
</div><!--entry-->
<footer>
<p class="meta-info-font"><a href="post.html">Read more ⇒</a></p>
</footer>
</article>
</div><!--blog-excerpt-->
</section><!--from-my-blog-->
</div><!--blog-excerpts-wrapper-->
<footer class="site-footer site-footer-font">
<div class="sparator"></div>
<div class="contact">
<a href="mailto:[email protected]?subject=Subject"><i class="icon-envelope-alt"></i>[email protected]</a> ·
<a href="tel:1234-567-890"><i class="icon-phone"></i>+91-12345-67890</a> ·
<a href="https://www.linkedin.com/in/imohitpatel/"><i class="icon-linkedin"></i> @imohitpatel</a> ·
<a href="http://www.facebook.com/imohitpatel/"><i class="icon-facebook-sign"></i> /mohit.i</a>
</div>
<div class="copyright">Copyright @ MyPro. Made by <a href="#">Mohit</a> with <i class="icon-heart"></i></div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/responsive_bg.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>