-
Notifications
You must be signed in to change notification settings - Fork 0
/
courtesy.html
178 lines (144 loc) · 7.57 KB
/
courtesy.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
<!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>Courtesy for website development - 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="resume_custom.css">
<link rel="stylesheet" href="courtesy-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_courtesy.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>Things / People who helped me</h4>
</div>
<div class="w3-container w3-center">
<h1 class="headerSecondtextStyle">Building This Site</h1>
</div>
</div>
</div>
</div>
<!-- Main outer header container END -->
<!-- Second content div -->
<div class="w3-container w3-margin-32">
<div class="w3-row">
<div class="w3-third w3-container">
<h2 class="sideHeading">Links to Everything</h2>
</div>
<div class="w3-half w3-container">
<div class="w3-container">
<h4 class="listSubHeading">Tutorial Web sites</h4>
<ul style="list-style-type:disc" class="w3-padding-4 detailStyle">
<li class="w3-padding-8"><a class="listLink" href="http://www.w3schools.com/">W3 Schools for HTML5 / CSS3 / W3CSS </a> </li>
<li class="w3-padding-8"><a class="listLink" href="http://www.tutorialspoint.com/index.htm">Tutorials Point</a></li>
<li class="w3-padding-8"><a class="listLink" href="https://www.codecademy.com/">Code Cademy</a></li>
<li class="w3-padding-8"><a class="listLink" href="http://www.tutorialrepublic.com/">Tuorial Republic</a></li>
</ul>
</div>
<div class="w3-container">
<h4 class="listSubHeading">You tube tutorials</h4>
<ul style="list-style-type:disc" class="w3-padding-4 detailStyle">
<li class="w3-padding-8"><a class="listLink" href="https://www.youtube.com/watch?v=Ok60gdJif0U&list=PLttcEXjN1UcHi3Rc-FSNZOaFSsSjFWCBS">Dream weaver Tutorial by Daniel</a></li>
<li class="w3-padding-8"><a class="listLink" href="https://www.youtube.com/watch?v=UDfcEzAbgH8&index=13&list=PLaZp2zXwZQ-mQGbj_LQl8wv_CzZ4Xr9l0">CSS 3 Animations</a></li>
<li class="w3-padding-8"><a class="listLink" href="https://www.youtube.com/watch?v=A_XDQSG1wsA">Pixlr Web app</a></li>
<li class="w3-padding-8"><a class="listLink" href="https://www.youtube.com/watch?v=9z3N5Ti9sCo&list=PL6CD20EBB30C2C341">Photoshop tutorial series</a></li>
<li class="w3-padding-8"><a class="listLink" href="https://www.youtube.com/watch?v=eill5G4LKrU">Logo design.Converting sketch into logo in photoshop.</a></li>
</ul>
</div>
<div class="w3-container">
<h4 class="listSubHeading">Random Help links</h4>
<ul style="list-style-type:disc" class="w3-padding-4 detailStyle">
<li class="w3-padding-8"> <a class="listLink" href="https://developer.yahoo.com/performance/rules.html"> Yahoo best practices for speeding up websites.</a> </li>
<li class="w3-padding-8"><a class="listLink" href="http://www.awwwards.com/">Website design idea from Awwards</a></li>
<li class="w3-padding-8"><a class="listLink" href="http://stackoverflow.com/">Stack Overflow</a></li>
</ul>
</div>
<div class="w3-container">
<h4 class="listSubHeading">Special Thanks</h4>
<ul style="list-style-type:disc" class="w3-padding-4 detailStyle">
<li class="w3-padding-8"><a class="listLink" href="https://in.linkedin.com/in/arijitsarbagna">My Manager & Mentor Arijit Sarbagna. For motivating me :-)</a></li>
<li class="w3-padding-8">Amit Chakraborty - Helping hand & Buddy.</li>
<li class="w3-padding-8">Pritam Gangopadhyay- Content Editing & logo/Favicon sketch Buddy.</li>
</ul>
</div>
<div class="w3-container">
<h4 class="listSubHeading">Hosting Courtesy</h4>
<ul style="list-style-type:disc" class="w3-padding-4 detailStyle">
<li class="w3-padding-8"><a class="listLink" href="https://www.openshift.com/">OpenShift</a></li>
<li class="w3-padding-8"><a class="listLink" href="http://www.youtube.com/watch?v=0jj8fLiO1Bs">Open shift Windows set up tutorial </a> </li>
</ul>
</div>
</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>