-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
307 lines (290 loc) · 13.6 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
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
<!DOCTYPE html>
<html>
<head>
<title>Front-end Developer Nitin Kumar tiwari</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Front-end-Developer,Front-end-developmrnt,Nitin-tiwari-front-end-developer,nitin-kumar-tiwari,nitin-kumar,nitin-tiwari ,nitin,nitin-front-end-developer,nitin-tiwari-front-end-developer,nitin-kumar-tiwari-front-end-developer,software-developer,software-developer-nitin" >
<meta name="description" content="I am Nitin kumar tiwari a front end developer . front end passinate front end developer to create dynamic website for all deveice . I am expert in creating responsive front end ">
<!---------------Importing css here---------------->
<link rel="stylesheet" href="css/style.css">
<!---- Importing JS here ---->
</head>
<body>
<div class="container">
<div class="home">
<div class="uperhome">
<div class="texthome">
<h1>Hello, I'm <span>Nitin Tiwari</span><br>I'm a Front-End Developer</h1>
<hr/>
</div>
<div class="buttonhome">
<a href="">
<button type="button" name="button">View my work</button>
<img src="img/icons/arrow-right.svg" alt="arrow-down front-end">
</a>
</div>
</div>
</div>
<div class="headerdiv">
<header>
<div class="dekstopHeader" id="desktopheader">
<a href="#" class="headerlink" title="Nitin tiwari home">Home</a>
<a href="#" class="headerlink" title="Nitin tiwari about">About</a>
<a href="#" class="headerlink" title="Nitin tiwari project">Projects</a>
<a href="#" class="headerlink" title="Nitin tiwari blogs">Blog</a>
<a href="#" class="headerlink" title="Nitin tiwari contact">contact</a>
</div>
<div class="mobileheader">
<a href="#" class="mobileheadericon">
<img src="img/icons/header.svg" alt="portfolio headers">
</a>
<div class="mobileheadermain" style="display:none;">
<a href="#" class="headerlink" title="Nitin tiwari home">Home</a>
<a href="#" class="headerlink" title="Nitin tiwari about">About</a>
<a href="#" class="headerlink" title="Nitin tiwari project">Projects</a>
<a href="#" class="headerlink" title="Nitin tiwari blogs">Blog</a>
<a href="#" class="headerlink" title="Nitin tiwari contact">contact</a>
</div>
</div>
</header>
</div>
<section class="about" id="about">
<div class="aboutcontainer">
<div class="aboutupper">
<div class="aboutheading">
<h1 style='color:#444649'>ABOUT</h1>
<hr>
</div>
</div>
<div class="aboutmiddle">
<div class="aboutmiddileocntent">
<div class="aboutitem">
<div class="" id="circle">
<img src="img/icons/speed.svg" alt="Fast-loading-front-end-development-Nitin-tiwari" >
</div>
<h2>Fast</h2>
<p>Fast load times and lag free interaction, my highest priority.</p>
</div>
<div class="aboutitem">
<div class="" id="circle">
<img src="img/icons/responsive.png" alt="Responsive-desgin-front-end-development-nitin-tiwari" style="padding-top: 18% ;width: 90%;" />
</div>
<h2>Responsive</h2>
<p>My main goal is to make your web pages look good on all devices.</p>
</div>
<div class="aboutitem">
<div class="" id="circle">
<img src="img/icons/bulb.svg" alt="stron-preference-front-end-development-nitin-tiwari" style="width: 50%;padding-top: 13%;" />
</div>
<h2>Intuitive</h2>
<p>Strong preference for easy to use, intuitive UX/UI..</p>
</div>
<div class="aboutitem">
<div class="" id="circle">
<img src="img/icons/rocket.svg" alt="dynamic-website-front-end-development-nitin-tiwari" style="width: 66%;padding-top: 17%;" />
</div>
<h2>Dynamic</h2>
<p>Websites don't have to be static, I love making pages come to life.</p>
</div>
</div>
</div>
<div class="aboutbottom">
<div class="aboutbottomleft">
<div class="bottomleftimg">
<img src="img/nitin-tiwari.jpeg" alt="nitin-kumar-tiwari-front-end-developer" />
</div>
<h1>Who's this guy ?</h1>
<p>I'm the Front-End Developer, OR.I have serious passion for UI effects,
animations and creating intuitive, dynamic user experiences.Let's make something special.</p>
</div>
<div class="aboutbottomright">
<div class="bottomrightcontent">
<div class="techcontnentdiv">
<div class="techcontnentmain">
<div class="techcontnent" style="width:29%;">
HTML
</div>
</div>
<span>85%</span>
</div>
<div class="techcontnentdiv">
<div class="techcontnentmain" style="width: 90%;">
<div class="techcontnent">
CSS
</div>
</div>
<span style="margin-left: 0%;">93%</span>
</div>
<div class="techcontnentdiv">
<div class="techcontnentmain" style="width: 76%;">
<div class="techcontnent" style="width:31%;">
javascript
</div>
</div>
<span style="margin-left: 14%;">80%</span>
</div>
<div class="techcontnentdiv">
<div class="techcontnentmain" style="width: 67%;">
<div class="techcontnent" style="width:35%;">
React
</div>
</div>
<span style="margin-left:23%;">75%</span>
</div>
<div class="techcontnentdiv">
<div class="techcontnentmain" style="width:78%;">
<div class="techcontnent" style="width:31%;">
Angular
</div>
</div>
<span style="margin-left:13%;">82%</span>
</div>
<div class="techcontnentdiv">
<div class="techcontnentmain" style="width:62%;">
<div class="techcontnent" style="width:39%;">
Bootstrap
</div>
</div>
<span style="margin-left:28%;">70%</span>
</div>
<div class="techcontnentdiv">
<div class="techcontnentmain" style="width:54%;">
<div class="techcontnent" style="width:45%;">
Wordpress
</div>
</div>
<span style="margin-left:36%;">60%</span>
</div>
<div class="techcontnentdiv">
<div class="techcontnentmain" style="width:48%;">
<div class="techcontnent" style="width:50%;">
PHP
</div>
</div>
<span style="margin-left:42%;">50%</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="projects" id="projects">
<div class="aboutupper">
<div class="aboutheading">
<h1 style='color:#444649'>Projects</h1>
<hr >
</div>
</div>
<div class="projectsDivContainer">
<div class="porjectsDivMain">
<div class="project">
<div class="projectModern"></div>
<div class="projecttext">
<div class="bold">Modern-Packaging</div>
<span class="heighlight">Angular8</span>
</div>
<div class="readmorebutton">
LEARN MORE
</div>
</div>
<div class="project">
<div class="projectMyhd"></div>
<div class="projecttext">
<div class="bold">MYHD IPTV</div>
<span class="heighlight">JavaScript</span>
</div>
<div class="readmorebutton">
LEARN MORE
</div>
</div>
</div>
</div>
</section>
<section class="Blogs" id="Blogs">
<div class="aboutupper">
<div class="aboutheading">
<h1 style='color:#444649'>Blogs</h1>
<hr >
</div>
</div>
<div class="blogsdivcontainer">
<div class="blogsdivmain">
<div class="Blog blog1" >
<div class="blogimg webosblog"></div>
<div class="blogtexts">
<div class="blogheading">Publish WebOs app to LG content store Step-by-Step</div>
<div class="blogdate">December 1, 2019</div>
<hr>
<div class="blogdetails">
Once you have developed an LG WebOS app, you will definitely look forward to publishing it to the LG content store for mass distribution....
</div>
</div>
</div>
<div class="Blog blog2">
<div class="blogimg angularblog"></div>
<div class="blogtexts">
<div class="blogheading">Deploy Angular8 Universal App on Amzon Ec2 using proxy </div>
<div class="blogdate">December 1, 2019</div>
<hr>
<div class="blogdetails">
Your website is nothing but peice of shit if it is not SEO friendly and its complicated to make angular website to make seo friendly but........
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact">
<div class="aboutupper">
<div class="aboutheading">
<h1 style='color:white'>CONTACT</h1>
<hr >
</div>
</div>
<div class="contactheading">
<p>Have a question or want to work together?</p>
</div>
<div class="contactusform">
<form class="contactfrom" >
<input type="text" name="" placeholder="enter name" required></input>
<input type="email" name="" value="" placeholder="enter email" required></input>
<textarea name="name" rows="8" cols="50" placeholder="enter your message" required></textarea>
<input type="submit" name="" value="Submit" class="submit">
</form>
</div>
</section>
<footer>
<i>
<img src="img/icons/footerup.svg" alt="">
</i>
<div class="socialicondiv">
<div class="linkdindiv">
<a href="https://www.linkedin.com/in/nitintiwari2912/" target="_blank" title="Nitin-tiwari-linkdin">
<img src="img/icons/linkdin.svg" alt="Nitin-tiwari-linkdin" class="brandimage">
</a>
</div>
<div class="linkdindiv">
<a href="https://www.facebook.com/profile.php?id=100006120373795" target="_blank" title="Nitin-tiwari-facebook">
<img src="img/icons/facebook.svg" alt="Nitin-tiwari-facebook" class="brandimage">
</a>
</div>
<div class="linkdindiv">
<a href="https://www.instagram.com/____tiwari_ji____/" title="Nitin-tiwari-instagram" target="_blank">
<img src="img/icons/instagram.svg" alt="Nitin-tiwari-instagram" class="brandimage" >
</a>
</div>
<div class="linkdindiv">
<a href="https://github.com/nitinkumartiwari" target="_blank" title="Nitin-tiwari-github">
<img src="img/icons/github.svg" alt="Nitin-tiwari-github" class="brandimage">
</a>
</div>
</div>
<div class="footerbottom">
<h3>Nitin kumar Tiwari <span> ©2015</span></h3>
</div>
</footer>
</div>
</body>
<script type="text/javascript" src="js/index.js"></script>
</html>