<?php
error_reporting(E_ERROR | E_PARSE);
require_once('../url_convertor.php');//include the convertor.
$url_array = explode("/",$_GET['url']);//the array comes with the URL.
$url_career_field = $url_array[0];//first array entery is the for career_field carried by the URL.
$url_job_title = $url_array[1];//second array entery is the for job_title carried by the URL.
$url_job_ID = $url_array[2];//third array entery is the for job_ID carried by the URL.
$amp = $url_array[3];//third array entery is the for job_ID carried by the URL.
foreach ($url_array as $entery) {//prepare the canonical link.
	if ($entery != null) {
		$canonical .= "/" . convert($entery, "text");
	}
}
if ($canonical == null) {
	$canonical = "/";
}
$title = "Archived Jobs in Southeast Asia | dreamcareerbuilder.com";//the default value.
require_once('../exs/edatabase.php');
$conn = new mysqli($servername, $username, $password, $dbname) or die("Could not connect: " . mysql_error());
if (isset($url_career_field) and $url_career_field != null) {//if the user attempts to go into a career_feild.
	//prepare the $url_career_field in two stages.	
	$title = convert($url_career_field, "url") . " jobs (Archive) | dreamcareerbuilder.com";//carries the new title since this is a career field page.
	$sql = "select career_field from job_post where career_field = '" . convert($url_career_field, "url") . "'";
	$url_exists = $conn->query($sql);
	if($url_exists->num_rows == 0) {//if the $url_career_field (career_field) selected is wrong then getback to the archive.
		http_response_code(404);
		include("404.php");
		die();	
	}
}
if (isset($url_job_ID) and $url_job_ID != null) {
	$encrypted_url = $url_job_ID;//convert the job_ID to number
	$decrypted_url = base64_decode(str_pad(strtr($encrypted_url, '-_', '+/'), strlen($encrypted_url) % 4, '=', STR_PAD_RIGHT));	
	$sql = "select job_ID from job_post where job_ID = '" . $decrypted_url . "' and career_field = '" . convert($url_career_field, "url") . "'";
	$url_exists = $conn->query($sql);
	if($url_exists->num_rows == 0) {//if the job_ID doesn't exist or doesn't matches the career_field selected then, return 404 and send 404.php
		http_response_code(404);
	    include("404.php");	
		die();	
	} else {//in case job_ID exists and matches the career_feild
		if (isset($amp) and $amp == "amp") {
			include ("job.amp.php");//in case the required is the AMP version - $decrypted_url will be used to sen the ID to job.php.
			die();
		} else {
			include ("job.php");//In case the required is standard NON AMP version - $decrypted_url will be used to sen the ID to job.php.
			die();
		}
	}
}
?>
<!DOCTYPE html>
<html class="wide wow-animation smoothscroll scrollTo">
<head>
<link rel="canonical" href="https://www.dreamcareerbuilder.com/archive<?php echo $canonical;//taken from above url ?>">  
<link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon.png?v=2">
<link rel="icon" type="image/png" href="../images/favicon-32x32.png?v=2" sizes="32x32">
<link rel="icon" type="image/png" href="../images/favicon-16x16.png?v=2" sizes="16x16">
<link rel="manifest" href="../images/manifest.json">
<link rel="mask-icon" href="../images/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="../images/favicon.ico?v=2">
<meta name="msapplication-config" content="../images/browserconfig.xml">
<meta name="theme-color" content="#ffffff">


    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title><?php echo $title; ?></title>
	<meta name="description" content="Browse jobs and vacancies sorted by industry and career field - dreamcareerbuilder.com the Free Job Network in Southeast Asia">
	<meta name="robots" content="index, follow">
	
	<meta property="og:url"                content="https://www.dreamcareerbuilder.com/archive<?php echo $canonical?>" />
	<meta property="og:type"   			   content="website" />
	<meta property="og:title"              content="Archived <?php if ($url_career_field != null) {echo $url_career_field . " ";}?>jobs on Dream Career Builder." />
	<meta property="og:description"        content="Check out archived <?php if ($url_career_field != null) {echo $url_career_field . " ";}?>job posts on dreamcareerbuilder.com - the Free Job Network in Southeast Asia." />
	<meta property="og:image"              content="https://www.dreamcareerbuilder.com/images/service.jpg" />
	<meta property="fb:app_id"             content="978016342328652" />
	
	
	<meta name="twitter:card" 				content="summary_large_image">
	<meta name="twitter:site" 				content="@DCB_Singapore">
	<meta name="twitter:title" 				content="Archived <?php if ($url_career_field != null) {echo $url_career_field . " ";}?>jobs on Dream Career Builder." />
	<meta name="twitter:description" 		content="Check out archived <?php if ($url_career_field != null) {echo $url_career_field . " ";}?>job posts on dreamcareerbuilder.com - the Free Job Network in Southeast Asia." />
	<meta name="twitter:image" 				content="https://www.dreamcareerbuilder.com/images/service.jpg" />
    
    
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,700italic">
    <link rel="stylesheet" href="../css/style.css">
		<!--[if lt IE 10]>
    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="../images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
    <script src="/js/html5shiv.min.js"></script>
		<![endif]-->		

