?php
/**
 * DISPLAY THE CATEGORY FOR THE PORTFOLIO
 */
get_header(); ?>
		<!-- HEADER SLIDER --><div class="flexslider" id="header-slider"><ul class="slides"><li><img src="//ahex.co/wp-content/uploads/2018/12/pexels-photo-1345089.jpeg" alt="SLider Image"></li></ul></div> 		
  	</header>
  	<!-- END HEADER -->
  	
	<!-- START MAIN CONTAINER -->
	<div class="main-container">
		<div class="container">
  			<!--PORTFOLIO -->
  			<h2 class="with-breaker animate-me fadeInUp">
  				Portfolio Archive :  				Web Design			</h2>
			  		</div>
  		<div id="portfolio-container" class="with-separation-bottom with-separation-top">
		  										<!--PORTFOLIO ITEM -->
		  			<figure class="portfolio-item effect-sadie">
				        <img width="800" height="600" src="https://ahex.co/wp-content/uploads/2015/06/spotto.jpg" class="attachment-800x600 size-800x600 wp-post-image" alt="spotto" srcset="https://ahex.co/wp-content/uploads/2015/06/spotto.jpg 800w, https://ahex.co/wp-content/uploads/2015/06/spotto-300x225.jpg 300w" sizes="(max-width: 800px) 100vw, 800px" />				        <figcaption>
				            <h4>Spotto</h4>
				            <p>Online Game Site</p>
				            <a href="https://ahex.co/portfolio/spotto/">View More</a>
				        </figcaption>         
				    </figure>
									<!--PORTFOLIO ITEM -->
		  			<figure class="portfolio-item effect-sadie">
				        <img width="800" height="600" src="https://ahex.co/wp-content/uploads/2015/06/eos-mobile.jpg" class="attachment-800x600 size-800x600 wp-post-image" alt="eos-mobile" srcset="https://ahex.co/wp-content/uploads/2015/06/eos-mobile.jpg 800w, https://ahex.co/wp-content/uploads/2015/06/eos-mobile-300x225.jpg 300w" sizes="(max-width: 800px) 100vw, 800px" />				        <figcaption>
				            <h4>Eos Mobile</h4>
				            <p>Eos Mobile is a Commerce-For-Cause enterprise designed to drive change in...</p>
				            <a href="https://ahex.co/portfolio/eos-mobile/">View More</a>
				        </figcaption>         
				    </figure>
									<!--PORTFOLIO ITEM -->
		  			<figure class="portfolio-item effect-sadie">
				        <img width="476" height="343" src="https://ahex.co/wp-content/uploads/2015/08/govers.png" class="attachment-800x600 size-800x600 wp-post-image" alt="" srcset="https://ahex.co/wp-content/uploads/2015/08/govers.png 476w, https://ahex.co/wp-content/uploads/2015/08/govers-300x216.png 300w" sizes="(max-width: 476px) 100vw, 476px" />				        <figcaption>
				            <h4>Govers</h4>
				            <p>Accountants and Advisors since 1927.</p>
				            <a href="https://ahex.co/portfolio/govers/">View More</a>
				        </figcaption>         
				    </figure>
							  		</div>
	  	<div class="portfolio-button center animate-me zoomIn">
</div>
	</div>
<!-- START FOOTER -->
<footer id="footer" class="with-separation-top skip-lazy-load">

            
<aside id="widgets" class="container">
	<div class="row">
		<div id="text-2" class="widget col-md-4 widget_text animate-me fadeIn">			<div class="textwidget">                            <a style="font-family: open-sans,sans-serif;
    letter-spacing: 1px;" id="footer-logo" href="http://ahex.co">
     <!--   <img class="skip-lazy-load" alt="Logo footer" src="http://ahex.co/wp-content/uploads/2016/12/logo-footer.png"> (ISO 9001:2008)
-->
<h1 class="footer-logo-text">Ahex <span>Technologies <sub>PVT LTD.</sub>  </span> <small> (ISO 9001:2008)</small></h1>
                            </a>
                            <p>
Ahex Technologies is work-focused unit of 60+ people specialist in object-oriented programming languages, database architects and analysts with strong mathematical backgrounds. Originally a small group of like minded people, we’ve now grown to a team of around 60+ outstanding people, all with the same passion and commitment to produce excellent applications for all our clients.
                            </p>
                            <a class="btn btn-default" href="http://ahex.co/about/"><i class="fa fa-users"></i> Read more</a>
                 </div>
		</div><div id="text-3" class="widget col-md-4 widget_text animate-me fadeIn"><h4 class="widget-title">Recent Posts</h4>			<div class="textwidget">
