-
Notifications
You must be signed in to change notification settings - Fork 0
/
courtesy.html
188 lines (155 loc) · 9.38 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
179
180
181
182
183
184
185
186
187
188
<!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>The joy of giving back to the community</h4>
</div>
<div class="w3-container w3-center">
<h1 class="headerSecondtextStyle">Making of this website</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">
<p class="jumboRightAndLeftPadding briefcontentDetail">
I always wanted to join community events around Swift. I started my travel journey with Apple Accelerator, where I met Amit Samant, and we connected over LinkedIn. One of Swift Bengaluru’s posts landed on my feed, and I applied to become a speaker. This is where I met Nayyan, Abhishek, and other folks. </br> One day I got a message from Nayaan about building up this site, and my inner calling to contribute more to the community came alive. Yes, I have found motivation to contribute back to the community. But I needed someone to help me with creating images and choosing a color theme for the website.</br> Meet my better half, Anjali Saraf, who worked tirelessly (along with her little one finding his way out into the world) to make this vision a reality. After endless battles (yes, we had many over pictures and theme selections), we finalized what you see in this section.</br> This is nowhere near perfect, and we would love your suggestions to make it better. Please send a message over LinkedIn or email to get in touch if you would like to contribute and get here. Please hit like to motivate both of us to continue doing this. </p>
<p class="jumboRightAndLeftPadding briefcontentDetail">
If you never worked on HTML, CSS, JS and want to build something similar. Please refer to:
</p>
</div>
</div>
<!-- First content div END-->
<!-- Second content div -->
<div class="w3-container w3-margin-32">
<div class="w3-container w3-center">
<div class="w3-container w3-center">
<h4 class="listSubHeading">Tutorial Web sites</h4>
<ul style="list-style-type:none" 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 w3-center">
<h4 class="listSubHeading">You tube tutorials</h4>
<ul style="list-style-type:none" 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 w3-center">
<h4 class="listSubHeading">Help links</h4>
<ul style="list-style-type:none" 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:none" class="w3-padding-4 detailStyle">
<li class="w3-padding-8">My Ex-Managers & Mentors
<a class="listLink" href="https://in.linkedin.com/in/arijitsarbagna">Arijit Sarbagna</a>,
<a class="listLink" href="https://www.linkedin.com/in/rajeshgoyal2008/">Rajesh Goyal</a>,
<a class="listLink" href="https://www.linkedin.com/in/suman-sengupta-b27b077/">Suman Sengupta</a>,
<a class="listLink" href="https://www.linkedin.com/in/satish-kumar-gautam-b6283581/">Satish Kumar Gautam</a>
</li>
<li class="w3-padding-8"><a class="listLink" href="https://www.linkedin.com/in/nayyanmujadiya/">Nayyan Mujadiya</a> - Content Editing &Helping hand & Buddy.</li>
<li class="w3-padding-8">Anjali Saraf - Website theme, background favicon images.</li>
<li class="w3-padding-8"><a class="listLink" href="https://www.linkedin.com/company/swiftbengaluru">Swift Bengaluru</a> team for giving me the opportunity</li>
</ul>
</div>
<div class="w3-container">
<h4 class="listSubHeading">Hosting Courtesy</h4>
<ul style="list-style-type:none" class="w3-padding-4 detailStyle">
<li class="w3-padding-8"><a class="listLink" href="https://github.com/">GitHub</a></li>
</ul>
</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="https://medium.com/swiftbengaluru">BLOG</a>
<a class="buttonFooter" href="https://www.meetup.com/swiftbengaluru/">EVENTS</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>© 2023 Swift Bengaluru. All rights reserved.</p>
</div>
<div class="w3-container w3-center">
<a href="https://github.com/swiftbengaluru"><img src="images/github-mark-white.png" class="footerSocialIcons" alt="GitHub"></a>
<a href="https://www.linkedin.com/company/swiftbengaluru"><img src="images/social-linkedin.png" class="footerSocialIcons" alt="Linked In"></a>
<a href="https://twitter.com/swiftbengaluru"><img src="images/social-twitter.png" class="footerSocialIcons" alt="Twitter"></a>
<a href="https://www.facebook.com/swiftbengaluru"><img src="images/social-facebook.png" class="footerSocialIcons" alt="Facebook"></a>
</div>
</div>
<!-- Foooter content div END-->
</body>
</html>