|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 7 | + <meta name="description" content="Bootstrap wizard step jquery plugin"> |
| 8 | + <meta name="author" content="John Martin"> |
| 9 | + <title>Bootstrap Wizard Step | About - John Martin</title> |
| 10 | + <link href="/assets/bootstrap.min.css" rel="stylesheet"> |
| 11 | + <link href="/assets/awesome.min.css" rel="stylesheet"> |
| 12 | + <link href="/assets/style.css" rel="stylesheet"> |
| 13 | + <script> |
| 14 | + (function(i, s, o, g, r, a, m) { |
| 15 | + i['GoogleAnalyticsObject'] = r; |
| 16 | + i[r] = i[r] || function() { |
| 17 | + (i[r].q = i[r].q || []).push(arguments) |
| 18 | + }, i[r].l = 1 * new Date(); |
| 19 | + a = s.createElement(o), |
| 20 | + m = s.getElementsByTagName(o)[0]; |
| 21 | + a.async = 1; |
| 22 | + a.src = g; |
| 23 | + m.parentNode.insertBefore(a, m) |
| 24 | + })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); |
| 25 | + ga('create', 'UA-55133415-2', 'auto'); |
| 26 | + ga('send', 'about'); |
| 27 | + </script> |
| 28 | + </head> |
| 29 | + |
| 30 | + <body data-spy="scroll" data-target=".navbar-example"> |
| 31 | + <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner"> |
| 32 | + <div class="container"> |
| 33 | + <div class="navbar-header"> |
| 34 | + <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> |
| 35 | + <span class="sr-only">Toggle navigation</span> |
| 36 | + <span class="icon-bar"></span> |
| 37 | + <span class="icon-bar"></span> |
| 38 | + <span class="icon-bar"></span> |
| 39 | + </button> |
| 40 | + <a href="/" class="navbar-brand">Bootstrap Wizard Step</a> |
| 41 | + </div> |
| 42 | + <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> |
| 43 | + <ul class="nav navbar-nav"> |
| 44 | + <li><a href="/document.html">Document</a></li> |
| 45 | + |
| 46 | + </ul> |
| 47 | + <ul class="nav navbar-nav navbar-right"> |
| 48 | + <li><a href="/about.html">About</a></li> |
| 49 | + <li><a href="https://github.com/johnitvn?tab=repositories">Github<i class="fa fa-github" style="font-size: 16px;margin-left: 4px"></i></a></li> |
| 50 | + </ul> |
| 51 | + </nav> |
| 52 | + </div> |
| 53 | + </header> |
| 54 | + |
| 55 | + <div class="bs-docs-header" id="content"> |
| 56 | + <div class="container"> |
| 57 | + <h1>About Me</h1> |
| 58 | + <p>A short introduction of myself.</p> |
| 59 | + </div> |
| 60 | + </div> |
| 61 | + <div class="container"> |
| 62 | + <div class="col-lg-3 col-sm-4"> |
| 63 | + <div id="contact-info" class="panel panel-info"> |
| 64 | + <div class="panel-heading"> |
| 65 | + <h3 class="panel-title">My contact</h3> |
| 66 | + </div> |
| 67 | + <div class="panel-body"> |
| 68 | + <div class="text-center"> |
| 69 | + <img src="/assets/avatar.jpg" style="width: 80%;margin-top: 20px" class="img-circle"> |
| 70 | + </div> |
| 71 | + <br> |
| 72 | + <div class="text-center"> |
| 73 | + <address> |
| 74 | + <strong>John Martin</strong><br> |
| 75 | + Full Stack Developer <br> |
| 76 | + </address> |
| 77 | + </div> |
| 78 | + <div class="list-group"> |
| 79 | + <a href=" mailto:[email protected]" class=" list-group-item" > |
| 80 | + <i class="fa fa-envelope" style="margin-right: 10px"></i> |
| 81 | + |
| 82 | + </a> |
| 83 | + <a href="skype:h0a.kd93?add" class="list-group-item"> |
| 84 | + <i class="fa fa-skype" style="margin-right: 10px"></i> |
| 85 | + Skype: h0a.kd93 |
| 86 | + </a> |
| 87 | + <a href="" class="list-group-item"> |
| 88 | + <i class="fa fa-phone" style="margin-right: 10px"></i> |
| 89 | + Phone: (+84) 986 804 874<BR> |
| 90 | + <small class="text-info">You can contact with me through WeChat/WhatApps any time</small> |
| 91 | + </a> |
| 92 | + </div> |
| 93 | + </div> |
| 94 | + </div> |
| 95 | + </div> |
| 96 | + <div class="col-lg-9 col-sm-8"> |
| 97 | + <div class="panel panel-success"> |
| 98 | + <div class="panel-heading"> |
| 99 | + <h3 class="panel-title">Introduce to me</h3> |
| 100 | + </div> |
| 101 | + <div class="panel-body"> |
| 102 | + <div class="row-fluid"> |
| 103 | + <div role="main"> |
| 104 | + <section> |
| 105 | + <h2>Hi, My name is John Martin.</h2> |
| 106 | + <p>I am a full stack developer, both Mobile and Web, living in Vietnam. |
| 107 | + I have been programming since 2011 and am familiar with Java, PHP, Python, JavaScript, HTML, CSS, Nodejs and more. |
| 108 | + I can development application for Android/iOS, too. I am particularly strong in Android and PHP Backend development. |
| 109 | + I love to think abstract, solve problems and am very interested in future technologies. |
| 110 | + I interested automation, too. I want do anything we can by automation <i class="fa fa-smile-o"></i></p> |
| 111 | + <p>If you would like to contact me, do not hesitate to send me a message on skype or |
| 112 | + phone via WeChat/WhatApps, any time you are welcome.</p> |
| 113 | + <h3>You looking for freelance developer?</h3> |
| 114 | + <p>I'm available for freelance work. |
| 115 | + My team have 20 people. |
| 116 | + So if you want to find a partner, please feel free contact to me. We can development in all platform</p> |
| 117 | + |
| 118 | + <h3>Buy me a beer</h3> |
| 119 | + <p> |
| 120 | + Hey guys, I invested tons of time and still investing to offer you a great feeling and nice looking component. |
| 121 | + So if you like it, I would very appreciate a beer donation <i class="fa fa-smile-o"></i> Thanks. |
| 122 | + </p> |
| 123 | + <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> |
| 124 | + <input type="hidden" name="cmd" value="_s-xclick"> |
| 125 | + <input type="hidden" name="hosted_button_id" value="3YB62X99WU5PL"> |
| 126 | + <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> |
| 127 | + <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> |
| 128 | + </form> |
| 129 | + <p></p> |
| 130 | + </section> |
| 131 | + </div> |
| 132 | + </div> |
| 133 | + </div> |
| 134 | + </div> |
| 135 | + </div> |
| 136 | + </div> |
| 137 | + |
| 138 | + <script src="/assets/jquery.min.js"></script> |
| 139 | + <script src="/assets/bootstrap.min.js"></script> |
| 140 | + </body> |
| 141 | +</html> |
0 commit comments