<ul class="recent-post-wrapper">
                        <li>
                 <a href="https://ahex.co/microservice-developers/what-are-the-essential-skills-for-microservices-developers/">What are the essential skills for Microservices developers?</a>
            </li>
                <li>
                 <a href="https://ahex.co/java/java-vs-kotlin-comparision/">Java Vs Kotlin Comparision</a>
            </li>
                <li>
                 <a href="https://ahex.co/tools-of-trade/tools-that-are-helping-employees-to-work-from-home-in-pandemic/">Tools that are helping employees to work from home in this COVID pandemic</a>
            </li>
                <li>
                 <a href="https://ahex.co/software-architecture/multi-tenancy-vs-single-tenancy/">Multi-tenancy vs single tenancy</a>
            </li>
                <li>
                 <a href="https://ahex.co/web-development/top-5-trending-web-application-frameworks-2021/">Top 5 trending web application frameworks 2021</a>
            </li>
    </ul></div>
		</div><div id="contact-3" class="widget_contact widget col-md-4 widget_contact animate-me fadeIn"><h4 class="widget_contact widget-title"></h4>	<!-- WIDGET -->
	<ul class="contact-informations">
					<li class="contact-address">
				(USA Office) <br/>#68 Willow Road, Menlo Park, California, USA<br>(India Hyderabad Office) <br/>P.No-1367 to 1370, 100 ft road, VIP Hills,  Silicon Valley,  Madhapur, Hyderabad, India - 500081 <br>(India Rajasthan Office) <br/>Vill- chanana, Teh chirawa, Dist - Jhunjhunu, Rajasthan, 333026			</li>
							<li class="contact-phone">
				+1-6503197394 (USA) , +91-8885564224 (India)			</li>
			</ul>
			<ul class="social-icons"><li><a href="https://www.facebook.com/AhexTechnologies" target="_blank"><i class="fa fa-facebook"></i></a></li><li><a href="https://twitter.com/ahextechnology" target="_blank"><i class="fa fa-twitter"></i></a></li><li><a href="https://www.linkedin.com/company/ahex-technology" target="_blank"><i class="fa fa-linkedin"></i></a></li><li><a href="https://plus.google.com/+AhexCoIn/posts" target="_blank"><i class="fa fa-google-plus"></i></a></li></ul>		</div>	</div>
</aside>    
            <div id="copyright" class="animate-me fadeInUp">
            <div class="container">
                                <p>&#169; 2012- 2021  all rights reserved <a href="https://ahex.co/">Ahex Technologies</a>.</p>

                            </div>
        </div>
    </footer>
<!-- END FOOTER -->

    <!-- SCROLL TOP -->
    <a href="#header" id="scroll-top" class="fadeInRight animate-me"><i class="fa fa-angle-double-up"></i></a>
</div>

<!-- SCRIPTS -->
			<!-- Root element of PhotoSwipe. Must have class pswp. -->
			<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

			    <!-- Background of PhotoSwipe.
			         Its a separate element, as animating opacity is faster than rgba(). -->
			    <div class="pswp__bg"></div>

			    <!-- Slides wrapper with overflow:hidden. -->
			    <div class="pswp__scroll-wrap">

			        <!-- Container that holds slides.
			                PhotoSwipe keeps only 3 slides in DOM to save memory. -->
			        <div class="pswp__container">
			            <!-- dont modify these 3 pswp__item elements, data is added later on -->
			            <div class="pswp__item"></div>
			            <div class="pswp__item"></div>
			            <div class="pswp__item"></div>
			        </div>

			        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
			        <div class="pswp__ui pswp__ui--hidden">

			            <div class="pswp__top-bar">

			                <!--  Controls are self-explanatory. Order can be changed. -->

			                <div class="pswp__counter"></div>

			                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

			                <button class="pswp__button pswp__button--share" title="Share"></button>

			                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

			                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

			                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
			                <!-- element will get class pswp__preloader--active when preloader is running -->
			                <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 class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
			            </button>

			            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
			            </button>

			            <div class="pswp__caption">
			                <div class="pswp__caption__center"></div>
			            </div>

			          </div>

			        </div>

			</div><script type="text/javascript">jQuery(document).ready(function() {var slider = jQuery('#header-slider');slider.flexslider({animationLoop: true,selector: ".slides > li",controlNav: false,slideshowSpeed: 10000,slideshow: true,keyboard: true,directionNav: false,controlsContainer: ".navigation-slider-container"});var sliderInfos = slider.data('flexslider');jQuery('#sliderNext').on('click',function(){sliderInfos.flexAnimate(sliderInfos.getTarget("next"));});jQuery('#sliderPrev').on('click',function(){sliderInfos.flexAnimate(sliderInfos.getTarget("prev"));});});</script>
