vikashkhairwal.github.io/contact.html at master · vikashkhairwal/vikashkhairwal.github.io · GitHub

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
<!DOCTYPE html>
<meta name="google-site-verification" content="phPC6uY3A22gKRyuHXRO98QOBSRObdEKorNiNW_tp4g" />
<head>
<title>Vikash Khairwal</title>
<meta name="description" content="My name is Vikash Khairwal.I am an IT (INFORMATION TECHNOLOGY) engineer and a full stack developer.I have worked on various projects like Business Expansion Prediction,Medical Store Management.I have knowledge of Web Designing and Development and Software Development.I had worked on HTML5,CSS3,BOOTSTRAP4,mongoDB,MySQL and .NET Framework.I have keen interest in databases like mongoDB and MySQL." />
<meta name="keywords" content="Vikash Khairwal,full stack developer,business expansion prediction,medical store management,web designer,software developer,.NET developer,web developer,database expert,mongoDB developer,MySQL developer,databse specialist,IT engineer,AIT" />
<meta name="author" content="Vikash Khairwal"
<meta name="robots" content="index, follow" />

<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" type="image/gif" href="animated_favicon1.gif" >

<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="bootstrap4/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="bootstrap4/css/bootstrap-social.css">
<link rel="stylesheet" type="text/css" href="bootstrap4/css/font-awesome.css">
<script type="text/javascript" src="bootstrap4/js/main.js"></script>
<link rel="stylesheet" href="bootstrap4/css/bootstrap.min.css">
<script src="bootstrap4/js/jquery.min.js"></script>
<script src="bootstrap4/js/bootstrap.min.js"></script>
<style type="text/css">

</style>
</head>
<body>
  <header style="width:100%;position:absolute;top:0px;height:9%">
    <nav>
   <div class="container">
    <ul class="nav nav-pills" style="margin-top:10px">
            <li style="margin-left:10px"><a class="navbar-brand" href="index.html"><img src="images/logo.png" width="80px" height="80px"></img></a></li>
            <li  style="margin-left:10px"><a href="index.html">Home</a></li>
            <li style="margin-left:10px"><a href="youtube.html">YouTube</a></li>
            <li style="margin-left:10px"><a href="projects.html">Projects</a></li>
            <li class="active" style="margin-left:10px"><a href="contact.html">Contact Me</a></li>
            <li style="margin-left:10px"><a href="about.html">About Me</a></li>
    </ul>
  </div>
</nav>
</header>
<video poster="images/contact.jpg" id="bgvid" playsinline autoplay loop>
<source src="images/contact.mp4" type="video/mp4">
</video>
<div id="polina">
<h2><b>Contact Me</b></h2>
<div class="form-group">
<form method="POST" action="http://formspree.io/vikashkhairwal@gmail.com">
  <input type="text" name="subject" placeholder="Subject" class="form-control">
  <br/>
   <input type="text" name="name" placeholder="Name" class="form-control">
   <br/>
  <input type="email" name="email" placeholder="Your email" class="form-control">
  <br/>
  <textarea name="message" placeholder="Your message" class="form-control"></textarea>
  <br/>
  <button style=" background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer" type="submit" class="form-control">SEND</button>
</form>
</div>
<div class="row">
<div class="col-md-3">
<a href="mailto:vikashkhairwal@gmail.com"><img src="images/contact1.png"></a>
</div>
<div class="col-md-3">
<a href="callto:+91000000000"><img src="images/contact2.png"></a>
</div>
<div class="col-md-6" id ="map">
</div>
</div>
</div>
</div>

<footer class="footer" style="width:100%;position:absolute;bottom:0">
  <div align="center" class="tags">
   <span class="tags-title"></span> <a href="home.html" rel="tag"><b>Home | </a> <a href="youtube.html" rel="tag">YouTube | </a> <a href="projects.html" rel="tag">Projects |</a> <a href="contact.html" rel="tag">Contact Me |</b></a> <a href="about.html" rel="tag"><b>About Me</b></a>
 </div>
  <div class="social" style="padding-left:42%">
  <a class="btn btn-social-icon btn-youtube" href="https://youtube.com/vikashkhairwal">
    <span class="fa fa-youtube"></span>
  </a>
  <a class="btn btn-social-icon btn-github" href="https://github.com/vikashkhairwal">
    <span class="fa fa-github"></span>
  </a>
  <a class="btn btn-social-icon btn-facebook" href="https://facebook.com/vikashkhairwal">
    <span class="fa fa-facebook"></span>
  </a>
  <a class="btn btn-social-icon btn-twitter" href="https://twitter.com/vikashkhairwal">
    <span class="fa fa-twitter"></span>
  </a>
  <a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/vikash-khairwal-956248124/">
    <span class="fa fa-linkedin"></span>
  </a>
  <a class="btn btn-social-icon btn-google" href="https://plus.google.com/u/0/+VikashKhairwal">
    <span class="fa fa-google"></span>
  </a>
  </div>
  <address align="center">Copyright 2018 &copy; All Rights Reserved <i>By Vikash Khairwal</i></address>
</footer>
</body>
</html>