<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Events</title> <!--................start the gellary.......................--> <link href="themes/6/js-image-slider.css" rel="stylesheet" type="text/css" /> <script src="themes/6/mcVideoPlugin.js" type="text/javascript"></script> <script src="themes/6/js-image-slider.js" type="text/javascript"></script> <link href="css/generic.css" rel="stylesheet" type="text/css" /> <!--................end the gellary.......................--> <!--................start the dd menu.......................--> <link rel="stylesheet" href="css/style_menu.css" type="text/css" /> <script type="text/javascript" src="js/script.js"></script> <!--................end the dd menu.......................--> <link rel="stylesheet" href="css/style.css" type="text/css" /> <!--................start the photo gellary.......................--> <!-- Add jQuery library --> <script type="text/javascript" src="js/jquery-1.js"></script><button spid="{0.6520530250436973}" id="SEARCH_PREDICT_EVAL" hidden="true"></button> <!-- Add mousewheel plugin (this is optional) --> <script type="text/javascript" src="js/jquery_003.js"></script> <!-- Add fancyBox main JS and CSS files --> <script type="text/javascript" src="js/jquery_005.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.css" media="screen"> <!-- Add Button helper (this is optional) --> <link rel="stylesheet" type="text/css" href="css/jquery_002.css"> <script type="text/javascript" src="js/jquery_004.js"></script> <!-- Add Thumbnail helper (this is optional) --> <link rel="stylesheet" type="text/css" href="css/jquery_003.css"> <script type="text/javascript" src="js/jquery.js"></script> <!-- Add Media helper (this is optional) --> <script type="text/javascript" src="js/jquery_002.js"></script> <script type="text/javascript"> $(document).ready(function() { /* * Simple image gallery. Uses default settings */ $('.fancybox').fancybox(); /* * Different effects */ // Change title type, overlay closing speed $(".fancybox-effects-a").fancybox({ helpers: { title : { type : 'outside' }, overlay : { speedOut : 0 } } }); // Disable opening and closing animations, change title type $(".fancybox-effects-b").fancybox({ openEffect : 'none', closeEffect : 'none', helpers : { title : { type : 'over' } } }); // Set custom style, close if clicked, change title type and overlay color $(".fancybox-effects-c").fancybox({ wrapCSS : 'fancybox-custom', closeClick : true, openEffect : 'none', helpers : { title : { type : 'inside' }, overlay : { css : { 'background' : 'rgba(238,238,238,0.85)' } } } }); // Remove padding, set opening and closing animations, close if clicked and disable overlay $(".fancybox-effects-d").fancybox({ padding: 0, openEffect : 'elastic', openSpeed : 150, closeEffect : 'elastic', closeSpeed : 150, closeClick : true, helpers : { overlay : null } }); /* * Button helper. Disable animations, hide close button, change title type and content */ $('.fancybox-buttons').fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', closeBtn : false, helpers : { title : { type : 'inside' }, buttons : {} }, afterLoad : function() { this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); } }); /* * Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked */ $('.fancybox-thumbs').fancybox({ prevEffect : 'none', nextEffect : 'none', closeBtn : false, arrows : false, nextClick : true, helpers : { thumbs : { width : 50, height : 50 } } }); /* * Media helper. Group items, disable animations, hide arrows, enable media and button helpers. */ $('.fancybox-media') .attr('rel', 'media-gallery') .fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', arrows : false, helpers : { media : {}, buttons : {} } }); /* * Open manually */ $("#fancybox-manual-a").click(function() { $.fancybox.open('1_b.jpg'); }); $("#fancybox-manual-b").click(function() { $.fancybox.open({ href : 'iframe.html', type : 'iframe', padding : 5 }); }); $("#fancybox-manual-c").click(function() { $.fancybox.open([ { href : '1_b.jpg', title : 'My title' }, { href : '2_b.jpg', title : '2nd title' }, { href : '3_b.jpg' } ], { helpers : { thumbs : { width: 75, height: 50 } } }); }); }); </script> <style type="text/css"> .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } </style> <!--................end the photo gellary.......................--> </head> <body> <?php include('top_menu.php'); ?> <div class="maindiv"><!--start the maindiv--> <div class="layout"><!--start the layout--> <div class="clr"></div> <?php include('banner.php'); ?> <div class="container"><!--start the container--> <div class="container_left"><!--start the container left--> <div class="con_bar"> <div class="man">Events</div> <img src="images/events.jpg" width="578" alt="" class="co_logo" /> <img src="images/card.jpg" width="578" alt="" class="co_logo" /> <img src="images/card1.jpg" width="578" alt="" class="co_logo" /> <div class="clr"></div> </div> </div><!--end the container left--> <div class="container_right"> <div class="con_bar"> <div class="phone"></div> <div class="img_text"> <marquee behavior="scroll" direction="up" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()" width="200" height="800" style="margin-left:30px; padding-left:22px;"> <img src="images/flag/images.jpg" width="150" height="110" class="flag" /> <img src="images/flag/imges.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in1ex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in2de6x.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in2dex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in3dex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in4dex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in5dex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in6dex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in12dex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/i3ndex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/imag2es.jpg" width="150" height="110" class="flag" /> <img src="images/flag/in42dex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/ind2ex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/ind5ex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/ind6ex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/ind8ex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/ind9ex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/ind56ex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/inde2x.jpg" width="150" height="110" class="flag" /> <img src="images/flag/inde3x.jpg" width="150" height="110" class="flag" /> <img src="images/flag/inde6x.jpg" width="150" height="110" class="flag" /> <img src="images/flag/inde7x.jpg" width="150" height="110" class="flag" /> <img src="images/flag/index2.jpg" width="150" height="110" class="flag" /> <img src="images/flag/index3.jpg" width="150" height="110" class="flag" /> <img src="images/flag/index5.jpg" width="150" height="110" class="flag" /> <img src="images/flag/index.jpg" width="150" height="110" class="flag" /> <img src="images/flag/ndex.jpg" width="150" height="110" class="flag" /> <img src="images/flag/denmark.jpg" width="150" height="110" class="flag" /> <img src="images/flag/s_arabia.jpg" width="150" height="110" class="flag" /> </marquee> <div class="clr"></div> </div> <div class="clr"></div> </div> </div> </div><!--end the container--> <div class="clr"></div> <div class="clr"></div> </div><!--end the layout--> <div class="clr"></div> <?php echo require_once('footer_top.php'); ?> </div><!--end the maindiv--> </body> </html>