Diligent web site
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

apply.php 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <!DOCTYPE html>
  2. <!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
  3. <!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
  4. <!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
  5. <!--[if (gte IE 10)|!(IE)]><!-->
  6. <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
  7. <!--<![endif]-->
  8. <head>
  9. <title>Apply for job - Diligent</title>
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  12. <!-- Seo Meta -->
  13. <meta name="description" content="Diligent software solutions apply for a job">
  14. <meta name="keywords" content="dilignet, software, development, company, job, it">
  15. <meta property="og:title" content="Diligent Portfolio" />
  16. <meta property="og:type" content="website" />
  17. <meta property="og:url" content="http://dilig.net" />
  18. <meta property="og:image" content="images/diligent-black.png" />
  19. <meta property="og:description" content="Site description" />
  20. <!-- Styles -->
  21. <link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />
  22. <link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />
  23. <link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.css" media="screen" />
  24. <link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" />
  25. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" rel="stylesheet" type="text/css">
  26. <link href="styles/bootstrap.min.css" rel="stylesheet" type="text/css">
  27. <link href="styles/font-awesome.css" rel="stylesheet" type="text/css">
  28. <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
  29. <link rel="stylesheet" type="text/css" href="styles/custom.css" media="screen" />
  30. <link href="styles/bootstrap.min.css" rel="stylesheet" type="text/css">
  31. <!-- Favicon -->
  32. <link rel="shortcut icon" href="images/favicon.ico" />
  33. <!-- Custom Styles -->
  34. <style type="text/css" id="themecolors"></style>
  35. <style>
  36. .client-description {
  37. padding: 100px 0px 30px 0px;
  38. }
  39. .chips span {
  40. display: inline-block;
  41. padding: 0 12px;
  42. margin-right: 8px;
  43. margin-bottom: 8px;
  44. border-radius: 5px;
  45. background-color: #4a4949;
  46. box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
  47. color: white;
  48. }
  49. .center-item {
  50. text-align: center;
  51. }
  52. .technologies-title {
  53. margin-top: 30px;
  54. }
  55. .testemonial-item
  56. {
  57. text-align: center;
  58. margin-top: 40px;
  59. font-size: 14px;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <div id="container">
  65. <!-- header -->
  66. <?php include 'header.php'; ?>
  67. <!-- header end -->
  68. <div class=" clearfix general-section">
  69. <div class="row">
  70. <div class="apply-form-cont col-md-6 offset-md-3">
  71. <div class="apply-title-cont">
  72. <h2 class="aplly-title">Fill the details below</h2>
  73. </div>
  74. <form id="apply-form" action="job_apply.php" method="POST" enctype="multipart/form-data">
  75. <select class ="" name="position" id="positions">
  76. <option class =" apply-option" value=".NET Developer">.NET Developer</option>
  77. <option class =" apply-option" value="UI/UX Designer">UI/UX Designer</option>
  78. </select>
  79. <input class ="apply-field" type="text" name="full-name" placeholder="Full Name *" required>
  80. <input class ="apply-field" type="email" name="email" placeholder="Email *" required>
  81. <input class ="apply-field" type="tel" name="phone" placeholder="Phone" >
  82. <textarea class ="apply-field" name="message" placeholder="Message.." ></textarea>
  83. <div class="resume-cont">
  84. <div class="row">
  85. <div class="resume-file-cont col-md-8 col-sm-10">
  86. <input class ="apply-field resume-file" name="resume-file" id="resume-file" type="file" accept=".doc, .docx, application/msword, application/pdf " required>
  87. <label for="resume-file">Choose file</label>
  88. </div>
  89. <div class="delete-file col-md-4 col-sm-2">
  90. <button type="button" class="btn-delete-file">
  91. <i class="fa fa-trash"></i>
  92. </button>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="g-recaptcha" id="googlecapatcha_apply" data-sitekey="6Lc3Bt8ZAAAAACPv1F98oFvwPOYVyvWvmN1HYkrS"></div>
  97. <button id="apply-submit" class="apply-submit" type="submit" disabled>Submit</button>
  98. </form>
  99. </div>
  100. </div>
  101. </div>
  102. <!--footer -->
  103. <?php include 'footer.php';?>
  104. <!-- end Footer -->
  105. </div><!-- end container -->
  106. <!-- Scripts -->
  107. <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
  108. <!-- <script type="text/javascript" src="scripts/popper.min.js"></script> -->
  109. <script type="text/javascript" src="scripts/bootstrap.min.js"></script>
  110. <script type="text/javascript" src="scripts/font-awesome.js"></script>
  111. <script type="text/javascript" src="scripts/selectize.js"></script>
  112. <script type="text/javascript" src="scripts/jquery.easing.js"></script>
  113. <script src="scripts/jquery.easypiechart.min.js"></script>
  114. <script type="text/javascript" src="scripts/jquery.flexslider-min.js"></script>
  115. <script id="wow_js_file" type="text/javascript" src="scripts/wow.min.js"></script>
  116. <script id="waypoints_js_file" type="text/javascript" src="scripts/waypoints.js"></script>
  117. <script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script>
  118. <script type="text/javascript" charset="utf-8" src="scripts/twitter/jquery.tweet.js"></script>
  119. <script type="text/javascript" src="scripts/jquery.typed.js"></script>
  120. <script type="text/javascript" src="scripts/custom.js"></script>
  121. <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" ></script>
  122. <script type="text/javascript">
  123. jQuery(document).ready(function ($) {
  124. $('.tweets-container').tweet({
  125. modpath: 'scripts/twitter/',
  126. count: 3,
  127. loading_text: 'loading twitter feed...',
  128. username: 'odindesign_tw',
  129. template: '<div class="hive"><div class="hex outer-hex"><div class="hex-in1"><div class="hex-in2 outer-hex"><div class="hex inner-hex"><div class="hex-in1"><div class="hex-in2 hex-area"><i class="fa-twitter-black"></i></div></div></div></div></div></div></div><div class="twitter-content">{time}<p>{text}</p></div>'
  130. });
  131. var $ = jQuery;
  132. // process each typed-enabled element
  133. $('[data-typed-str]').each(function () {
  134. var $this = $(this),
  135. texts = $this.attr('data-typed-str').split('|');
  136. $this.html('').append('<span class="typed-container"></span>');
  137. $this.find('> .typed-container').typed({
  138. strings: texts,
  139. typeSpeed: 25,
  140. loop: ($this.attr('data-typed-repeat') === 'yes'),
  141. backDelay: 1500,
  142. showCursor: ($this.attr('data-typed-cursor') === 'yes')
  143. });
  144. });
  145. });
  146. </script>
  147. <div id="back-to-top">
  148. <span>Top</span>
  149. </div>
  150. </body>
  151. </html>