<?php 
$country = $_SERVER['HTTP_X_LOCATION'];
if ($country == "SG") {
	$background_url_jpg = "../images/background-01-1920x870.jpg";
	$background_url_webp = "../images/background-01-1920x870.webp";
} else {
	$background_url_jpg = "../images/malaysia-1920x870.jpg";
	$background_url_webp = "../images/malaysia-1920x870.webp";	
}
?>
<style>
#subscribe {
background-color: #bababa;
border: 1px solid #bababa;
}
#subscribe:hover {
background-color: #03A9F4;
border: 1px solid #03A9F4;
}
.catogry {
	border-radius: 5px;
	padding:	10px;
}
.catogry:focus {
	color:black;
	background-color: #03A9F4;
}
.catogry:hover {
	color: #bababa !important;
}
.initial {
	color:black;
	background-color: #03A9F4;	
	border-color:#03A9F4;
}
.black_link:hover{
	color:#bababa; 
}
.black_link {
	color:black; 
}
.resp-arrow	{
	color: #03A9F4 !important;
}
.job {
	display: list-item;
    list-style-type: disc;
    list-style-position: inside;
	color:black;
	margin-left:10px;
}
.icon-bar {
  position: fixed;
  top: 50%;
  left: -40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 12px;
  transition: all 0.3s ease;
  color: white;
  font-size: 15px;
  width:100%;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.icon-vertical {
  position: fixed;
  display:block;
  padding:0px;
  bottom: -56px;
  z-index: 1000;
  text-align: center;
  margin:0px;
}

.icon-vertical a {
  display: inline-block;
  text-align: center;
  padding: 10px;
  color: white;
  font-size: 16px;
  width:25%;
}

@media screen and (max-height: 500px) {
    .icon-vertical {
        display: none !important;
    }
}
.whatsapp {
  background: #4AC959;
  color: white;
}
.fa-whatsapp:before {content: "\f232";}
@media screen and (min-width: 480px) {
 .bottom-social {margin-left:5px;}
}  
@media screen and (max-width: 479px) {
 .bottom-social {margin-left:-10px !important;}
}
.main_grid {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
@media screen and (max-width: 825px) {
 .main_grid {grid-template-columns:1fr 1fr 1fr 1fr;}
}
@media screen and (max-width: 767px) {
 .main_grid {grid-template-columns:1fr 1fr 1fr;}
}
@media screen and (max-width: 480px) {
 .main_grid {grid-template-columns:1fr 1fr;}
}
.main_grid>div {
   border: 1px solid #dfdfdf7d;
   padding: 5px;
}
ul.custom_breadcrumb {
  padding: 15px 16px;
  list-style: none;
}
ul.custom_breadcrumb li {
  display: inline;
  font-size: 14px;
}
ul.custom_breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: ">";
}
ul.custom_breadcrumb li a {
  color: grey;
  font-weight: bold;
  text-decoration: none;
}
ul.custom_breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}
.main_background{width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;object-position: 50% <?php echo $image_height;?>;z-index:-1;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- Adsense code -->	
<script data-ad-client="ca-pub-7211208371309159" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <!-- Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=UA-93891761-1"></script>
<script type="text/javascript" >
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-93891761-1');
  gtag('config', 'AW-860033435');
</script>
<!-- End Google Tag Manager -->
</head>
  <body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVWBDQ4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <script type="application/ld+json">
    [{
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://www.dreamcareerbuilder.com"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "Archive",
        "item": "https://www.dreamcareerbuilder.com/archive/"
      }<?php if (isset($url_career_field) and $url_career_field != null) {
		  echo ",{
        \"@type\": \"ListItem\",
        \"position\": 3,
        \"name\": \"" . $url_career_field . " (Archived)\",
        \"item\": \"https://www.dreamcareerbuilder.com/archive/" . $url_career_field . "\"
      }";}?>]
    }]
    </script>        
    <div class="page text-center">
      
      <header class="page-head slider-menu-position">
        
        <div class="rd-navbar-wrap">
          <nav data-md-device-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-static" class="rd-navbar container rd-navbar-floated rd-navbar-dark rd-navbar-dark-transparent" data-lg-auto-height="true" data-md-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-stick-up="true">
            <div class="rd-navbar-inner" style="width:100%; Padding:5px 5px;">
              
              <div class="rd-navbar-panel">
                
                <button data-rd-navbar-toggle=".rd-navbar, .rd-navbar-nav-wrap" class="rd-navbar-toggle"><span></span></button>
               
                <button data-rd-navbar-toggle=".rd-navbar, .rd-navbar-right-buttons" class="rd-navbar-right-buttons-toggle"><span></span></button>
                
                <div class="rd-navbar-brand"><a href="../index.php"><img src='../images/logo.png' alt='DreamCareerBuilder-Logo' style="max-width:180px"/></a></div>
              </div>
              <div class="rd-navbar-menu-wrap" style="margin-top:20px">
                <div class="rd-navbar-nav-wrap">
                  <div class="rd-navbar-mobile-scroll">
                    
                    <div class="rd-navbar-mobile-brand"><a href="../index.php"><img style="width:180px" src='../images/logo.png' alt='DreamCareerBuilder-Logo'/></a></div>
                   
                    <ul class="rd-navbar-nav">
                      <li><a href="../index.php"><span>Home</span></a>
                      </li>
                      <li class="active"><a href="../jobs.php"><span>Jobs</span></a>
                      </li>
 
                       <li><a href="../tips.html"><span>Tips</span></a>
                      </li>
					  
                      <li><a href="../faq.html"><span>FAQ</span></a>
                      </li>
					  

			  
                      <li><a href="../contact-us.html"><span>Contact Us</span></a>
                      </li>
                    </ul>
                  </div>
                </div>
                
                <div class="rd-navbar-right-buttons group reveal-inline-block"><a href="../register-login.php?t=c" style="max-height: 40px; line-height: 22px;" class="btn btn-primary"><span class="big" style="">Job Seeker</span></a>
                  <a href="../register-login.php?t=e" style="max-height: 40px; line-height: 22px;" class="btn btn-primary text-middle"><span class="big">Employer</span></a>
                </div>
              </div>
            </div>
          </nav>
        </div>
        <div class="context-dark">
          <section class="bg-gray-darkest" style="position:relative;z-index:1">
              <div class="bg-overlay-gray-darkest" style="position:relative;top:0;width:100%">
				  <picture id="main_picture" class="main_background">
					<source srcset="<?php echo $background_url_webp; ?>" type="image/webp">				  
					<source srcset="<?php echo $background_url_jpg; ?>" type="image/jpeg">
					<img class="main_background" alt="<?php echo $background_alt; ?>" src="<?php echo $background_url_jpg; ?>">
				  </picture>			  
				  <div class="shell section-top-155 section-bottom-66 section-md-bottom-66 section-md-98 section-lg-top-155 section-lg-bottom-66">
                  <div class="text-extra-big text-bold"><h1>Archived Jobs</h1></div>
                </div>
              </div>
          </section>		  
        </div>		
      </header>
      <main class="page-content">
      
        <section class="section-98 section-sm-110" style=" padding-top:0px">
          <div class="shell">
		  <div style="text-align:left">
			  <ul class="custom_breadcrumb">
			  <li><a href="https://www.dreamcareerbuilder.com/">Home</a></li>
			  <?php
				if (!isset($url_career_field) or $url_career_field == null) {
					echo "<li><span style='text-decoration:underline'>Archive</span></li>";	
				}elseif (isset($url_career_field) and $url_career_field != null) {
					//echo "<li><a href='https://www.dreamcareerbuilder.com/archive/" . $url_array[0] . "'>" . $url_career_field . "</a></li>";
					echo "<li><a href='https://www.dreamcareerbuilder.com/archive'>Archive</a></li>";
					echo "<li><span style='text-decoration:underline'>" . convert($url_career_field, "url") . " (Archived)</span></li>";
				}
			  ?>
			  </ul>
		  </div>		  
            <div>
                <div class="text-left">
                  <div>
                    <div> <!-- section-34 was removed-->
                      <div style="margin: 0px 10px 0 10px">
							<div class="main_grid" style="display:grid;grid-gap: 10px;grid-row-gap:30px;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));">
							<?php
							if (!isset($url_career_field) or $url_career_field == null) {
							$sql = "select career_field, count(career_field) as times_repeated from job_post where status = 'Expired' and reviewed = true and (language is null or language = 'en') group by career_field order by count(career_field) DESC";
							$result_career_field = $conn->query($sql); 			
								while ($career_field = mysqli_fetch_assoc($result_career_field)){
								$clean_url = convert($career_field['career_field'], "text");
								  echo "<div style='color: #03A9F4;font-weight:bold;'><a href='" . $clean_url . "'>"  . $career_field['career_field'] . "</a>";
									$sql = "select ROUND(AVG(min_salary + max_salary)/50) * 50 as aveg from job_post where status = 'Expired' and reviewed = true  and (language is null or language = 'en')and career_field = '" . $career_field['career_field'] . "'";
									$aver_per_career_field = $conn->query($sql);	
									while ($average_salary = mysqli_fetch_assoc($aver_per_career_field)){
										echo "<div style='color: black;font-weight:bold'>Av. monthly salary: " . $average_salary['aveg'] . "$</div>";
									}									  								  
								  echo "<div style='color: black;font-weight:normal;'>Numer of jobs: " . $career_field['times_repeated'] . "</div>";
							  
									$sql = "select country ,count(*) from job_post where status = 'Expired' and reviewed = true  and (language is null or language = 'en')and career_field = '" . $career_field['career_field'] . "' group by country order by country ASC";
									$countries_per_career_field = $conn->query($sql);	
									while ($job_per_country = mysqli_fetch_assoc($countries_per_career_field)){
										echo "<div style='color: black;font-weight:normal;font-size:smaller'>" . $job_per_country['country'] . ": " . $job_per_country['count(*)'] . "</div>";
									}										
									/* $sql = "select job_ID, job_title from job_post where status = 'Active' and reviewed = true  and (language is null or language = 'en')and career_field = '" . $career_field['career_field'] . "' order by job_ID DESC";
									$job_title_per_career_field = $conn->query($sql); */
									/*while ($job_title = mysqli_fetch_assoc($job_title_per_career_field)){
										$pre_encrypt = $job_title["job_ID"];
										$encrypted_job_id = rtrim(strtr(base64_encode($pre_encrypt), '+/', '-_'), '='); //encode the ID base64 and remove html charcters		
										echo "<div class='job'><a class='black_link' style='white-space: normal;font-size:1em;font-weight:300' href='browsejobpost.php?url=" . $encrypted_job_id ."'>" . $job_title['job_title'] . "</a></div>";
									} */	
										echo "</div>";
								} 
							} else {
							$sql = "select job_title, job_ID, company_name, max_salary, min_salary, country from job_post where status = 'Expired' and reviewed = true and (language is null or language = 'en') and career_field ='" . convert($url_career_field, "url") . "'";//$url_career_field was prepared at the begginging of the code.				
							$result_career_field = $conn->query($sql); 								
								while ($jobs = mysqli_fetch_assoc($result_career_field)){
								$pre_encrypt = $jobs["job_ID"];
								$encrypted_job_id = rtrim(strtr(base64_encode($pre_encrypt), '+/', '-_'), '='); //encode the ID base64 and remove html charcters		
								//prepare the job_title to be suitable for browser address bar.
								$url_job_title  = $jobs["job_title"];
								  echo "<div style='color: #03A9F4;font-weight:bold;'><a href='/archive/" . convert($url_career_field, "text") . "/" . convert($url_job_title, "text") . "/" . $encrypted_job_id . "'>"  . $jobs['job_title'] . "</a>";
								  $max_salary = $jobs['max_salary'];$min_salary = $jobs['min_salary'];
								  $binder = " - ";
								  if ($max_salary == "0"){$max_salary = "Or Above";$binder = " ";}
								  if ($min_salary == "0"){$min_salary = "Up to";$binder = " ";}
								  echo "<div style='color: black;font-weight:bold;'>" . $jobs['country'] . "</div>";
								  echo "<div style='color: black;font-weight:normal;font-size:small'>At " . $jobs['company_name'] . "</div>";
								  echo "<div style='color: black;font-weight:normal;font-size:small'>Monthly Salart: " . $min_salary . $binder . $max_salary . "$</div>";
								  echo "</div>";
								}								
							}
							?>
							</div>
                      </div>
                    </div>
                  </div>
              </div>
            </div>
          </div>
        </section>
      </main>
	  <script>var user_ip = "<?php echo $_SERVER['HTTP_X_USER_IP'];?>";</script> 
      <script async src="../js/cookie2.min.js"></script>
      <footer class="section-relative section-top-66 section-bottom-34 page-footer bg-gray-darkest">
        <div class="shell">
          <div class="range range-sm-center text-md-left">
            <div class="cell-sm-8 cell-md-12">
              <div class="range range-xs-center">
                <div class="cell-xs-10 cell-md-5 cell-md-push-2">
                  <h6 class="text-uppercase text-spacing-60 font-default text-white">Newsletter</h6>
                  <div class="inset-lg-right-80">
                    <p class="text-muted">Keep up with our always upcoming  news and updates. Enter your e-mail and subscribe to our newsletter.</p>
                  </div>
                  <div class="offset-top-30">
                    <div class="inset-lg-right-93">
                            <form data-form-output="form-subscribe-footer" data-form-type="subscribe" method="post" action="bat/rd-mailform.php" class="rd-mailform">
                              <div class="form-group">
                                <div class="input-group input-group-sm"><span class="input-group-addon"><span class="input-group-icon mdi mdi-email"></span></span>
                                  <input placeholder="Type your E-Mail" type="email" name="email" data-constraints='@Required @Email(message="Please enter valid email")' class="form-control"><span class="input-group-btn">
                                    <button id="subscribe" type="submit" class="btn btn-sm btn-primary">Subscribe</button></span>
                                </div>
                              </div>
                              <div id="form-subscribe-footer" class="form-output"></div>
                            </form>
                    </div>
                  </div>
                </div>
                <div class="cell-xs-4 cell-md-2 offset-top-50 offset-md-top-0 cell-md-push-3 text-xs-left">
                  <h6 class="text-uppercase text-spacing-60 font-default text-white">Info</h6>
                  <div class="reveal-block">
                    <div class="reveal-inline-block">
                      <ul class="list list-unstyled list-inline-primary">
                        <li class="text-primary"><a href="../about-us.html">About Us</a></li>
                        <li class="text-primary"><a href="../faq.html">FAQ</a></li>
                        <li class="text-primary"><a href="../contact-us.html">Contact Us</a></li>
						<li class="text-primary"><a href="../privacypolicy.htm" target="_blank">Privacy Policy</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="cell-xs-4 cell-md-2 offset-top-50 offset-md-top-0 cell-md-push-3 text-xs-left">
                  <h6 class="text-uppercase text-spacing-60 font-default text-white">Services</h6>
                  <div class="reveal-block">
                    <div class="reveal-inline-block">
                      <ul class="list list-unstyled list-inline-primary">
						<li class="text-primary"><a href="../register-login.php?t=c">Find Job</a></li>
						<li class="text-primary"><a href="../register-login.php?t=e">Find Employees</a></li>
                        <li class="text-primary"><a href="../jobs.php">Browse Jobs</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="cell-md-3 offset-top-50 offset-md-top-0 cell-md-push-1">
                  
                  <div class="footer-brand"><a href="../index.php"><img src='../images/logo.png' alt='DreamCareerBuilder-Logo'/></a></div>
                  <ul class="bottom-social list-inline list-inline-sm reveal-inline-block offset-top-34 post-meta text-dark list-inline-primary" style="width:100%;text-align:center;margin-left:5px">
                    <li><a target="_blank" href="https://www.facebook.com/1848657348751917"><span class="icon icon-xxs fa-facebook"></span></a></li>
                    <li><a target="_blank" href="https://twitter.com/DCB_Singapore"><span class="icon icon-xxs fa-twitter"></span></a></li>
					<li><a target="_blank" href="https://api.whatsapp.com/send?phone=6531292746"><span class="icon icon-xxs fa-whatsapp"></span></a></li>
					<li><a target="_blank" href="https://www.linkedin.com/company/dreamcareerbuilder/"><span class="icon icon-xxs fa-linkedin"></span></a></li>
                  </ul>
                  <p class="text-dark offset-top-20" style="width:100%;text-align:center;padding-bottom:20px;">Dream Career Builder &copy; <span id="copyright-year"></span>.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
    
    <div id="form-output-global" class="snackbars"></div>
    
    <div tabindex="-1" role="dialog" aria-hidden="true" class="pswp">
      <div class="pswp__bg"></div>
      <div class="pswp__scroll-wrap">
        <div class="pswp__container">
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
          <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
          <div class="pswp__top-bar">
            <div class="pswp__counter"></div>
            <button title="Close (Esc)" class="pswp__button pswp__button--close"></button>
            <button title="Share" class="pswp__button pswp__button--share"></button>
            <button title="Toggle fullscreen" class="pswp__button pswp__button--fs"></button>
            <button title="Zoom in/out" class="pswp__button pswp__button--zoom"></button>
            <div class="pswp__preloader">
              <div class="pswp__preloader__icn">
                <div class="pswp__preloader__cut">
                  <div class="pswp__preloader__donut"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
            <div class="pswp__share-tooltip"></div>
          </div>
          <button title="Previous (arrow left)" class="pswp__button pswp__button--arrow--left"></button>
          <button title="Next (arrow right)" class="pswp__button pswp__button--arrow--right"></button>
          <div class="pswp__caption">
            <div class="pswp__caption__center"></div>
          </div>
        </div>
      </div>
    </div>
	<script>
		$('.catogry').click(function() {
		  $(".initial").removeClass("initial")
		});
	</script>
