hire.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hire Me | My Web</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
    <link rel="shortcut icon" type="image/png" href="favicon_hireme2.png"/>
    <style media="screen">
    body {
      /*background: linear-gradient(to right, #bbeff7,#ffffff,#bbeff7);*/
    }
      h1 {
        color: #27324c;
        text-align: center;
        text-decoration: underline;
        padding: 15px;
      }
      h3 {
        text-align: center;
        text-transform: capitalize;
        padding: 0;
      }
      ul li {
        text-transform: capitalize;
      }
      .followmeicons i {
        margin-left: 12px;
        color: grey;
      }
      .followmeicons{
        width: 300px;
        height: auto;
        margin: auto;
      }
      /* BUG:  color: #576fa8;*/
    </style>
  </head>
  <body>
    <div class="hiretap">
      <div class="hirecontent">
        <br>
        <p style="color:#27324c;font-size:36px;text-decoration:underline;">Welcome</p>
        <p>I need a team for play with my talents.</p>
        <p>Can we start work together?</p>
      </div>
      <br>
      <!-- BUG: social media icons -->
      <div class="followme">
        <p style="color:#27324c;font-size:36px;text-decoration:underline;text-align:center;">followme On Air</p>
        <div class="followmeicons">
          <a href="https://github.com/VigneshJustin" target="_blank"><i class="fa fa-github fa-3x" aria-hidden="true"></i></a>
          <a href="mailto:vigneshwalker1@gmail.com"><i class="fa fa-envelope-o fa-3x" aria-hidden="true"></i></a>
          <a href="https://www.facebook.com/profile.php?id=100006298622527" target="_blank"><i class="fa fa-facebook-square fa-3x" aria-hidden="true"></i></a>
          <a href="intent://send/+919894337866#Intent;scheme=smsto;package=com.whatsapp;action=android.intent.action.SENDTO;end"><i class="fa fa-whatsapp fa-3x" aria-hidden="true"></i></a>
          <a href="#"><i class="fa fa-instagram fa-3x" aria-hidden="true"></i></a>
        </div>
      </div>
      <br>
      <br>
      <div class="note">
        <p style="color:#27324c;text-align:center;font-size:20px;">Thank You!</p>
      </div>
    </div>
  </body>
</html>