API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 1st, 2015
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <title>Jonaki | Job Board Template</title>
  10. <meta name="description" content="company is a free job board template">
  11. <meta name="author" content="Ohidul">
  12. <meta name="keyword" content="html, css, bootstrap, job-board">
  13. <meta name="viewport" content="width=device-width, initial-scale=1">
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800' rel='stylesheet' type='text/css'>
  16.  
  17. <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  18. <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  19. <link rel="icon" href="favicon.ico" type="image/x-icon">
  20.  
  21. <link rel="stylesheet" href="css/normalize.css">
  22. <link rel="stylesheet" href="css/font-awesome.min.css">
  23. <link rel="stylesheet" href="css/fontello.css">
  24. <link rel="stylesheet" href="css/animate.css">
  25. <link rel="stylesheet" href="css/bootstrap.min.css">
  26. <!-- <link rel="stylesheet" href="css/owl.carousel.css"> -->
  27. <link rel="stylesheet" href="css/owl.theme.css">
  28. <link rel="stylesheet" href="css/owl.transitions.css">
  29. <link rel="stylesheet" href="style.css">
  30. <link rel="stylesheet" href="responsive.css">
  31. <script src="js/vendor/modernizr-2.6.2.min.js"></script>
  32. </head>
  33. <body>
  34.  
  35. <div id="preloader">
  36. <div id="status">&nbsp;</div>
  37. </div>
  38. <!-- Body content -->
  39.  
  40. <div class="header-connect">
  41. <div class="container">
  42. <div class="row">
  43. <div class="col-md-5 col-sm-8 col-xs-8">
  44. <div class="header-half header-call">
  45. <p>
  46. <span><i class="icon-cloud"></i>+019 4854 8817</span>
  47. <span><i class="icon-mail"></i>ohidul.islam951@gmail.com</span>
  48. </p>
  49. </div>
  50. </div>
  51. <div class="col-md-2 col-md-offset-5 col-sm-3 col-sm-offset-1 col-xs-3 col-xs-offset-1">
  52. <div class="header-half header-social">
  53. <ul class="list-inline">
  54. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  55. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  56. <li><a href="#"><i class="fa fa-vine"></i></a></li>
  57. <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  58. <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
  59. <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  60. </ul>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66.  
  67. <nav class="navbar navbar-default">
  68. <div class="container">
  69. <!-- Brand and toggle get grouped for better mobile display -->
  70. <div class="navbar-header">
  71. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  72. <span class="sr-only">Toggle navigation</span>
  73. <span class="icon-bar"></span>
  74. <span class="icon-bar"></span>
  75. <span class="icon-bar"></span>
  76. </button>
  77. <a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
  78. </div>
  79.  
  80. <!-- Collect the nav links, forms, and other content for toggling -->
  81. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  82. <div class="button navbar-right">
  83. <button class="navbar-btn nav-button wow bounceInRight login" data-wow-delay="0.8s">Login</button>
  84. <button class="navbar-btn nav-button wow fadeInRight" data-wow-delay="0.6s">Sign up</button>
  85. </div>
  86. <ul class="main-nav nav navbar-nav navbar-right">
  87. <li class="wow fadeInDown" data-wow-delay="0s"><a class="active" href="#">Home</a></li>
  88. <li class="wow fadeInDown" data-wow-delay="0.1s"><a href="#">Job Seekers</a></li>
  89. <li class="wow fadeInDown" data-wow-delay="0.2s"><a href="#">Employeers</a></li>
  90. <li class="wow fadeInDown" data-wow-delay="0.3s"><a href="#">About us</a></li>
  91. <li class="wow fadeInDown" data-wow-delay="0.4s"><a href="#">Blog</a></li>
  92. <li class="wow fadeInDown" data-wow-delay="0.5s"><a href="#">Contact</a></li>
  93. </ul>
  94. </div><!-- /.navbar-collapse -->
  95. </div><!-- /.container-fluid -->
  96. </nav>
  97.  
  98. <div class="slider-area">
  99. <div class="slider">
  100. <div id="bg-slider" class="owl-carousel owl-theme">
  101.  
  102. <div class="item">
  103. <!--<img src="img/slider-image-3.jpg" alt="Mirror Edge">-->
  104. <div style="position: relative; z-index: -99; width: 100%;">
  105. <iframe frameborder="0" height="100%" width="100%" style="height:calc(100vh - 145px)"
  106. src="https://youtube.com/embed/Scxs7L0vhZ4?autoplay=1&controls=0&showinfo=0&autohide=1">
  107. </iframe>
  108.  
  109. <div style="position: absolute;background-color: rgba(0,0,0,0.5);z-index: 99999999;height: calc(100vh - 145px);width: 100%;top: 0;"></div>
  110. </div>
  111. </div>
  112. <!--<div class="item"><img src="img/slider-image-2.jpg" alt="The Last of us"></div>
  113. <div class="item"><img src="img/slider-image-1.jpg" alt="GTA V"></div>-->
  114.  
  115. </div>
  116. </div>
  117. <div class="container slider-content">
  118. <div class="row">
  119. <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 col-sm-12">
  120. <h2>Job Searching Just Got So Easy</h2>
  121. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi deserunt deleniti, ullam commodi sit ipsam laboriosam velit adipisci quibusdam aliquam teneturo!</p>
  122. <div class="search-form wow pulse" data-wow-delay="0.8s">
  123. <form action="" class=" form-inline">
  124. <div class="form-group">
  125. <input type="text" class="form-control" placeholder="Job Key Word">
  126. </div>
  127. <div class="form-group">
  128. <select name="" id="" class="form-control">
  129. <option>Select Your City</option>
  130. <option selected>New york, CA</option>
  131. <option>New york, CA</option>
  132. <option>New york, CA</option>
  133. <option>New york, CA</option>
  134. </select>
  135. </div>
  136. <div class="form-group">
  137. <select name="" id="" class="form-control">
  138. <option>Select Your Category</option>
  139. <option selected>Graphic Design</option>
  140. <option>Web Design</option>
  141. <option>App Design</option>
  142. </select>
  143. </div>
  144. <input type="submit" class="btn" value="Search">
  145.  
  146.  
  147. </form>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153.  
  154. <div class="content-area">
  155. <div class="container">
  156. <div class="row page-title text-center wow zoomInDown" data-wow-delay="1s">
  157. <h5>Our Process</h5>
  158. <h2>How we work for you?</h2>
  159. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae illum dolorem, rem officia, id explicabo sapiente</p>
  160. </div>
  161. <div class="row how-it-work text-center">
  162. <div class="col-md-4">
  163. <div class="single-work wow fadeInUp" data-wow-delay="0.8s">
  164. <img src="img/how-work1.png" alt="">
  165. <h3>Searching for the best job</h3>
  166. <p>Using the outcomes from the job, we will put together a plan for the most effective marketing strategy to get the best results.</p>
  167. </div>
  168. </div>
  169. <div class="col-md-4">
  170. <div class="single-work wow fadeInUp" data-wow-delay="0.9s">
  171. <img src="img/how-work2.png" alt="">
  172. <h3>Searching for the best job</h3>
  173. <p>Using the outcomes from the job, we will put together a plan for the most effective marketing strategy to get the best results.</p>
  174. </div>
  175. </div>
  176. <div class="col-md-4">
  177. <div class="single-work wow fadeInUp" data-wow-delay="1s">
  178. <img src="img/how-work3.png" alt="">
  179. <h3>Searching for the best job</h3>
  180. <p>Using the outcomes from the job, we will put together a plan for the most effective marketing strategy to get the best results.</p>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. <hr>
  186.  
  187. <div class="container">
  188. <div class="row job-posting wow fadeInUp" data-wow-delay="1s">
  189. <div role="tabpanel">
  190. <!-- Nav tabs -->
  191. <ul class="nav nav-tabs" role="tablist">
  192. <li role="presentation" class="active"><a href="#job-seekers" aria-controls="home" role="tab" data-toggle="tab">Job Seekers</a></li>
  193. <li role="presentation"><a href="#employeers" aria-controls="profile" role="tab" data-toggle="tab">Employeers</a></li>
  194. </ul>
  195.  
  196. <!-- Tab panes -->
  197. <div class="tab-content">
  198. <div role="tabpanel" class="tab-pane fade in active" id="job-seekers">
  199. <ul class="list-inline job-seeker">
  200. <li>
  201. <a href="">
  202. <img src="img/team-small-5.jpg" alt="">
  203. <div class="overlay"><h3>Ohidul Islam</h3><p>Web Designer</p></div>
  204. </a>
  205. </li>
  206. <li>
  207. <a href="">
  208. <img src="img/team-small-6.jpg" alt="">
  209. <div class="overlay"><h3>Mohidul Islam</h3><p>CEO</p></div>
  210. </a>
  211. </li>
  212. <li>
  213. <a href="">
  214. <img src="img/team-small-3.jpg" alt="">
  215. <div class="overlay"><h3>Unknown girl</h3><p>Graphic Designer</p></div>
  216. </a>
  217. </li>
  218. <li>
  219. <a href="">
  220. <img src="img/team-small-4.jpg" alt="">
  221. <div class="overlay"><h3>Eftakher Alam</h3><p>Graphic Designer</p></div>
  222. </a>
  223. </li>
  224. <li>
  225. <a href="">
  226. <img src="img/team-small-2.jpg" alt="">
  227. <div class="overlay"><h3>Mark Otto</h3><p>Founder</p></div>
  228. </a>
  229. </li>
  230. <li>
  231. <a href="">
  232. <img src="img/team-small-1.jpg" alt="">
  233. <div class="overlay"><h3>Rasel Ahmed</h3><p>Web Developer</p></div>
  234. </a>
  235. </li>
  236. </ul>
  237. </div>
  238. <div role="tabpanel" class="tab-pane fade" id="employeers">
  239. <ul class="list-inline">
  240. <li>
  241. <a href="">
  242. <img src="img/employee4.png" alt="">
  243. <div class="overlay"><h3>Instagram</h3></div>
  244. </a>
  245. </li>
  246. <li>
  247. <a href="">
  248. <img src="img/employee5.png" alt="">
  249. <div class="overlay"><h3>Microsoft</h3></div>
  250. </a>
  251. </li>
  252. <li>
  253. <a href="">
  254. <img src="img/employee6.png" alt="">
  255. <div class="overlay"><h3>Dribbble</h3></div>
  256. </a>
  257. </li>
  258. <li>
  259. <a href="">
  260. <img src="img/employee1.png" alt="">
  261. <div class="overlay"><h3>Beats Music</h3></div>
  262. </a>
  263. </li>
  264. <li>
  265. <a href="">
  266. <img src="img/employee2.png" alt="">
  267. <div class="overlay"><h3>Facebook</h3></div>
  268. </a>
  269. </li>
  270. <li>
  271. <a href="">
  272. <img src="img/employee3.png" alt="">
  273. <div class="overlay"><h3>Twitter</h3></div>
  274. </a>
  275. </li>
  276. </ul>
  277. </div>
  278. </div>
  279.  
  280. </div>
  281. </div>
  282. </div>
  283. <hr>
  284.  
  285. <div class="container">
  286. <div class="row page-title text-center wow bounce" data-wow-delay="1s">
  287. <h5>Recent Jobs</h5>
  288. <h2><span>54716</span> Available jobs for you</h2>
  289. </div>
  290. <div class="row jobs">
  291. <div class="col-md-9">
  292. <div class="job-posts table-responsive">
  293. <table class="table">
  294. <tr class="odd wow fadeInUp" data-wow-delay="1s">
  295. <td class="tbl-logo"><img src="img/job-logo1.png" alt=""></td>
  296. <td class="tbl-title"><h4>Web Designer <br><span class="job-type">full time</span></h4></td>
  297. <td><p>dribbble community</p></td>
  298. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  299. <td><p>&dollar; 14000</p></td>
  300. <td class="tbl-apply"><a href="#">Apply now</a></td>
  301. </tr>
  302. <tr class="even wow fadeInUp" data-wow-delay="1.1s">
  303. <td class="tbl-logo"><img src="img/job-logo2.png" alt=""></td>
  304. <td class="tbl-title"><h4>Front End Developer <br><span class="job-type">full time</span></h4></td>
  305. <td><p>Jolil corporation</p></td>
  306. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  307. <td><p>&dollar; 14000</p></td>
  308. <td class="tbl-apply"><a href="#">Apply now</a></td>
  309. </tr>
  310. <tr class="odd wow fadeInUp" data-wow-delay="1.2s">
  311. <td class="tbl-logo"><img src="img/job-logo3.png" alt=""></td>
  312. <td class="tbl-title"><h4>HR Manager <br><span class="job-type">full time</span></h4></td>
  313. <td><p>Fanta bevarage</p></td>
  314. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  315. <td><p>&dollar; 14000</p></td>
  316. <td class="tbl-apply"><a href="#">Apply now</a></td>
  317. </tr>
  318. <tr class="even wow fadeInUp" data-wow-delay="1.3s">
  319. <td class="tbl-logo"><img src="img/job-logo4.png" alt=""></td>
  320. <td class="tbl-title"><h4>Internship Designer <br><span class="job-type">full time</span></h4></td>
  321. <td><p>Google</p></td>
  322. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  323. <td><p>&dollar; 14000</p></td>
  324. <td class="tbl-apply"><a href="#">Apply now</a></td>
  325. </tr>
  326. <tr class="odd wow fadeInUp" data-wow-delay="1.4s">
  327. <td class="tbl-logo"><img src="img/job-logo5.png" alt=""></td>
  328. <td class="tbl-title"><h4>Software Designer <br><span class="job-type">full time</span></h4></td>
  329. <td><p>Microsoft</p></td>
  330. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  331. <td><p>&dollar; 14000</p></td>
  332. <td class="tbl-apply"><a href="#">Apply now</a></td>
  333. </tr>
  334. <tr class="even hide-jobs">
  335. <td class="tbl-logo"><img src="img/job-logo4.png" alt=""></td>
  336. <td class="tbl-title"><h4>Internship Designer <br><span class="job-type">full time</span></h4></td>
  337. <td><p>Google</p></td>
  338. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  339. <td><p>&dollar; 14000</p></td>
  340. <td class="tbl-apply"><a href="#">Apply now</a></td>
  341. </tr>
  342. <tr class="odd hide-jobs">
  343. <td class="tbl-logo"><img src="img/job-logo5.png" alt=""></td>
  344. <td class="tbl-title"><h4>Software Designer <br><span class="job-type">full time</span></h4></td>
  345. <td><p>Microsoft</p></td>
  346. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  347. <td><p>&dollar; 14000</p></td>
  348. <td class="tbl-apply"><a href="#">Apply now</a></td>
  349. </tr>
  350. <tr class="even hide-jobs">
  351. <td class="tbl-logo"><img src="img/job-logo4.png" alt=""></td>
  352. <td class="tbl-title"><h4>Internship Designer <br><span class="job-type">full time</span></h4></td>
  353. <td><p>Google</p></td>
  354. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  355. <td><p>&dollar; 14000</p></td>
  356. <td class="tbl-apply"><a href="#">Apply now</a></td>
  357. </tr>
  358. <tr class="odd hide-jobs">
  359. <td class="tbl-logo"><img src="img/job-logo5.png" alt=""></td>
  360. <td class="tbl-title"><h4>Software Designer <br><span class="job-type">full time</span></h4></td>
  361. <td><p>Microsoft</p></td>
  362. <td><p><i class="icon-location"></i>San Franciso, USA</p></td>
  363. <td><p>&dollar; 14000</p></td>
  364. <td class="tbl-apply"><a href="#">Apply now</a></td>
  365. </tr>
  366. </table>
  367. </div>
  368. <div class="more-jobs">
  369. <a href=""> <i class="fa fa-refresh"></i>View more jobs</a>
  370. </div>
  371. </div>
  372. <div class="col-md-3 hidden-sm">
  373. <div class="job-add wow fadeInRight" data-wow-delay="1.5s">
  374. <h2>Seeking a job?</h2>
  375. <a href="#">Create a Account</a>
  376. </div>
  377. </div>
  378. </div>
  379. </div>
  380. <hr>
  381.  
  382. <div class="container">
  383. <div class="row page-title text-center wow bounce" data-wow-delay=".7s">
  384. <h5>TESTIMONIALS</h5>
  385. <h2>WHAT PEOPLES ARE SAYING</h2>
  386. </div>
  387. <div class="row testimonial">
  388. <div class="col-md-12">
  389. <div id="testimonial-slider">
  390. <div class="item">
  391. <div class="client-text">
  392. <p>Jobify offer an amazing service and I couldn’t be happier! They
  393. are dedicated to helping recruiters find great candidates, wonderful service!</p>
  394. <h4><strong>Ohidul Islam, </strong><i>Web Designer</i></h4>
  395. </div>
  396. <div class="client-face wow fadeInRight" data-wow-delay=".9s">
  397. <img src="img/client-face1.png" alt="">
  398. </div>
  399. </div>
  400. <div class="item">
  401. <div class="client-text">
  402. <p>Jobify offer an amazing service and I couldn’t be happier! They
  403. are dedicated to helping recruiters find great candidates, wonderful service!</p>
  404. <h4><strong>Ohidul Islam, </strong><i>Web Designer</i></h4>
  405. </div>
  406. <div class="client-face">
  407. <img src="img/client-face2.png" alt="">
  408. </div>
  409. </div>
  410. <div class="item">
  411. <div class="client-text">
  412. <p>Jobify offer an amazing service and I couldn’t be happier! They
  413. are dedicated to helping recruiters find great candidates, wonderful service!</p>
  414. <h4><strong>Ohidul Islam, </strong><i>Web Designer</i></h4>
  415. </div>
  416. <div class="client-face">
  417. <img src="img/client-face1.png" alt="">
  418. </div>
  419. </div>
  420. <div class="item">
  421. <div class="client-text">
  422. <p>Jobify offer an amazing service and I couldn’t be happier! They
  423. are dedicated to helping recruiters find great candidates, wonderful service!</p>
  424. <h4><strong>Ohidul Islam, </strong><i>Web Designer</i></h4>
  425. </div>
  426. <div class="client-face">
  427. <img src="img/client-face2.png" alt="">
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434.  
  435. </div>
  436. <div class="footer-area">
  437. <div class="container">
  438. <div class="row footer">
  439. <div class="col-md-4">
  440. <div class="single-footer">
  441. <img src="img/footer-logo.png" alt="" class="wow pulse" data-wow-delay="1s">
  442. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati architecto quaerat facere blanditiis tempora sequi nulla accusamus, possimus cum necessitatibus suscipit quia autem mollitia, similique quisquam molestias. Vel unde, blanditiis.</p>
  443. </div>
  444. </div>
  445. <div class="col-md-4">
  446. <div class="single-footer">
  447. <h4>Twitter update</h4>
  448. <div class="twitter-updates">
  449. <div class="single-tweets">
  450. <h5>ABOUT 9 HOURS</h5>
  451. <p><strong>AGOMeet Aldous</strong> - a Brave New World for #rails with more cohesion, less coupling and greater dev speed <a href="http://t.co/rsekglotzs">http://t.co/rsekglotzs</a></p>
  452. </div>
  453. <div class="single-tweets">
  454. <h5>ABOUT 9 HOURS</h5>
  455. <p><strong>AGOMeet Aldous</strong> - a Brave New World for #rails with more cohesion, less coupling and greater dev speed <a href="http://t.co/rsekglotzs">http://t.co/rsekglotzs</a></p>
  456. </div>
  457. </div>
  458. </div>
  459. </div>
  460. <div class="col-md-4">
  461. <div class="single-footer">
  462. <h4>Useful lnks</h4>
  463. <div class="footer-links">
  464. <ul class="list-unstyled">
  465. <li><a href="">About Us</a></li>
  466. <li><a href="" class="active">Services</a></li>
  467. <li><a href="">Work</a></li>
  468. <li><a href="">Our Blog</a></li>
  469. <li><a href="">Customers Testimonials</a></li>
  470. <li><a href="">Affliate</a></li>
  471. <li><a href="">Contact Us</a></li>
  472. </ul>
  473. </div>
  474. </div>
  475. </div>
  476. </div>
  477. <div class="row footer-copy">
  478. <p><span>(C) webstie, All rights reserved</span> | <span>Graphic Designed by <a href="https://dribbble.com/siblu">Eftakher Alam</a></span> | <span> Web Designed by <a href="http://ohidul.me">Ohidul Islam</a></span> </p>
  479. </div>
  480. </div>
  481. </div>
  482.  
  483.  
  484.  
  485.  
  486.  
  487. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  488. <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
  489. <script src="js/bootstrap.min.js"></script>
  490. <!-- <script src="js/owl.carousel.min.js"></script> -->
  491. <script src="js/wow.js"></script>
  492. <script src="js/main.js"></script>
  493. </body>
  494. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!