-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
223 lines (175 loc) · 8.09 KB
/
portfolio.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
<!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>Portfolio - 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">
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<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_portfolio_new.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>Have a look into</h4>
</div>
<div class="w3-container w3-center">
<h1 class="headerSecondtextStyle">My Work</h1>
</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">Coding with passion developing with care</h2>
</div>
<div class="w3-container w3-center">
<p class="jumboRightAndLeftPadding briefcontentDetail">
I have listed below some of my projects that I've built over the past few years.
Each project has iTunes link to view the project directly on App store.
</p>
</div>
</div>
<!-- First content div END-->
<!-- Second content div -->
<div class="w3-container w3-padding-32">
<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 class="w3-quarter mediumRightAndLeftMargin w3-margin-bottom w3-margin-top">
<div class="wrapper w3-card-2">
<img src="images/portfolio-cgfirst-1.png" style="width:100%">
<div class="content">
<h1>CGFirst</h1>
<h4>By Fast Fwd Multimedia Ltd.</h4>
<a class="borderedButtonHeader" href="https://itunes.apple.com/gb/app/cgfirst/id656360855?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-groad-1.png" style="width:100%">
<div class="content">
<h1>G1DrivingRoad Test</h1>
<h4>By Chandradip Ghosh</h4>
<a class="borderedButtonHeader" href="https://itunes.apple.com/us/app/g1roadtest/id757811908?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/portfolio-canada-1.png" style="width:100%">
<div class="content">
<h1>Canada Citizenship Test</h1>
<h4>By Chandradip Ghosh</h4>
<a class="borderedButtonHeader" href="https://itunes.apple.com/us/app/canada-citizenship-test-easy/id785228051?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-->
<!-- 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>