<script src="../js/core.min.js"></script>
<script src="../js/script.js"></script>
<div class="icon-bar visible-md visible-lg visible-sm">
  <a href="https://www.facebook.com/dreamcareerbuilder/" class="facebook"><i class="fa fa-facebook"></i></a> 
  <a href="https://twitter.com/DCB_Singapore" class="twitter"><i class="fa fa-twitter"></i></a> 
  <a href="https://api.whatsapp.com/send?phone=6531292746" class="whatsapp"><i class="fa fa-whatsapp"></i></a>
  <a href="https://www.linkedin.com/company/dreamcareerbuilder/" class="linkedin"><i class="fa fa-linkedin"></i></a> 
</div>
<div class="icon-vertical element-fullwidth visible-xs">
  <a href="https://www.facebook.com/dreamcareerbuilder/" class="facebook"><i class="fa fa-facebook"></i></a><a href="https://twitter.com/DCB_Singapore" class="twitter"><i class="fa fa-twitter"></i></a><a href="https://api.whatsapp.com/send?phone=6531292746" class="whatsapp"><i class="fa fa-whatsapp"></i></a><a href="https://www.linkedin.com/company/dreamcareerbuilder/" class="linkedin"><i class="fa fa-linkedin"></i></a>  
</div>
<script>
$(window).load(function() {
    $('.icon-bar').animate({"left":"0px"}, "slow");
	$('.icon-vertical').animate({"bottom":"0px"}, "slow");
});
</script>	
  </body>
</html>