| Server IP : 103.6.199.200 / Your IP : 18.225.56.79 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.old/ |
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">Project with Masonry + Lightbox<span class="dark font3light">project category</span></h3>
</article>
</div>
</div>
</section>
<section id="works-container" class="works-container works-masonry-container clearfix black-bg works-thumbnails-view">
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth zoom branding graphics">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/03.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/03.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Venice Spa</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth info web graphics">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/04.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/04.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Madagascar</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth zoom ui web">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/01.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/01.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">First Life</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth info logos ui">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/02.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/02.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Armani League</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth zoom branding">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/05.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/05.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Antilop Studio</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth info logos">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/07.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/07.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Aura La Forte</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth zoom logos ui">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/08.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/08.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Revero Republic</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth info web">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/06.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/06.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Campstreak</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth zoom logos graphics">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/09.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/09.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Novatell</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth info branding">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/10.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/10.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Adjoint34</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth info branding">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/11.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/11.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">F.J.S</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
<!-- start : works-item -->
<div class="works-item ImageWrapper works-item-one-fourth zoom branding">
<img data-no-retina alt="" title="" class="img-responsive" src="images/works/masonry/12.jpg"/>
<a class="venobox" data-gall="portfolio-gallery" href="images/works/masonry/12.jpg">
<div class="works-item-inner ImageOverlayCl">
<p class="valign text-center"><span class="color font3">Majority</span></p>
</div>
</a>
</div>
<!-- end : works-item -->
</section>
<!-- end : works-container -->
<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>