-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·225 lines (184 loc) · 8.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Mobile App Developer with passion for iOS - Pran Kishore</title>
<meta name="description" content="">
<meta name="author" content="PRAN">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" href="common-custom.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="icon" href="Favicon/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="Favicon/favicon.ico">
<link rel="apple-touch-icon" href="Favicon/apple-touch-icon.png">
</head>
<body>
<!-- Main outer header container -->
<div class="w3-container w3-image headerBackgorundStyle" style="background: url('images/background_home.jpg')" >
<!-- A translucent layer only if the image in background is light. -->
<!-- <div class="w3-container headerBackgorundLayer"> -->
<!-- Inner Navigation header -->
<div class="w3-container w3-center">
<div class="w3-row w3-padding-24">
<div class="w3-col m3 l2">
<a class="buttonHeader" href="index.html">HOME</a>
</div>
<div class="w3-col m3 l2">
<a class="buttonHeader" href="portfolio.html">PORTFOLIO</a>
</div>
<div class="w3-col m3 l2">
<a class="buttonHeader" href="about.html">ABOUT</a>
</div>
<div class="w3-col m3 l2 ">
<a class="buttonHeader" href="blog.html">BLOG</a>
</div>
<div class="w3-col m3 l2 ">
<a class="buttonHeader" href="resume.html">RESUME</a>
</div>
<div class="w3-col m3 l2 ">
<a class="borderedButtonHeader" href="contact.html">CONTACT</a>
</div>
<!--</div> -->
</div>
<!-- Lower texts elements -->
<div class="w3-container w3-padding-24">
<div class="w3-container w3-center headerFirstTextStyle">
<h4>Mobile Apps developer With a Passion for</h4>
</div>
<div class="w3-container w3-center">
<h1 class="headerSecondtextStyle">Developing iOS Apps</h1>
</div>
</div>
<!-- Lower Buttons -->
<div class="w3-container w3-padding-16 w3-center">
<a class="borderedButtonHeader" href="contact.html">CONTACT</a>
<a class="borderedButtonHeader" href="resume.html">RESUME</a>
</div>
<div class="w3-container bounceConatiner">
<div class="w3-container w3-padding-8 w3-center bounceAnimation">
<i class="material-icons" style="font-size:60px;color:white;">expand_more</i>
</div>
</div>
</div>
</div>
<!-- Main outer header container END -->
<!-- First content div -->
<div class="w3-container w3-padding-32">
<div class="w3-container w3-center w3-padding-left w3-padding-right">
<h2 class="briefcontentHeader">A brief background</h2>
</div>
<div class="w3-container w3-center">
<p class="jumboRightAndLeftPadding briefcontentDetail">
I started my carrer as a J2EE developer. When I was introduced to iOS I was just
amazed at the beauty of Obejctive C, the power of Xcode, well-managed documentation.
I have continuously thrived since then & writing cleaner, efficient, better manageable code became my passion.
At my leisure, I love watching movies, listening to music and at times going for a swim - especially in the monsoons.
</p>
</div>
</div>
<!-- Horizontal Line ONLY -->
<div class="horizontalRule w3-container">
</div>
<!-- Second content div -->
<div class="w3-container w3-padding-32">
<div class="w3-container w3-center w3-padding-left w3-padding-right">
<h2 class="briefcontentHeader">My latest projects</h2>
</div>
<div class="w3-container w3-center">
<div class="w3-row-padding w3-margin-top w3-center w3-margin-bottom">
<div class="w3-quarter mediumRightAndLeftMargin w3-margin-bottom w3-margin-top">
<div class="wrapper w3-card-2">
<img src="images/portfolio-sbc-1.PNG" style="width:100%">
<div class="content">
<h1>Hear And See</h1>
<h4>By Saudi Broadcasting Corporation</h4>
<a class="borderedButtonHeader" href="https://itunes.apple.com/us/app/asm-wshahd/id1001907602?mt=8">View in iTunes</a>
</div>
</div>
</div>
<div class="w3-quarter mediumRightAndLeftMargin w3-margin-bottom w3-margin-top">
<div class="wrapper w3-card-2">
<img src="images/portfolio-fastana-1.jpg" style="width:100%">
<div class="content">
<h1>Fast Analytics</h1>
<h4>By Fast Fwd Multimedia Ltd.</h4>
<a class="borderedButtonHeader" href="https://itunes.apple.com/gb/app/fast-analytics/id467379850?ls=1&mt=8">View in iTunes</a>
</div>
</div>
</div>
<div class="w3-quarter mediumRightAndLeftMargin w3-margin-bottom w3-margin-top">
<div class="wrapper w3-card-2">
<img src="images/porfolio-leica-1.PNG" style="width:100%">
<div class="content">
<h1>Leica confocal microscopy</h1>
<h4>By Fast Fwd Multimedia Ltd.</h4>
<a class="borderedButtonHeader" href="https://itunes.apple.com/gb/app/leica-confocal-microscopy/id896704331?mt=8">View in iTunes</a>
</div>
</div>
</div>
</div>
<div class="w3-container w3-padding-16 w3-center">
<a class="borderedButtonContent" href="portfolio.html">View More Projects</a>
</div>
</div>
</div>
<!-- Second content div END-->
<!-- Horizontal Line ONLY -->
<div class="horizontalRule w3-container">
</div>
<!-- Third content div -->
<div class="w3-container w3-padding-32">
<div class="w3-container w3-center w3-padding-left w3-padding-right">
<h2 class="briefcontentHeader">The journey to develop this site.</h2>
</div>
<div class="w3-container w3-center">
<p class="jumboRightAndLeftPadding briefcontentDetail">
The journey began from the day I took off from college after completing my graduation with a dream of
developing my own website.When I entered the Industry I started off with mobile application development in
iOS and Android,later when I was presented with a requirement to start off with Hybrid mobile application
development for its huge time and cost effective property,I realized, it would not be an easy task to dive straight away
in it without acquiring convenient knowledge of HTML5 and CSS3...
</p>
</div>
<div class="w3-container w3-padding-16 w3-center">
<a class="borderedButtonContent" href="blog.html">Read Post</a>
</div>
</div>
<!-- Third content div END -->
<!-- Pre footer content div -->
<div class="w3-container w3-padding-16 preFooterContent">
<div class="w3-container">
<h4 class="w3-left preFooterHeader ">Got an app idea. Need some help ? </h4>
<a class="borderedButtonPrefooter w3-right" href="mailto:[email protected]?subject=Connect via website">Contact Me</a>
</div>
</div>
<!-- Pre footer content div END-->
<!-- Foooter content div -->
<div class="w3-container w3-center w3-padding-48 footerContent">
<div class="w3-container w3-center">
<a class="buttonFooter" href="index.html">HOME</a>
<a class="buttonFooter" href="portfolio.html">PORTFOLIO</a>
<a class="buttonFooter" href="about.html">ABOUT</a>
<a class="buttonFooter" href="blog.html">BLOG</a>
<a class="buttonFooter" href="resume.html">RESUME</a>
<a class="buttonFooter" href="contact.html">CONTACT</a>
<a class="buttonFooter" href="courtesy.html">COURTESY</a>
</div>
<div class="w3-container w3-center footerCopyrightText">
<p>© 2015 Pran Kishore. All rights reserved.</p>
</div>
<div class="w3-container w3-center">
<a href="https://plus.google.com/110287286674113194396/posts"><img src="images/social-google-plus.png" class="footerSocialIcons" alt="Google Plus"></a>
<a href="https://in.linkedin.com/pub/pran-kishore/bb/795/31"><img src="images/social-linkedin.png" class="footerSocialIcons" alt="Linked In"></a>
<a href="https://twitter.com/pran_kishore"><img src="images/social-twitter.png" class="footerSocialIcons" alt="Twitter"></a>
<a href="https://www.facebook.com/pran.kishore.1"><img src="images/social-facebook.png" class="footerSocialIcons" alt="Facebook"></a>
</div>
</div>
<!-- Foooter content div END-->
</body>
</html>