| Server IP : 103.6.199.200 / Your IP : 3.145.56.150 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/orangea1/orangeapes.com.my/wwwroot/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Info
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>IGNITE - Premium HTML5 Template from Designova</title>
<meta name="description" content="IGNITE - Premium HTML5 Template from Designova">
<meta name="author" content="Designova">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png" />
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href='//fonts.googleapis.com/css?family=Raleway:400,300,600%7CMontserrat:400,700%7COpen+Sans:400,300,700,800' rel='stylesheet' type='text/css'>
<!-- ICON FONTS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="stylesheets/ionicons.min.css">
<link rel="stylesheet" href="fonts/fonts.css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="stylesheets/bootstrap.css">
<link rel="stylesheet" href="stylesheets/animate.css">
<link rel="stylesheet" href="stylesheets/elements.css">
<link rel="stylesheet" href="stylesheets/isotope.css">
<link rel="stylesheet" href="stylesheets/slick.css">
<link rel="stylesheet" href="stylesheets/venobox.css">
<link rel="stylesheet" href="stylesheets/owl.carousel.css">
<link rel="stylesheet" href="stylesheets/sinister.css">
<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
<link rel="stylesheet" href="stylesheets/featured.css">
<link rel="stylesheet" href="stylesheets/main.css">
<link rel="stylesheet" href="stylesheets/main-bg.css">
<link rel="stylesheet" href="stylesheets/main-responsive.css">
<!-- LESS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<!-- <link rel="stylesheet/less" type="text/css" href="less/color.less">
<link rel="stylesheet/less" type="text/css" href="less/fonts.less">
<script src="less/less.min.js"></script>-->
</head>
<body>
<!-- Preloader
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div id="preloader" class="preloader ">
<div id="status"></div>
</div>
<!-- end : preloader -->
<!-- Header
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<header class="masthead white-bg">
<div class="container-fluid">
<div class="row">
<article class="col-md-6">
<a href="index.html"><img data-no-retina alt="" title="" class="main-logo" src="images/logo.png"></a>
</article>
<article class="col-md-6">
<div class="menu-notification">
<a class="font3bold" href="#"><span class="ion-android-menu dark"></span></a>
</div>
</article>
</div>
</div>
</header>
<!-- end : masthead -->
<nav class="mastnav fullheight">
<div class="menu-close-notification">
<a class="font3bold" href="#"><span class="ion-android-close black"></span></a>
</div>
<div class="valign">
<ul class="main-menu text-left">
<li><a class="main-link font3bold scroll" href="#about">about</a></li>
<li><a class="main-link font3bold scroll" href="#services">services</a></li>
<li><a class="main-link font3bold scroll" href="#portfolio">portfolio</a></li>
<li><a class="main-link font3bold scroll" href="#journal">journal</a></li>
<li><a class="main-link font3bold scroll" href="#contact">contact</a></li>
<li>
<a class="main-link font3bold sub-menu-trigger" href="#">extras</a>
<div class="sub-menu font3">
<a href="project01.html">project with slider</a>
<a href="project02.html">project with video</a>
<a href="project03.html">parallax showcase</a>
<a href="project04.html">masonry gallery</a>
</div>
</li>
</ul>
</div>
</nav>
<!-- end : mastnav -->
<!-- MASTER CONTENT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<section class="mastwrap">
<section class="project-page-head white-bg">
<div class="container">
<div class="row add-top add-bottom">
<article class="col-md-12 text-center">
<h3 class="black font3bold">Sample Project with Slider<span class="dark font3light">project category</span></h3>
</article>
</div>
</div>
</section>
<section id="intro" class="intro project-page white-bg">
<div id="rev_slider_3_1_wrapper" class="rev_slider_wrapper fullscreen-container">
<!-- START REVOLUTION SLIDER 4.6.5 fullscreen mode -->
<div id="rev_slider_3_1" class="rev_slider fullscreenbanner">
<ul> <!-- SLIDE -->
<li data-transition="slidedown" data-slotamount="7" data-masterspeed="1200" data-saveperformance="off" >
<!-- MAIN IMAGE -->
<img data-no-retina alt="" title="" src="images/featured/01.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYERS -->
</li>
<!-- SLIDE -->
<li data-transition="slidedown" data-slotamount="7" data-masterspeed="1200" data-saveperformance="off" >
<!-- MAIN IMAGE -->
<img data-no-retina alt="" title="" src="images/featured/02.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYERS -->
</li>
<!-- SLIDE -->
<li data-transition="slidedown" data-slotamount="7" data-masterspeed="1200" data-saveperformance="off" >
<!-- MAIN IMAGE -->
<img data-no-retina alt="" title="" src="images/featured/03.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYERS -->
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
</div>
</div>
</section>
<section class="promo-thumbs">
<div class="container-fluid no-pad">
<div class="row">
<article class="col-md-12 no-pad">
<div class="project-carousel owl-carousel owl-nav-sticky-wide">
<div class="promo-carousel-item zoom"><a class="venobox" data-gall="portfolio-gallery" href="images/promos/01.jpg"><img data-no-retina alt="" title="" class="img-responsive" src="images/promos/01.jpg"/></a></div>
<div class="promo-carousel-item zoom"><a class="venobox" data-gall="portfolio-gallery" href="images/promos/02.jpg"><img data-no-retina alt="" title="" class="img-responsive" src="images/promos/02.jpg"/></a></div>
<div class="promo-carousel-item zoom"><a class="venobox" data-gall="portfolio-gallery" href="images/promos/03.jpg"><img data-no-retina alt="" title="" class="img-responsive" src="images/promos/03.jpg"/></a></div>
<div class="promo-carousel-item zoom"><a class="venobox" data-gall="portfolio-gallery" href="images/promos/01.jpg"><img data-no-retina alt="" title="" class="img-responsive" src="images/promos/01.jpg"/></a></div>
<div class="promo-carousel-item zoom"><a class="venobox" data-gall="portfolio-gallery" href="images/promos/02.jpg"><img data-no-retina alt="" title="" class="img-responsive" src="images/promos/02.jpg"/></a></div>
<div class="promo-carousel-item zoom"><a class="venobox" data-gall="portfolio-gallery" href="images/promos/03.jpg"><img data-no-retina alt="" title="" class="img-responsive" src="images/promos/03.jpg"/></a></div>
</div>
</article>
</div>
</div>
</section>
<section class="story page-section white-bg">
<div class="container pad-top-quarter pad-bottom-quarter">
<div class="row">
<article class="col-md-2 text-left">
<div class="caption-stamp dark">
<h4 class="dark font2 sub-heading">info</h4>
</div>
</article>
<article class="text-left col-md-5">
<p class="dark">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br/><br/>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
<article class="text-left col-md-5 promo-text-alt">
<h3 class="black font3bold"><span class="dark font3light">What we did</span>A simple design and useful layout makes perfect website.</h3>
<div class="liner color-bg"></div>
</article>
</div>
</div>
</section>
<section class="clientele page-section dark-bg">
<div class="container">
<div class="row">
<article class="col-md-2 text-left">
<div class="caption-stamp white">
<h4 class="white font2 sub-heading">specs</h4>
</div>
</article>
<article class="col-md-5 text-left">
<div class="client-block">
<h3 class="white font2">Union Inc</h3>
<p class="white">company</p>
</div>
<div class="client-block">
<h3 class="white font2">Web / Identity</h3>
<p class="white">category</p>
</div>
<div class="client-block">
<h3 class="white font2">850</h3>
<p class="white">total hours</p>
</div>
</article>
<article class="col-md-5 text-left">
<div class="client-block">
<h3 class="white font2">Union Website</h3>
<p class="white">Project Name</p>
</div>
<div class="client-block">
<h3 class="white font2">Design & Development</h3>
<p class="white">Roles</p>
</div>
<div class="client-block">
<h3 class="white font2">http://www.designova.net</h3>
<p class="white">Project URL</p>
</div>
</article>
</div>
</div>
</section>
<!-- FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<footer class="mastfoot white-bg">
<div class="container">
<div class="row">
<article class="col-md-6 text-left">
<ul class="foot-social">
<li><a href="#"><img data-no-retina alt="" title="" src="images/social/01.svg"/></a></li>
<li><a href="#"><img data-no-retina alt="" title="" src="images/social/02.svg"/></a></li>
<li><a href="#"><img data-no-retina alt="" title="" src="images/social/03.svg"/></a></li>
<li><a href="#"><img data-no-retina alt="" title="" src="images/social/04.svg"/></a></li>
</ul>
<p class="font3 dark">Created with love by Designova.<br/><a target="_blank" href="http://wwww.designova.net">Purchase this theme</a></p>
</article>
<article class="credits col-md-6 text-left">
<a href="index.html"><img data-no-retina alt="" title="" src="images/logo.png"></a>
<h5 class="font3 black">A simple creative portfolio template for designers, artists, photographers and every creatives</h5>
<p class="font3 dark">Copyright © 2015 <a target="_blank" href="http://wwww.designova.net">Designova</a>.</p>
</article>
</div>
</div>
</footer>
<!-- end : mastfoot -->
<div class="foot-print">
</div>
</section>
<!-- end : mastwrap -->
<!-- End Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<!-- JS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="javascripts/libs/common.js"></script>
<script src="javascripts/libs/bootstrap.min.js"></script>
<script src="javascripts/custom/main.js"></script>
<script src="javascripts/custom/elements.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<!-- SLIDER REVOLUTION 4.x SCRIPTS -->
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
</body>
</html>