|
@@ -276,173 +276,6 @@
|
276
|
276
|
<br>
|
277
|
277
|
</div><!--/.container -->
|
278
|
278
|
|
279
|
|
- <!--SKILLS DESCRIPTION -->
|
280
|
|
- <div id="skillswrap">
|
281
|
|
- <div class="container">
|
282
|
|
- <div class="row">
|
283
|
|
- <div class="col-lg-2 col-lg-offset-1">
|
284
|
|
- <h5>SKILLS</h5>
|
285
|
|
- </div>
|
286
|
|
- <div class="col-lg-3 centered">
|
287
|
|
- <canvas id="javascript" height="130" width="130"></canvas>
|
288
|
|
- <p>Javascript</p>
|
289
|
|
- <br>
|
290
|
|
- <script>
|
291
|
|
- var doughnutData = [
|
292
|
|
- {
|
293
|
|
- value: 70,
|
294
|
|
- color:"#1abc9c"
|
295
|
|
- },
|
296
|
|
- {
|
297
|
|
- value : 30,
|
298
|
|
- color : "#ecf0f1"
|
299
|
|
- }
|
300
|
|
- ];
|
301
|
|
- var myDoughnut = new Chart(document.getElementById("javascript").getContext("2d")).Doughnut(doughnutData);
|
302
|
|
- </script>
|
303
|
|
- </div>
|
304
|
|
- <div class="col-lg-3 centered">
|
305
|
|
- <canvas id="bootstrap" height="130" width="130"></canvas>
|
306
|
|
- <p>Bootstrap</p>
|
307
|
|
- <br>
|
308
|
|
- <script>
|
309
|
|
- var doughnutData = [
|
310
|
|
- {
|
311
|
|
- value: 90,
|
312
|
|
- color:"#1abc9c"
|
313
|
|
- },
|
314
|
|
- {
|
315
|
|
- value : 10,
|
316
|
|
- color : "#ecf0f1"
|
317
|
|
- }
|
318
|
|
- ];
|
319
|
|
- var myDoughnut = new Chart(document.getElementById("bootstrap").getContext("2d")).Doughnut(doughnutData);
|
320
|
|
- </script>
|
321
|
|
- </div>
|
322
|
|
- <div class="col-lg-3 centered">
|
323
|
|
- <canvas id="wordpress" height="130" width="130"></canvas>
|
324
|
|
- <p>Wordpress</p>
|
325
|
|
- <br>
|
326
|
|
- <script>
|
327
|
|
- var doughnutData = [
|
328
|
|
- {
|
329
|
|
- value: 65,
|
330
|
|
- color:"#1abc9c"
|
331
|
|
- },
|
332
|
|
- {
|
333
|
|
- value : 35,
|
334
|
|
- color : "#ecf0f1"
|
335
|
|
- }
|
336
|
|
- ];
|
337
|
|
- var myDoughnut = new Chart(document.getElementById("wordpress").getContext("2d")).Doughnut(doughnutData);
|
338
|
|
- </script>
|
339
|
|
- </div>
|
340
|
|
-
|
341
|
|
- <div class="col-lg-3 col-lg-offset-3 centered">
|
342
|
|
- <canvas id="html" height="130" width="130"></canvas>
|
343
|
|
- <p>HTML/CSS</p>
|
344
|
|
- <br>
|
345
|
|
- <script>
|
346
|
|
- var doughnutData = [
|
347
|
|
- {
|
348
|
|
- value: 80,
|
349
|
|
- color:"#1abc9c"
|
350
|
|
- },
|
351
|
|
- {
|
352
|
|
- value : 20,
|
353
|
|
- color : "#ecf0f1"
|
354
|
|
- }
|
355
|
|
- ];
|
356
|
|
- var myDoughnut = new Chart(document.getElementById("html").getContext("2d")).Doughnut(doughnutData);
|
357
|
|
- </script>
|
358
|
|
- </div>
|
359
|
|
- <div class="col-lg-3 centered">
|
360
|
|
- <canvas id="photoshop" height="130" width="130"></canvas>
|
361
|
|
- <p>Photoshop</p>
|
362
|
|
- <br>
|
363
|
|
- <script>
|
364
|
|
- var doughnutData = [
|
365
|
|
- {
|
366
|
|
- value: 70,
|
367
|
|
- color:"#1abc9c"
|
368
|
|
- },
|
369
|
|
- {
|
370
|
|
- value : 30,
|
371
|
|
- color : "#ecf0f1"
|
372
|
|
- }
|
373
|
|
- ];
|
374
|
|
- var myDoughnut = new Chart(document.getElementById("photoshop").getContext("2d")).Doughnut(doughnutData);
|
375
|
|
- </script>
|
376
|
|
- </div>
|
377
|
|
- <div class="col-lg-3 centered">
|
378
|
|
- <canvas id="illustrator" height="130" width="130"></canvas>
|
379
|
|
- <p>Illustrator</p>
|
380
|
|
- <br>
|
381
|
|
- <script>
|
382
|
|
- var doughnutData = [
|
383
|
|
- {
|
384
|
|
- value: 50,
|
385
|
|
- color:"#1abc9c"
|
386
|
|
- },
|
387
|
|
- {
|
388
|
|
- value : 50,
|
389
|
|
- color : "#ecf0f1"
|
390
|
|
- }
|
391
|
|
- ];
|
392
|
|
- var myDoughnut = new Chart(document.getElementById("illustrator").getContext("2d")).Doughnut(doughnutData);
|
393
|
|
- </script>
|
394
|
|
- </div>
|
395
|
|
-
|
396
|
|
- </div><!--/.row -->
|
397
|
|
- <br>
|
398
|
|
- </div><!--/.container -->
|
399
|
|
- </div><!--/ #skillswrap -->
|
400
|
|
-
|
401
|
|
-
|
402
|
|
-
|
403
|
|
- <section id="work" name="work"></section>
|
404
|
|
- <!--PORTFOLIO DESCRIPTION -->
|
405
|
|
- <div class="container desc">
|
406
|
|
- <div class="row">
|
407
|
|
- <div class="col-lg-2 col-lg-offset-1">
|
408
|
|
- <h5>PORTFOLIO</h5>
|
409
|
|
- </div>
|
410
|
|
- <div class="col-lg-6">
|
411
|
|
- <p><img class="img-responsive" src="assets/img/port01.jpg" alt=""></p>
|
412
|
|
- </div>
|
413
|
|
- <div class="col-lg-3">
|
414
|
|
- <p>CANALS OF ENGLAND</p>
|
415
|
|
- <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br/><br/>
|
416
|
|
- <sm><i class="icon-tag"></i> design</sm></more>
|
417
|
|
- </p>
|
418
|
|
- </div>
|
419
|
|
-
|
420
|
|
- <div class="col-lg-6 col-lg-offset-3">
|
421
|
|
- <p><img class="img-responsive" src="assets/img/port02.jpg" alt=""></p>
|
422
|
|
- </div>
|
423
|
|
- <div class="col-lg-3">
|
424
|
|
- <p>SANKEY</p>
|
425
|
|
- <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br/><br/>
|
426
|
|
- <sm><i class="icon-tag"></i> front-end</sm></more>
|
427
|
|
- </p>
|
428
|
|
- </div>
|
429
|
|
-
|
430
|
|
- <div class="col-lg-6 col-lg-offset-3">
|
431
|
|
- <p><img class="img-responsive" src="assets/img/port03.jpg" alt=""></p>
|
432
|
|
- </div>
|
433
|
|
- <div class="col-lg-3">
|
434
|
|
- <p>WE GROW</p>
|
435
|
|
- <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br/><br/>
|
436
|
|
- <sm><i class="icon-tag"></i> web design</sm></more>
|
437
|
|
- </p>
|
438
|
|
- </div>
|
439
|
|
-
|
440
|
|
- </div><!--/.row -->
|
441
|
|
- <br>
|
442
|
|
- <br>
|
443
|
|
- </div><!--/.container -->
|
444
|
|
-
|
445
|
|
-
|
446
|
279
|
|
447
|
280
|
<section id="contact" name="contact"></section>
|
448
|
281
|
<!--FOOTER DESCRIPTION -->
|