[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
05122024
/
htdocs
/
siakad
/
mobile
/
[
Home
]
File: job-detail.html
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from jobie.dexignzone.com/mobile-app/xhtml/job-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 15 Jul 2022 03:02:25 GMT --> <head> <!-- Meta --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui, viewport-fit=cover"> <meta name="theme-color" content="#2196f3"> <meta name="author" content="DexignZone" /> <meta name="keywords" content="" /> <meta name="robots" content="" /> <meta name="description" content="Jobie - Job Portal Mobile App Template ( Bootstrap 5 + PWA )"/> <meta property="og:title" content="Jobie - Job Portal Mobile App Template ( Bootstrap 5 + PWA )" /> <meta property="og:description" content="Jobie - Job Portal Mobile App Template ( Bootstrap 5 + PWA )" /> <meta property="og:image" content="social-image.png"/> <meta name="format-detection" content="telephone=no"> <!-- Favicons Icon --> <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png" /> <!-- Title --> <title>Jobie - Job Portal Mobile App Template ( Bootstrap 5 + PWA )</title> <!-- Stylesheets --> <link rel="stylesheet" type="text/css" href="assets/css/style.css"> <link rel="stylesheet" href="assets/vendor/swiper/swiper-bundle.min.css"> <!-- Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> </head> <body class="bg-white"> <div class="page-wraper"> <!-- Preloader --> <div id="preloader"> <div class="spinner"></div> </div> <!-- Preloader end--> <!-- Header --> <header class="header"> <div class="main-bar"> <div class="container"> <div class="header-content"> <div class="left-content"> <a href="javascript:void(0);" class="back-btn"> <svg width="18" height="18" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.03033 0.46967C9.2966 0.735936 9.3208 1.1526 9.10295 1.44621L9.03033 1.53033L2.561 8L9.03033 14.4697C9.2966 14.7359 9.3208 15.1526 9.10295 15.4462L9.03033 15.5303C8.76406 15.7966 8.3474 15.8208 8.05379 15.6029L7.96967 15.5303L0.96967 8.53033C0.703403 8.26406 0.679197 7.8474 0.897052 7.55379L0.96967 7.46967L7.96967 0.46967C8.26256 0.176777 8.73744 0.176777 9.03033 0.46967Z" fill="#a19fa8"/> </svg> </a> </div> <div class="mid-content"> <h5 class="mb-0">Details</h5> </div> <div class="right-content"> <div class="form-check checkmark"> <input class="form-check-input" type="checkbox" id="flexCheckDefault2"> <label class="form-check-label" for="flexCheckDefault2"> <svg width="18" height="18" viewBox="0 0 20 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.6783 1H16.6783C16.9768 0.999982 17.2739 1.06264 17.5529 1.18611L17.9576 0.271637L17.5529 1.18611C17.8321 1.30966 18.0895 1.49246 18.3084 1.72703C18.5274 1.96173 18.7032 2.24332 18.823 2.55692C18.9427 2.87058 19.0033 3.20813 18.9999 3.54952L18.9998 3.54952V3.55952L18.9998 23.8961L18.9998 23.9019C19.0011 24.125 18.9405 24.3396 18.8309 24.5186C18.7216 24.6971 18.5711 24.8286 18.4049 24.9058L18.3955 24.9102L18.3861 24.9148C18.2371 24.9877 18.0756 25.0108 17.9195 24.9851C17.763 24.9594 17.6092 24.884 17.4801 24.7588L17.4744 24.7533L17.4686 24.7479L11.1894 18.8485L11.1702 18.8305L11.1501 18.8135C10.8309 18.5438 10.4257 18.3902 10 18.3902C9.57426 18.3902 9.16907 18.5438 8.8499 18.8135L8.82979 18.8305L8.8106 18.8485L2.53137 24.7479L2.5225 24.7562L2.51384 24.7648C2.38709 24.8898 2.23541 24.9648 2.08123 24.9902C1.9275 25.0155 1.76832 24.9921 1.62181 24.9187L1.60854 24.912L1.59509 24.9058C1.42893 24.8286 1.27843 24.6971 1.16913 24.5186C1.05954 24.3396 0.998878 24.125 1.00017 23.9019H1.00019V23.8961V3.55952H1.00024L1.00014 3.54943C0.99322 2.86376 1.24356 2.21365 1.67989 1.73936C2.11277 1.26881 2.69045 1.01072 3.28296 1H16.6783Z" stroke="#40189D" stroke-width="2"></path> </svg> </label> </div> </div> </div> </div> </div> </header> <!-- Header End --> <!-- Page Content --> <div class="page-content bottom-content"> <div class="content-body"> <div class="container"> <div class="border-bottom"> <div class="d-flex justify-content-between align-items-center"> <div> <span class="d-block mb-2">Highspeed Studios</span> <h5 class="title">Senior Software Engineer</h5> </div> <div class="ms-3"> <svg width="60" height="60" viewBox="0 0 88 88" fill="none"> <rect width="88" height="88" rx="8" fill="#207FEE"/> <path d="M64.9081 22.6842C67.6806 25.4567 69.8799 28.7481 71.3803 32.3706C72.8808 35.993 73.6531 39.8755 73.6531 43.7964C73.6531 47.7173 72.8808 51.5998 71.3803 55.2222C69.8799 58.8447 67.6806 62.1361 64.9081 64.9086C62.1356 67.6811 58.8442 69.8803 55.2217 71.3808C51.5993 72.8813 47.7168 73.6535 43.7959 73.6535C39.875 73.6535 35.9925 72.8813 32.3701 71.3808C28.7476 69.8803 25.4562 67.6811 22.6837 64.9086L33.2398 54.3525C34.6261 55.7387 36.2718 56.8384 38.083 57.5886C39.8942 58.3388 41.8355 58.725 43.7959 58.725C45.7564 58.725 47.6976 58.3388 49.5088 57.5886C51.32 56.8384 52.9658 55.7387 54.352 54.3525C55.7383 52.9662 56.8379 51.3205 57.5881 49.5093C58.3383 47.6981 58.7245 45.7568 58.7245 43.7964C58.7245 41.8359 58.3383 39.8947 57.5881 38.0835C56.8379 36.2723 55.7383 34.6265 54.352 33.2403L64.9081 22.6842Z" fill="white"/> <path d="M22.6839 64.9083C17.0847 59.309 13.939 51.7148 13.939 43.7962C13.939 35.8776 17.0846 28.2833 22.6839 22.684C28.2832 17.0847 35.8775 13.939 43.7961 13.939C51.7147 13.939 59.309 17.0847 64.9083 22.684L54.3522 33.2401C51.5526 30.4404 47.7554 28.8676 43.7961 28.8676C39.8368 28.8676 36.0397 30.4404 33.24 33.2401C30.4404 36.0397 28.8676 39.8369 28.8676 43.7962C28.8676 47.7555 30.4404 51.5526 33.24 54.3522L22.6839 64.9083Z" fill="#9BC9FF"/> </svg> </div> </div> <div class="swiper-btn-center-lr"> <div class="swiper-container tag-group my-4 team-swiper-4"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="javascript:void(0);" class="tag-btn">Fulltime</a> </div> <div class="swiper-slide"> <a href="javascript:void(0);" class="tag-btn">Remote Working</a> </div> <div class="swiper-slide"> <a href="javascript:void(0);" class="tag-btn">Hourly</a> </div> <div class="swiper-slide"> <a href="javascript:void(0);" class="tag-btn">Remote Working</a> </div> <div class="swiper-slide"> <a href="javascript:void(0);" class="tag-btn">Hourly</a> </div> <div class="swiper-slide"> <a href="javascript:void(0);" class="tag-btn">Fulltime</a> </div> </div> </div> </div> </div> <div class="border-bottom"> <div class="d-flex align-items-center my-4"> <div class="icon-box"> <svg class="text-primary" width="25" height="25" viewBox="0 0 31 31" fill="none"> <path d="M10.9793 29.7084C12.5295 29.7176 14.0662 29.4191 15.5002 28.83C16.9326 29.4241 18.4703 29.7228 20.021 29.7084C24.7291 29.7084 28.4168 27.1961 28.4168 23.9876V18.6375C28.4168 15.429 24.7291 12.9167 20.021 12.9167C19.8027 12.9167 19.5883 12.927 19.3752 12.9386V6.88845C19.3752 3.74583 15.6875 1.29166 10.9793 1.29166C6.2712 1.29166 2.5835 3.74583 2.5835 6.88845V24.1116C2.5835 27.2542 6.2712 29.7084 10.9793 29.7084ZM25.8335 23.9876C25.8335 25.4717 23.4465 27.125 20.021 27.125C16.5955 27.125 14.2085 25.4717 14.2085 23.9876V22.7928C15.9577 23.8566 17.9741 24.3993 20.021 24.357C22.0679 24.3993 24.0843 23.8566 25.8335 22.7928V23.9876ZM20.021 15.5C23.4465 15.5 25.8335 17.1533 25.8335 18.6375C25.8335 20.1216 23.4465 21.7736 20.021 21.7736C16.5955 21.7736 14.2085 20.1203 14.2085 18.6375C14.2085 17.1546 16.5955 15.5 20.021 15.5ZM10.9793 3.87499C14.4048 3.87499 16.7918 5.46374 16.7918 6.88845C16.7918 8.31316 14.4048 9.90321 10.9793 9.90321C7.55383 9.90321 5.16683 8.31446 5.16683 6.88845C5.16683 5.46245 7.55383 3.87499 10.9793 3.87499ZM5.16683 10.9559C6.92332 11.999 8.93689 12.5293 10.9793 12.4865C13.0218 12.5293 15.0353 11.999 16.7918 10.9559V13.3429C15.3841 13.6977 14.0931 14.4131 13.046 15.4186C12.3669 15.5656 11.6742 15.6409 10.9793 15.6434C7.55383 15.6434 5.16683 14.0546 5.16683 12.6299V10.9559ZM5.16683 16.6974C6.9237 17.7395 8.93709 18.2692 10.9793 18.2267C11.2092 18.2267 11.4314 18.1983 11.6575 18.1867C11.6382 18.3362 11.6274 18.4867 11.6252 18.6375V21.3306C11.4082 21.3435 11.1989 21.3848 10.9793 21.3848C7.55383 21.3848 5.16683 19.7961 5.16683 18.3701V16.6974ZM5.16683 22.4376C6.92332 23.4807 8.93689 24.0109 10.9793 23.9682C11.1963 23.9682 11.4095 23.9514 11.6252 23.9411V23.9876C11.6436 25.0871 12.0662 26.1414 12.8122 26.9494C12.2078 27.0635 11.5944 27.1222 10.9793 27.125C7.55383 27.125 5.16683 25.5363 5.16683 24.1116V22.4376Z" fill="#40189D"/> </svg> </div> <div class="ms-3"> <span class="d-block mb-2 light-text">Salary</span> <h6 class="mb-0">$500 - $1,000/monthly</h6> </div> </div> <div class="d-flex align-items-center my-4"> <div class="icon-box"> <svg class="text-primary" width="25" height="25" viewBox="0 0 27 27" fill="none"> <path d="M4.45825 26.4167H22.5416C23.5693 26.4167 24.5549 26.0084 25.2816 25.2817C26.0083 24.555 26.4166 23.5694 26.4166 22.5417V9.625C26.4166 8.59729 26.0083 7.61167 25.2816 6.88496C24.5549 6.15826 23.5693 5.75 22.5416 5.75H19.9583V3.16667C19.9583 2.48153 19.6861 1.82445 19.2016 1.33998C18.7171 0.855508 18.0601 0.583336 17.3749 0.583336H9.62492C8.93978 0.583336 8.2827 0.855508 7.79823 1.33998C7.31376 1.82445 7.04159 2.48153 7.04159 3.16667V5.75H4.45825C3.43054 5.75 2.44492 6.15826 1.71821 6.88496C0.99151 7.61167 0.583252 8.59729 0.583252 9.625V22.5417C0.583252 23.5694 0.99151 24.555 1.71821 25.2817C2.44492 26.0084 3.43054 26.4167 4.45825 26.4167ZM9.62492 3.16667H17.3749V5.75H9.62492V3.16667ZM3.16659 9.625C3.16659 9.28243 3.30267 8.95389 3.54491 8.71166C3.78714 8.46942 4.11568 8.33334 4.45825 8.33334H22.5416C22.8842 8.33334 23.2127 8.46942 23.4549 8.71166C23.6972 8.95389 23.8333 9.28243 23.8333 9.625V22.5417C23.8333 22.8842 23.6972 23.2128 23.4549 23.455C23.2127 23.6973 22.8842 23.8333 22.5416 23.8333H4.45825C4.11568 23.8333 3.78714 23.6973 3.54491 23.455C3.30267 23.2128 3.16659 22.8842 3.16659 22.5417V9.625Z" fill="#40189D"/> </svg> </div> <div class="ms-3"> <span class="d-block mb-2 light-text">Salary</span> <h6 class="mb-0">$500 - $1,000/monthly</h6> </div> </div> </div> <div class="mt-4 mb-2"> <h5 class="mb-3">Job Description</h5> <p class="para-title"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <ul class="list-check"> <li>Sed ut perspiciatis unde omnis </li> <li>Doloremque laudantium </li> <li>Ipsa quae ab illo inventore </li> <li>Architecto beatae vitae dicta </li> <li>Sunt explicabo </li> </ul> </div> </div> </div> </div> <!-- Page Content End--> <!-- Theme Color Settings --> <div class="offcanvas offcanvas-bottom" tabindex="-1" id="offcanvasBottom"> <div class="offcanvas-body small"> <ul class="theme-color-settings"> <li> <input class="filled-in" id="primary_color_8" name="theme_color" type="radio" value="color-primary" /> <label for="primary_color_8"></label> <span>Default</span> </li> <li> <input class="filled-in" id="primary_color_2" name="theme_color" type="radio" value="color-green" /> <label for="primary_color_2"></label> <span>Green</span> </li> <li> <input class="filled-in" id="primary_color_3" name="theme_color" type="radio" value="color-blue" /> <label for="primary_color_3"></label> <span>Blue</span> </li> <li> <input class="filled-in" id="primary_color_4" name="theme_color" type="radio" value="color-pink" /> <label for="primary_color_4"></label> <span>Pink</span> </li> <li> <input class="filled-in" id="primary_color_5" name="theme_color" type="radio" value="color-yellow" /> <label for="primary_color_5"></label> <span>Yellow</span> </li> <li> <input class="filled-in" id="primary_color_6" name="theme_color" type="radio" value="color-orange" /> <label for="primary_color_6"></label> <span>Orange</span> </li> <li> <input class="filled-in" id="primary_color_7" name="theme_color" type="radio" value="color-purple" /> <label for="primary_color_7"></label> <span>Purple</span> </li> <li> <input class="filled-in" id="primary_color_1" name="theme_color" type="radio" value="color-red" /> <label for="primary_color_1"></label> <span>Red</span> </li> <li> <input class="filled-in" id="primary_color_9" name="theme_color" type="radio" value="color-lightblue" /> <label for="primary_color_9"></label> <span>Lightblue</span> </li> <li> <input class="filled-in" id="primary_color_10" name="theme_color" type="radio" value="color-teal" /> <label for="primary_color_10"></label> <span>Teal</span> </li> <li> <input class="filled-in" id="primary_color_11" name="theme_color" type="radio" value="color-lime" /> <label for="primary_color_11"></label> <span>Lime</span> </li> <li> <input class="filled-in" id="primary_color_12" name="theme_color" type="radio" value="color-deeporange" /> <label for="primary_color_12"></label> <span>Deeporange</span> </li> </ul> </div> </div> <!-- Theme Color Settings End --> <!-- Footer --> <div class="footer fixed bg-white"> <div class="container"> <div class="footer-btn d-flex align-items-center"> <div class="form-check checkmark"> <input class="form-check-input" type="checkbox" id="flexCheckDefault1"> <label class="form-check-label" for="flexCheckDefault1"> <svg width="20" height="20" viewBox="0 0 20 26" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.6783 1H16.6783C16.9768 0.999982 17.2739 1.06264 17.5529 1.18611L17.9576 0.271637L17.5529 1.18611C17.8321 1.30966 18.0895 1.49246 18.3084 1.72703C18.5274 1.96173 18.7032 2.24332 18.823 2.55692C18.9427 2.87058 19.0033 3.20813 18.9999 3.54952L18.9998 3.54952V3.55952L18.9998 23.8961L18.9998 23.9019C19.0011 24.125 18.9405 24.3396 18.8309 24.5186C18.7216 24.6971 18.5711 24.8286 18.4049 24.9058L18.3955 24.9102L18.3861 24.9148C18.2371 24.9877 18.0756 25.0108 17.9195 24.9851C17.763 24.9594 17.6092 24.884 17.4801 24.7588L17.4744 24.7533L17.4686 24.7479L11.1894 18.8485L11.1702 18.8305L11.1501 18.8135C10.8309 18.5438 10.4257 18.3902 10 18.3902C9.57426 18.3902 9.16907 18.5438 8.8499 18.8135L8.82979 18.8305L8.8106 18.8485L2.53137 24.7479L2.5225 24.7562L2.51384 24.7648C2.38709 24.8898 2.23541 24.9648 2.08123 24.9902C1.9275 25.0155 1.76832 24.9921 1.62181 24.9187L1.60854 24.912L1.59509 24.9058C1.42893 24.8286 1.27843 24.6971 1.16913 24.5186C1.05954 24.3396 0.998878 24.125 1.00017 23.9019H1.00019V23.8961V3.55952H1.00024L1.00014 3.54943C0.99322 2.86376 1.24356 2.21365 1.67989 1.73936C2.11277 1.26881 2.69045 1.01072 3.28296 1H16.6783Z" stroke="#40189D" stroke-width="2"/> </svg> </label> </div> <a href="apply-form.html" class="btn btn-primary btn-rounded flex-1 ms-2">APPLY JOB</a> </div> </div> </div> <!-- Footer End --> </div> <!--********************************** Scripts ***********************************--> <script src="assets/js/jquery.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/js/settings.js"></script> <script src="assets/js/custom.js"></script> <script src="assets/js/dz.carousel.js"></script><!-- Swiper --> <script src="assets/vendor/swiper/swiper-bundle.min.js"></script><!-- Swiper --> </body> <!-- Mirrored from jobie.dexignzone.com/mobile-app/xhtml/job-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 15 Jul 2022 03:02:25 GMT --> </html>