<script src="https://ahex.co/wp-content/themes/starry/plugins/owl-carousel/owl.carousel.js" type="text/javascript"></script>
<script src="https://ahex.co/wp-content/themes/starry/plugins/owl-carousel/jquery.mousewheel.js" type="text/javascript"></script>

<script src="https://ahex.co/wp-content/themes/starry/combine-js/combine.min.js" type="text/javascript"></script>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-94030206-1', 'auto');
  ga('send', 'pageview');

</script>
<script>
jQuery(window).scroll(function() {    
    var scroll = jQuery(window).scrollTop();

     //>=, not <=
    if (scroll >= 100) {
        //clearHeader, not clearheader - caps H
        jQuery(".header-wrapper").addClass("darkHeader");
    }
	else {
		jQuery(".header-wrapper").removeClass("darkHeader");
	 }
}); 
</script>

<script>
jQuery(document).ready(function () {
    jQuery(".btn-apply").click(function () {
      var jobTitle = jQuery(this).attr("name");
      jQuery(".apply-modal-wrapper").modal("toggle");
      jQuery('.apply-modal-wrapper').on('shown.bs.modal', function () {
        jQuery(this).find('#jobTitle').val(jobTitle);
        jQuery(this).find('#jobTitle').attr('readonly', true);
      });
      jQuery('.apply-modal-wrapper').on('hidden.bs.modal', function () {
        jQuery(this).find('#btnResetApplyForm').trigger("click");
        jQuery(this).find(".wpcf7-not-valid-tip").remove();
        jQuery(this).find(".wpcf7-response-output").hide();
      });
      jQuery(document).on('mailsent.wpcf7', function () {
        setTimeout(function () {
          jQuery(".modal").modal("hide");
        }, 3000);
      });
    });
	 jQuery(".eshop-feature").click(function () {
        jQuery(".eshop-feature").removeClass("active");
        jQuery(this).addClass("active");
    });
	jQuery('#left_navigation_block .left_navigation_inner a').on('click', function(event) {
       jQuery(this).parent().find('a').removeClass('isCurrent');
       jQuery(this).addClass('isCurrent');
    });
	jQuery(window).on('scroll', function() {
	   jQuery('.scroll-content').each(function() {
			if(jQuery(window).scrollTop() >= jQuery(this).position().top) {
				var id = jQuery(this).attr('id');
				jQuery('#left_navigation_block .left_navigation_inner a').removeClass('isCurrent');
				jQuery('#left_navigation_block .left_navigation_inner a[href=#'+ id +']').addClass('isCurrent');
			}
		});
	});
	jQuery(window).scroll(function() {
	  var scrollHight;
	  var contactHight = jQuery("#cryptoFuture").offset();
	  var section = jQuery(".crypto-currency-content-wrapper").offset();
	  //You've scrolled this much:
	  scrollHight = jQuery(window).scrollTop();
	  var sectionone = section.top + 170;
	  if (sectionone <= scrollHight && contactHight.top >= scrollHight) {
		jQuery("#left_navigation_block").addClass("stricy");
	  } else {
		jQuery("#left_navigation_block").removeClass("stricy");
	  }
	});
  });
</script>
<style>
  .apply-modal-wrapper p{
    display: none; 
  }
  #jobTitle{
   /* background-color: #eee;
    pointer-events: none;
    cursor: no-drop;*/
  }
.apply-modal-wrapper .btn-cancel,
.apply-modal-wrapper .btn-cancel:hover{
   background: #E7372E !important;
border-color: #E7372E !important;
}
.apply-modal-wrapper .btn-cancel:hover{
   color: #E7372E !important
}
.apply-modal-wrapper .modal-dialog{
margin-top: 110px;
}
.apply-modal-wrapper .close{
      font-size: 40px;
    line-height: 25px;
}
.apply-modal-wrapper .wpcf7-form-control.wpcf7-submit.btn:hover{
      color: #2a7fb8;
}
.apply-modal-wrapper .required {
    display: inline-block;
    color: #E7372E;
    font-size: 25px;
    line-height: 14px;
    margin-left: 2px;
    vertical-align: bottom;
}
.file-support{
    opacity: 0.7;
    font-size: 13px;
}
</style>

</body>
<!-- END BODY -->