<?php 
defined( '_JEXEC' ) or die; 
// variables
$tpath = $this->baseurl.'/templates/'.$this->template;
?><!doctype html>
<!--[if IEMobile]><html class="iemobile" lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="<?php echo $this->language; ?>"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="<?php echo $this->language; ?>"> <!--<![endif]-->

<head>
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 <title><?php echo $this->error->getCode().' - '.$this->title; ?></title>
 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <!— mobile viewport optimized —>

 <link rel="apple-touch-icon-precomposed" href="<?php echo $tpath; ?>/apple-touch-icon-57x57.png"> <!— iphone, ipod, android —>
 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo $tpath; ?>/apple-touch-icon-72x72.png"> <!— ipad —>
 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo $tpath; ?>/apple-touch-icon-114x114.png"> <!— iphone retina —>
 <link href="<?php echo $tpath; ?>/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <!— favicon —>
 <link type="text/css" href="<?php echo $tpath; ?>/404/bootstrap.css" rel="stylesheet"> <!--BOOTSTRAP 3 CSS FILE-->
 <link href="<?php echo $tpath; ?>/404/css.css" rel="stylesheet" type="text/css"> <!— Google web font link-->
 <link type="text/css" href="<?php echo $tpath; ?>/404/font-awesome.css" rel="stylesheet"> <!--Font Awesome CSS FILE-->
 <link type="text/css" href="<?php echo $tpath; ?>/404/custom.css" rel="stylesheet"> <!--CUSTOM CSS FILE-->
 <link type="text/css" href="<?php echo $tpath; ?>/404/animate.css" rel="stylesheet"> <!--animate.css FILE-->
 <script src="<?php echo $tpath; ?>/js/modernizr.js" type="text/javascript"></script>
</head>
 <body>

 <section>
 <div class="container">
 <div class="row row1">
 <div class="col-md-12">
 <h3 style="visibility: visible;-webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s;" class="center capital f1 wow fadeInLeft animated" data-wow-duration="2s">
<?php
$config = JFactory::getConfig();
echo $config->get( 'sitename' );
?>
 </h3>
 <h1 style="visibility: visible;-webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s;" id="error" class="center wow fadeInRight animated" data-wow-duration="2s">404</h1>
 <p style="visibility: visible;-webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s;" class="center wow bounceIn animated" data-wow-delay="2s">صفحه مورد نظر شما یافت نشد</p>
 </div> 
 </div>
<div class="row">
 <div class="col-md-12">
 <div style="visibility: visible;-webkit-animation-delay: 2800ms; -moz-animation-delay: 2800ms; animation-delay: 2800ms;" id="cflask-holder" class="wow fadeIn animated" data-wow-delay="2800ms">
 <span style="visibility: visible;-webkit-animation-delay: 3000ms; -moz-animation-delay: 3000ms; animation-delay: 3000ms;" class="wow tada animated" data-wow-delay="3000ms"><i style="visibility: visible;-webkit-animation-delay: 3300ms; -moz-animation-delay: 3300ms; animation-delay: 3300ms;" class="fa fa-flask fa-5x flask wow flip animated" data-wow-delay="3300ms"></i> 
 <i id="b1" class="bubble"></i>
 <i id="b2" class="bubble"></i>
 <i id="b3" class="bubble"></i>

 </span>
 </div>
 </div>
 </div>


 <div class="row"> <!--Search Form Start-->
 <div class="col-md-12"> 
 <div style="visibility: visible;-webkit-animation-delay: 1000ms; -moz-animation-delay: 1000ms; animation-delay: 1000ms;" class="col-md-6 col-md-offset-3 search-form wow fadeInUp animated" data-wow-delay="1000ms">
 <form action="/component/search/">
 <input name="searchword" placeholder="عبارت مورد نظر" class="col-md-9 col-xs-12" type="text">
 <input name="search" value="پیدا کن" class="col-md-3 col-xs-12" type="submit">
 </form>
 </div>
 </div>
 </div> <!--Search Form End-->

 <div class="row"> <!--Links Start-->
 <div class="col-md-12">
 <div class="links-wrapper col-md-6 col-md-offset-3">
 <ul class="links col-md-9">
 <li style="visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;-webkit-animation-delay: 4400ms; -moz-animation-delay: 4400ms; animation-delay: 4400ms;" class="wow fadeInRight" data-wow-delay="4400ms"><a href="/index.php"><i class="fa fa-home fa-2x"></i></a></li>
 <li style="visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;-webkit-animation-delay: 4300ms; -moz-animation-delay: 4300ms; animation-delay: 4300ms;" class="wow fadeInRight" data-wow-delay="4300ms"><a href="https://www.facebook.com/"><i class="fa fa-facebook fa-2x"></i></a></li>
 <li style="visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;-webkit-animation-delay: 4200ms; -moz-animation-delay: 4200ms; animation-delay: 4200ms;" class="wow fadeInRight" data-wow-delay="4200ms"><a href="https://www.twitter.com/"><i class="fa fa-twitter fa-2x"></i></a></li>
 <li style="visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;-webkit-animation-delay: 4200ms; -moz-animation-delay: 4200ms; animation-delay: 4200ms;" class="wow fadeInLeft" data-wow-delay="4200ms"><a href="https://www.pluse.google.com/"><i class="fa fa-google-plus fa-2x"></i></a></li>
 <li style="visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;-webkit-animation-delay: 4300ms; -moz-animation-delay: 4300ms; animation-delay: 4300ms;" class="wow fadeInLeft" data-wow-delay="4300ms"><a href="https://www.pinterest.com/"><i class="fa fa-pinterest fa-2x"></i></a></li>
<li style="visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;-webkit-animation-delay: 4400ms; -moz-animation-delay: 4400ms; animation-delay: 4400ms;" class="wow fadeInLeft" data-wow-delay="4400ms"><a href="https://www.dribbble.com/"><i class="fa fa-dribbble fa-2x"></i></a></li>
 </ul>

 </div>
 </div>

 </div> <!— Links End--> 
 </div>
 </section>

 <!--ADDING THE REQUIRED SCRIPT FILES-->
 
 <script type="text/javascript" src="<?php echo $tpath; ?>/404/countUp.js"></script>
 <script type="text/javascript" src="<?php echo $tpath; ?>/404/wow.js"></script>

 <!--Initiating the CountUp Script-->
 <script type="text/javascript">
 "use strict";
 var count = new countUp("error", 0, 404, 0, 3);

 window.onload = function() {
 // fire animation
 count.start();
 }
 </script>

 <!--Initiating the Wow Script-->
 <script> 
 "use strict";
 var wow = new WOW(
 {
 animateClass: 'animated',
 offset: 100
 }
 );
 wow.init();
 </script>

 

</body>

</html>