    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php
	$cat = isset($_GET[&#039;cat&#039;])?$_GET[&#039;cat&#039;]:2022;
?&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;Preah Monivong Bokor Marathon - The Winner List &lt;?= $cat ?&gt;&lt;/title&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
&lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;
&lt;meta name=&quot;author&quot; content=&quot;http://bootstraptaste.com&quot; /&gt;
&lt;!-- css --&gt;
&lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;link href=&quot;css/fancybox/jquery.fancybox.css&quot; rel=&quot;stylesheet&quot;&gt;
&lt;link href=&quot;css/flexslider.css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;link href=&quot;css/style.css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;!-- Theme skin --&gt;
&lt;link href=&quot;skins/default.css&quot; rel=&quot;stylesheet&quot; /&gt;

&lt;!-- HTML5 shim, for IE6-8 support of HTML5 elements --&gt;
&lt;!--[if lt IE 9]&gt;
      &lt;script src=&quot;http://html5shim.googlecode.com/svn/trunk/html5.js&quot;&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;wrapper&quot;&gt;
	&lt;!-- start header --&gt;
	&lt;header&gt;
        &lt;div class=&quot;navbar navbar-default navbar-static-top&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;navbar-header&quot;&gt;
                    &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.navbar-collapse&quot;&gt;
                        &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
                    &lt;/button&gt;
                    &lt;?php include(&#039;include/logo.php&#039;); ?&gt;
                &lt;/div&gt;
                &lt;div class=&quot;navbar-collapse collapse &quot;&gt;
                   &lt;?php include(&#039;include/menu.php&#039;); ?&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
	&lt;/header&gt;
	&lt;!-- end header --&gt;
	&lt;section id=&quot;featured&quot;&gt;
	&lt;!-- start slider --&gt;
	&lt;div class=&quot;container&quot;&gt;
		&lt;div class=&quot;row&quot;&gt;
			&lt;div class=&quot;col-lg-12&quot;&gt;
			&lt;!-- Slider --&gt;
		        &lt;?php include(&#039;include/slideshow.php&#039;); ?&gt;
			&lt;!-- end slider --&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;	
	
	&lt;/section&gt;
	 
	&lt;section id=&quot;content&quot;&gt;
		&lt;div class=&quot;container&quot;&gt;
		&lt;style type=&quot;text/css&quot;&gt;
			.td-block-title-wrap {position: relative;}
			.block-title {
			    font-family: &#039;Roboto&#039;, sans-serif;
			    font-size: 14px;
			    line-height: 1;
			    margin-top: 0;
			    margin-bottom: 26px;
			    border-bottom: 2px solid #1ba1ad;
			}
			.block-title span{
			    line-height: 17px;
			    display: inline-block;
			    padding: 7px 12px 4px;
			    background-color: #1ba1ad;
			    color: #fff;
			}
			/*  ----------------------------------------------------------------------------
			    Block category filter
			*/
			.td-subcat-filter {
			  position: absolute;
			  bottom: 0;
			  right: 0;
			  margin: auto 0;
			  opacity: 0;
			  z-index: 2;
			  line-height: 30px;
			  text-align: right;
			}
			.td-subcat-filter ul {margin: 0;}
			.td-subcat-filter .td-display-filter {
			  display: none !important;
			}
			.td-subcat-filter .td-subcat-list {
			  display: inline-block;
			  line-height: 1;
			}
			.td-subcat-filter .td-subcat-list .td-subcat-item {
			  display: inline-block;
			  line-height: 1;
			  margin-left: 30px;
			}
			.td-subcat-filter .td-subcat-list a {
			  font-family: &#039;Roboto&#039;, sans-serif;
			  font-size: 13px;
			  color: #777;
			  line-height: 1;
			  text-decoration: none;
			}
			.td-subcat-filter .td-subcat-list a:hover{color: #1ba1ad;}
			.td-subcat-filter .td-subcat-list a.active{
				color: #1ba1ad;
				font-weight: bold;
			}
			.td-subcat-filter .td-subcat-dropdown {
			  display: inline-block;
			  text-align: right;
			  line-height: 30px;
			  position: relative;
			}
			.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more span,
			.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more i {color: #fff;}
			.td-subcat-filter .td-subcat-dropdown:hover ul {display: block;}
			.td-subcat-filter .td-subcat-dropdown .td-subcat-more {
			  cursor: pointer;
			  margin-left: 15px;
			  padding-left: 15px;
			  -moz-user-select: none;
			  -webkit-user-select: none;
			  -ms-user-select: none;
			  display: inline-block;
			}
			.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more{background: #1ba1ad}
			.td-subcat-filter .td-subcat-dropdown .td-subcat-more:before {
			  content: &#039;&#039;;
			  width: 70px;
			  height: 100%;
			  position: absolute;
			  margin-top: 2px;
			  top: 0;
			  right: 0;
			  z-index: 1;
			  opacity: 0;
			}
			.td-subcat-filter .td-subcat-dropdown .td-subcat-more i {
			  font-size: 9px;
			  color: #777;
			  margin-left: 12px;
			  margin-right: 12px;
			}
			.td-subcat-filter .td-subcat-dropdown ul {
			  list-style: none;
			  position: absolute;
			  right: 0;
			  top: 100%;
			  padding: 6px 0 8px 0;
			  background-color: #ffffff;
			  background-color: rgba(255, 255, 255, 0.95);
			  z-index: 999;
			  border-width: 0 1px 1px 1px;
			  border-color: #ededed;
			  border-style: solid;
			  display: none;
			}
			.td-subcat-filter .td-subcat-dropdown a {
			  font-family: &#039;Roboto&#039;, sans-serif;
			  font-size: 14px;
			  color: #777;
			  white-space: nowrap;
			  display: block;
			  line-height: 26px;
			  padding-left: 21px;
			  padding-right: 15px;
			  text-decoration: none;
			}
			.td-subcat-filter .td-subcat-dropdown a:hover {color: #4db2ec;}
			.td-subcat-filter .td-subcat-dropdown li {margin-left: 0;}
			.td-subcat-filter .td-subcat-dropdown span {
			  font-family: &#039;Roboto&#039;, sans-serif;
			  font-size: 13px;
			  color: #777;
			  line-height: 1;
			}
			.td-js-loaded .td-subcat-filter {
			  opacity: 1;
			  -webkit-transition: opacity 0.3s;
			  -moz-transition: opacity 0.3s;
			  -o-transition: opacity 0.3s;
			  transition: opacity 0.3s;
			}
		&lt;/style&gt;
		
		&lt;div class=&quot;td-block-title-wrap td-js-loaded&quot;&gt;
			&lt;h4 class=&quot;block-title td-block-title&quot;&gt;&lt;span class=&quot;td-pulldown-size&quot; style=&quot;margin-right: 0px;&quot;&gt;The Winner List&lt;/span&gt;&lt;/h4&gt;
			&lt;div class=&quot;td-pulldown-syle-default td-subcat-filter&quot;&gt;
				&lt;ul class=&quot;td-subcat-list&quot; id=&quot;td_pulldown_td_uid_22_5bd7da1479983_list&quot;&gt;
					&lt;li class=&quot;td-subcat-item&quot;&gt;&lt;a class=&quot;td-subcat-link &lt;?= ($cat==2022?&#039;active&#039;:&#039;&#039;) ?&gt;&quot; href=&quot;result.php?cat=2019&quot;&gt;2022&lt;/a&gt;&lt;/li&gt;
					&lt;li class=&quot;td-subcat-item&quot;&gt;&lt;a class=&quot;td-subcat-link &lt;?= ($cat==2019?&#039;active&#039;:&#039;&#039;) ?&gt;&quot; href=&quot;result.php?cat=2019&quot;&gt;2019&lt;/a&gt;&lt;/li&gt;
					&lt;li class=&quot;td-subcat-item&quot;&gt;&lt;a class=&quot;td-subcat-link &lt;?= ($cat==2018?&#039;active&#039;:&#039;&#039;) ?&gt;&quot; href=&quot;result.php?cat=2018&quot;&gt;2018&lt;/a&gt;&lt;/li&gt;
					&lt;li class=&quot;td-subcat-item&quot;&gt;&lt;a class=&quot;td-subcat-link &lt;?= $cat==2017?&#039;active&#039;:&#039;&#039; ?&gt;&quot; href=&quot;result.php?cat=2017&quot;&gt;2017&lt;/a&gt;&lt;/li&gt;
					&lt;li class=&quot;td-subcat-item&quot;&gt;&lt;a class=&quot;td-subcat-link &lt;?= $cat==2016?&#039;active&#039;:&#039;&#039; ?&gt;&quot; href=&quot;result.php?cat=2016&quot;&gt;2016&lt;/a&gt;&lt;/li&gt;
					&lt;li class=&quot;td-subcat-item&quot;&gt;&lt;a class=&quot;td-subcat-link &lt;?= $cat==2015?&#039;active&#039;:&#039;&#039; ?&gt;&quot; href=&quot;result.php?cat=2015&quot;&gt;2015&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
				&lt;div class=&quot;td-subcat-dropdown&quot; style=&quot;&quot;&gt;
					&lt;div class=&quot;td-subcat-more&quot; aria-haspopup=&quot;true&quot;&gt;&lt;span&gt;More&lt;/span&gt;&lt;i class=&quot;td-icon-read-down&quot;&gt;&lt;/i&gt;&lt;/div&gt;&lt;ul class=&quot;td-pulldown-filter-list&quot;&gt;
						
					&lt;/ul&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;

		&lt;div class=&quot;row&quot;&gt;
			 &lt;div class=&quot;col-lg-12 winner-list&quot;&gt;
			 	&lt;?php
		 			if($cat== 2015 ){
		 				echo &#039;&lt;h3 id=&quot;offline-register&quot; class=&quot;bg-arrow-gray-forward&quot; style=&quot;margin-top:0&quot;&gt;The Winner List 2015&lt;/h3&gt;
				&lt;p&gt;
                	&lt;img src=&quot;img/winner-name-list-01.jpg&quot; alt=&quot;&quot; title=&quot;&quot; /&gt;                    
                	&lt;img width=&quot;1130&quot; src=&quot;img/winner-name-list-02.jpg&quot; alt=&quot;&quot; title=&quot;&quot; /&gt;
                	&lt;img width=&quot;1130&quot; src=&quot;img/winner-name-list-03.jpg&quot; alt=&quot;&quot; title=&quot;&quot; /&gt;
                	&lt;img width=&quot;1130&quot; src=&quot;img/winner-name-list-04.jpg&quot; alt=&quot;&quot; title=&quot;&quot; /&gt;
                &lt;/p&gt;&#039;;
		 			}elseif ($cat == 2016) {
		 				echo &#039;&lt;h3 id=&quot;offline-register&quot; class=&quot;bg-arrow-gray-forward&quot; style=&quot;margin-top:0&quot;&gt;The Winner List 2016&lt;/h3&gt;					
				&lt;p&gt;						
					&lt;img src=&quot;img/winner/2016/3rd-Marathon-Winner-Name-List-01.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;						
					&lt;img src=&quot;img/winner/2016/3rd-Marathon-Winner-Name-List-02.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;											
					&lt;img src=&quot;img/winner/2016/3rd-Marathon-Winner-Name-List-03.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
					&lt;img src=&quot;img/winner/2016/3rd-Marathon-Winner-Name-List-04.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
					&lt;img src=&quot;img/winner/2016/3rd-Marathon-Winner-Name-List-05.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;	
					&lt;img src=&quot;img/winner/2016/3rd-Marathon-Winner-Name-List-06.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
					&lt;img src=&quot;img/winner/2016/3rd-Marathon-Winner-Name-List-07.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;					
				&lt;/p&gt;&#039;;
		 			}elseif($cat == 2017){
			 			echo &#039;
				 		&lt;h3 id=&quot;offline-register&quot; class=&quot;bg-arrow-gray-forward&quot; style=&quot;margin-top:0&quot;&gt;The Winner List 2017&lt;/h3&gt;					
						&lt;p&gt;						
							&lt;img src=&quot;img/winner/2017/4th-Marathon-Winner-Name-List-02.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
							&lt;img src=&quot;img/winner/2017/4th-Marathon-Winner-Name-List-01.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;																													
							&lt;img src=&quot;img/winner/2017/4th-Marathon-Winner-Name-List-06.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
							&lt;img src=&quot;img/winner/2017/4th-Marathon-Winner-Name-List-05.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;	
							&lt;img src=&quot;img/winner/2017/4th-Marathon-Winner-Name-List-04.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;					
							&lt;img src=&quot;img/winner/2017/4th-Marathon-Winner-Name-List-03.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
						&lt;/p&gt;&#039;;
					}elseif($cat == 2018){
						echo &#039;
				 		&lt;h3 id=&quot;offline-register&quot; class=&quot;bg-arrow-gray-forward&quot; style=&quot;margin-top:0&quot;&gt;The Winner List 2018&lt;/h3&gt;					
						&lt;p&gt;						
							&lt;img src=&quot;img/winner/2018/5th_Bike_Race_Result_List.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
							&lt;img src=&quot;img/winner/2018/5th_Bike_Race_Result_List_2.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;																													
							&lt;img src=&quot;img/winner/2018/5th_Bike_Race_Result_List_3.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
							&lt;img src=&quot;img/winner/2018/List-Winner-all.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
							&lt;img src=&quot;img/winner/2018/5th_Result_List_Finisher.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;	
							&lt;img src=&quot;img/winner/2018/5th_Result_List_Finisher_2.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;					
							
						&lt;/p&gt;&#039;;						
					}elseif($cat == 2019){
						echo &#039;
				 		&lt;h3 id=&quot;offline-register&quot; class=&quot;bg-arrow-gray-forward&quot; style=&quot;margin-top:0&quot;&gt;The Winner List 2019&lt;/h3&gt;					
						&lt;p&gt;						
							&lt;img src=&quot;img/winner/2019/List-Winner-2019.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
							&lt;img src=&quot;img/winner/2019/List-Winner-Run-10KM-04.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
							&lt;img src=&quot;img/winner/2019/List-Winner-Run-10KM-05.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
							&lt;img src=&quot;img/winner/2019/List-Winner-Run-21KM-04.jpg&quot; alt=&quot;&quot; title=&quot;&quot;&gt;
						&lt;/p&gt;&#039;;						
					}else{
						echo &#039;
				 		&lt;h3 id=&quot;offline-register&quot; class=&quot;bg-arrow-gray-forward&quot; style=&quot;margin-top:0&quot;&gt;The Winner List 2022&lt;/h3&gt;
						&lt;img src=&quot;img/winner/2022/7th_Marathon_Winner_List.jpg&quot; alt=&quot;&quot;&gt;
						&#039;;
					}
                ?&gt;
				&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;/section&gt;
	&lt;footer&gt;
	&lt;div class=&quot;container&quot;&gt;
		&lt;?php include(&#039;include/footer.php&#039;); ?&gt; 
	&lt;/div&gt;
	&lt;div id=&quot;sub-footer&quot;&gt;
		&lt;div class=&quot;container&quot;&gt;
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-lg-6&quot;&gt;
					&lt;div class=&quot;copyright&quot;&gt;
						&lt;p&gt;
							&lt;span&gt;&amp;copy; Preah Monivong Bokor Marathon &lt;?php echo date(&#039;Y&#039;); ?&gt; All right reserved.
						&lt;/p&gt;
					&lt;/div&gt;
				&lt;/div&gt;
				
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
	&lt;/footer&gt;
&lt;/div&gt;
&lt;a href=&quot;#&quot; class=&quot;scrollup&quot;&gt;&lt;i class=&quot;fa fa-angle-up active&quot;&gt;&lt;/i&gt;&lt;/a&gt;
&lt;!-- javascript
    ================================================== --&gt;
&lt;!-- Placed at the end of the document so the pages load faster --&gt;
&lt;script src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.easing.1.3.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.fancybox.pack.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.fancybox-media.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/google-code-prettify/prettify.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/portfolio/jquery.quicksand.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/portfolio/setting.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.flexslider.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/animate.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/custom.min.js&quot;&gt;&lt;/script&gt;

&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
&lt;script&gt;(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.3&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#039;script&#039;, &#039;facebook-jssdk&#039;));&lt;/script&gt;
&lt;!-- Google tag (gtag.js) --&gt;
&lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=G-M957DFQSFY&quot;&gt;&lt;/script&gt;
&lt;script&gt;
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag(&#039;js&#039;, new Date());

  gtag(&#039;config&#039;, &#039;G-M957DFQSFY&#039;);
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;</code></pre>        </div>
    </div>