-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (193 loc) · 10.9 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
<html>
<title>Praveen Kaushik</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link href="wip-template.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
<body>
<div id="wip-template" class="wip-template">
<div id="center-box">
<img src="images/work-in-progress-sign.png" alt="" style="width: 25%;margin-top:2%;">
<h3>Website is in under maintenance and will be back shortly.</h3><h3>You can reach me out through-</h3>
<h3>
<a href="https://www.github.com/kaushikpraveen"><i class="fa fa-github"></i></a>
<a href="https://www.twitter.com/geekypraveen"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/praveen-kaushik"><i class="fa fa-linkedin"></i></a>
<a href="http://www.codepen.io/geekypraveen"><i class="fa fa-codepen"></i></a>
</h3>
</div>
</div>
<div id="portfolio" class="portfolio container-fluid" style="display: none;">
<div class="container-fluid">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-header">
<a class="navbar-brand" href="#"><i id="header-logo" class="fa fa-rub fa-2x"></i></a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#above-about-me" >About Me</a></li>
<li><a href="#above-i-know" >What I Know</a></li>
<li><a href="#above-my-work" >My work</a></li>
<li><a href="#contact-me" >Contact Me</a></li>
</ul>
</nav>
<div id="jumbo-image" class="jumbotron text-center" style="background: url(images/cover-green-brown2.jpg); background-size:cover; opacity:0.7; width:100%; margin-bottom:80px;">
<h1 id="name">Hi! I'm a Web Developer.</h1>
<h2 style="color:rgb(255,255,255); font-family:robo,sans-serif">This is my portfolio</h2><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="row">
<a href="http://www.github.com/kaushikpraveen" target="blank"><button class="btn btn-default"><i class="fa fa-github"></i></button></a>
<a href="http://www.codepen.com/geekypraveen" target="blank"><button class="btn btn-default"><i class="fa fa-codepen"></i></button></a>
<a href="http://www.twitter.com/geekypraveen" target="blank"><button class="btn btn-default"><i class="fa fa-twitter"></i></button></a>
</div><br />
</div>
<div id="above-about-me"><br />
<div id="about-me" class="container">
<h1 class="page-header text-center">About Me</h1>
<div class="row">
<div class="col-sm-5 col-md-5"><br />
<!--Profile-Card-Added-->
<div class="card">
<img src="images/front-end-developers-1.gif" alt="developer gif" style="width:100%">
<div style='padding:0 16px;'>
<h2 style="color:#0d0d0d;">Praveen Kaushik</h2>
<p class="dev-title">Software Developer</p>
<p></p>
<a href="https://www.github.com/kaushikpraveen"><i class="fa fa-github"></i></a>
<a href="https://www.twitter.com/geekypraveen"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/praveen-kaushik"><i class="fa fa-linkedin"></i></a>
<a href="http://www.codepen.io/geekypraveen"><i class="fa fa-codepen"></i></a>
<p><button id='card-btn'>Contact</button></p>
</div>
</div>
</div>
<div class="col-sm-5 col-md-5" style="border:5px solid; border-color:green; margin-left:80px; padding-bottom: 90px"></br />
<h1 class="text-center" style="color:green;"><i class="fa fa-user-secret" style="border:2px solid green; border-radius:50%; padding:7px;"></i></h1>
<p><i class="fa fa-asterisk" style="color:green;"></i> I'm a Software/Web Developer for past 4+ years, my main area of my expertise is front end development (client side of the web).<br />
<i class="fa fa-asterisk" style="color:green;"></i> Well experienced in web development projects and love coding in HTML, CSS, JS (TypeScript), building small and medium web apps with Angular 2+, custom plugins, features, animations, and coding interactive layouts.<br />
<i class="fa fa-asterisk" style="color:green;"></i> I have also full-stack developer experience with Angular + java stack and also with open source CMS like (WordPress & Magento).<br />
<i class="fa fa-asterisk" style="color:green;"></i> As a developer, I've handled projects in the past such as web development, Application development and SEO services.</p>
<!-- <h3 style="color:green;"> Stalk Me - </h3>
<div id="buttons" class="text-center">
<a href="https://www.github.com/kaushikpraveen" target="blank"> <button class="btn btn-social btn-default "><i class="fa fa-github"> Fork Me </i></button></a>
<a href="https://www.twitter.com/geekypraveen" target="blank"><button class="btn btn-social btn-primary"><i class="fa fa-twitter"> Tweet Me </i></button></a>
<a href="http://www.codepen.io/geekypraveen" target="blank"><button class="btn btn-default btn-social"><i class="fa fa-codepen"> See my Pens</i></button></a>
</div><br /> -->
</div>
</div>
</div>
</div>
<div id="above-i-know"><br />
<div id="i-know" class="container">
<h1 class="page-header text-center">What Do I Know?-</h1>
<div class="row">
<div class="col-xs-4 text-center ">
<span class="glyphicon glyphicon-globe" style="font-size:80px; color:green;"></span>
<h3 style="color:green; margin-bottom:40px; padding-left:5px;" class="text-center"> Web Development</h3>
<ul class="text-center">
<h4>HTML5</h4>
<h4>CSS3</h4>
<h4>Bootstrap</h4>
</ul>
</div>
<div class="col-xs-4 text-center">
<span class="glyphicon glyphicon glyphicon-phone " style="font-size:80px; color:green;"></span>
<h3 style="color:green; margin-bottom:40px;">Android Development</h3>
<ul class="text-center">
<h4>PhoneGap</h4>
<h4>Android Studio</h4>
<h4>REST Services</h4>
</ul>
</div>
<div class="col-xs-4 text-center">
<span class="gglyphicon glyphicon glyphicon-search " style="font-size:80px; color:green;"></span>
<h3 style="color:green; margin-bottom:40px;">SEO Services</h3>
<ul>
<h4>Optimization Tricks</h4>
<h4>SEO Research</h4>
<h4>SEO Tools</h4>
</ul>
</div>
</div>
</div>
</div>
<div id="above-my-work"><br />
<div id="my-work" class="container">
<h1 class="page-header text-center">My Previous Work</h1>
<div class="row">
<div class="col-sm-4 col-md-4">
<div class="hovereffect">
<img class="img-responsive" src="images/FDH-Site-Screenshot.jpg" style="height:200px;"><div class="overlay">
<h2>Free Doctor Helpline</h2><a class="info" href="http://www.freedoctorhelpline.com" target="blank">View Project</a></div>
</div></div>
<div class="col-sm-4 col-md-4">
<div class="hovereffect">
<img class="img-responsive" src="images/playstickgames.com.png" style="height:200px;"><div class="overlay">
<h2>Play Stick Games</h2><a class="info" href="http://www.playstickgames.com" target="blank">View Project</a>
</div>
</div></div>
<div class="col-sm-4 col-md-4">
<div class="hovereffect">
<img class="img-responsive" src="images/proyectoslide1.png" style="height:200px;"> <div class="overlay">
<h2>Proyecto</h2><a class="info" href="http://www.proyecto.co.in" target="blank">View Project</a>
</div>
</div></div>
</div><br />
<div class="row">
<div class="col-sm-4 col-md-4">
<div class="hovereffect">
<img class="img-responsive" src="images/My-Portfolio-Screenshot.jpg" style="width:100%;
height:200px;"><div class="overlay">
<h2>My Portfolio</h2> <a class="info" href="https://kaushikpraveen.github.io" target="blank">view project</a>
</div> </div></div>
<div class="col-sm-4 col-md-4">
<div class="hovereffect">
<img class="img-responsive" src="images/Tribute-Page-Screenshot1.jpg" style="width:100%;
height:200px;"><div class="overlay">
<h2>Tribute Page</h2> <a class="info" href="https://github.com/kaushikpraveen/TributePage" target="blank">view Project</a>
</div></div></div>
<div class="col-sm-4 col-md-4">
<div class="hovereffect">
<img class="img-responsive" src="images/successinfinite.com.jpeg" style="width:100%;
height:200px;"><div class="overlay">
<h2>Success Infinite</h2><a class="info" href="http://www.successinfinite.com" target="blank">view project</a>
</div></div></div>
</div>
</div>
</div>
<div id="above-contact-me">
<div id="contact-me" class="container">
<h1 class="page-header text-center">Contact Me</h1>
<div class="row">
<div class="col-sm-6 col-md-6 ">
<div style="border:2px solid; padding:25px;"> <form id="form" >
<div class="row">
<h3 class="col-sm-4 text-left">Name</h3>
<input type="text" class=" col-sm-5 col-md-6 form-control" placeholder="Your Name"></div><br />
<div class="row">
<h3 class="col-sm-4 col-md-4 text-left">Email-Id</h3>
<input type="email" class=" col-sm-6 col-md-6 form-control" placeholder="Your Email-id"></div>
<div class="row">
<h3 class="col-sm-4 col-md-4 text-left">Message</h3>
<input type="text" class=" col-sm-6 col-md-6 form-control" placeholder="Your Message"></div><br />
<a href="#"><button class="btn btn-block btn-primary">Submit</button></a>
</form><br /><span class="text-danger"><strong>*</strong>The Contact form doesn't work</span></div>
</div>
<div class="col-sm-5 col-md-5"><br /><br />
<img class="img img-responsive center-block" src="images/Contact-me.png"><br /><br /><br /><br /><br />
<div class="row text-center">
<a href="http://www.github.com/kaushikpraveen" target="blank"><button class="btn btn-default" style="margin-right:5px;"><i class="fa fa-github"></i></button></a>
<a href="http://www.twitter.com/geekypraveen" target="blank"><button class="btn btn-primary" style="margin-right:5px;"><i class="fa fa-twitter"></i></button></a>
<a href="http://www.codepen.com/geekypraveen" target="blank"><button class="btn btn-default" style="margin-right:5px;"><i class="fa fa-codepen"></i></button></a>
</div>
</div>
</div>
</div>
</div>
</div> <br /><br />
<footer class="footer" style="background-color:#0d0d0d">
<h4 class="text-center"> Made with <i class="fa fa-heart-o text-danger"></i> by <a href="https://www.github.com/kaushikpraveen" target="_blank">Praveen Kaushik</a></h4>
</footer>
</div>
</body>
</html>