CINXE.COM
SPP Media - StreetAD
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="shortcut icon" href="/assets/favicon.png" /> <title>SPP Media - StreetAD</title> <link type="text/css" rel="stylesheet" href="/assets/css/bootstrap.min.css" /> <link type="text/css" rel="stylesheet" href="/assets/css/font-awesome.min.css" /> <link type="text/css" rel="stylesheet" href="/assets/css/jquery-ui.css" /> <link type="text/css" rel="stylesheet" href="/assets/css/app.css" /> <!--[if lt IE 9]> <script type="text/javascript" src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script type="text/javascript" src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <script type="text/javascript" src="/assets/js/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="/assets/js/bootstrap.min.js"></script> <script type="text/javascript" src="/assets/js/jquery-ui.min.js"></script> <script> /*** Handle jQuery plugin naming conflict between jQuery UI and Bootstrap ***/ $.widget.bridge('uibutton', $.ui.button); $.widget.bridge('uitooltip', $.ui.tooltip); </script> <script type="text/javascript" src="/assets/js/analytics.js"></script> <script type="text/javascript" src="/assets/js/app.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#date1").datepicker({ dateFormat: 'yy-mm-dd', firstDay: 1, onSelect: function (date, inst) { var $url = "http://streetad.sppmedia.com/timeslot/date/" + date; var $dateField = $(this); $.getJSON($url, function (data) { $dateField.val(data[0]['name']); }); }, beforeShowDay: function (date) { if (date.getDay() === 6) { return [true]; } else { return [false]; } } }); }); </script> </head> <body> <div class="topLine"></div> <div class="container-fixed mainContainer"> <script src="/assets/jq-tiles/js/jquery.tiles.js"></script> <link rel="stylesheet" href="/assets/jq-tiles/css/jquery.tiles.min.css"/> <link rel="stylesheet" href="/assets/jq-tiles/css/styles.css" media="screen"/> <div class="topHeader"> <div class="row"> <div class="col-xs-3"> <div > <a href="/"> <img style="width: 211px;" src="/../assets/images/sppmedia_logo1.png" /> </a> <img style="width: 211px;" src="/../assets/images/sppmedia_logo2.png" /> </div> </div> <div class="col-xs-9"> <div class="slider-wrap"> <div class="slider"> <img src="http://streetad.sppmedia.com/images/SliderImages/slider1.png" /> <img src="http://streetad.sppmedia.com/images/SliderImages/slider2.png" /> <img src="http://streetad.sppmedia.com/images/SliderImages/slider3.png" /> </div> </div> </div> </div> </div> <script> $(document).ready(function () { $('.slider').tilesSlider('start') }); var $slider = $('.slider-wrap'); var html = $slider.html(); var defaults = { thumbSize: 20, onSlideshowEnd: function () { $('.stop, .start').toggle(); } }; var effects = { 'default': {x: 6, y: 4, random: true, loop: true}, simple: {x: 6, y: 4, effect: 'simple', random: true}, left: {x: 1, y: 8, effect: 'left'}, up: {x: 20, y: 1, effect: 'up', rewind: 60, backReverse: true}, leftright: {x: 1, y: 8, effect: 'leftright'}, updown: {x: 20, y: 1, effect: 'updown', cssSpeed: 500, backReverse: true}, switchlr: {x: 20, y: 1, effect: 'switchlr', backReverse: true}, switchud: {x: 1, y: 8, effect: 'switchud'}, fliplr: {x: 20, y: 1, effect: 'fliplr', backReverse: true}, flipud: {x: 20, y: 3, effect: 'flipud', reverse: true, rewind: 75}, reduce: {x: 6, y: 4, effect: 'reduce'}, 360: {x: 1, y: 1, effect: '360', fade: true, cssSpeed: 600} }; $('#effects-select').change(function () { var effect = $(this).val(); $slider.fadeTo(0, 0).html(html); $('.stop').hide(); $('.start').show(); setTimeout(function () { $('.slider').tilesSlider($.extend({}, defaults, effects[ effect ])); $slider.fadeTo(0, 1); $('body').removeClass('tiles-preload'); }, 100); $('.code').empty().html(function () { var e = effects[ effect ], c = []; for (var i in e) { if (i !== 'effect') { c.push('<code>' + i + ': ' + e[i] + '</code>'); } } return c.join(''); }); }); $('.start').click(function () { $(this).hide(); $('.stop').show(); $('.slider').tilesSlider('start') }); $('.stop').click(function () { $(this).hide(); $('.start').show(); $('.slider').tilesSlider('stop'); }); $('.slider').tilesSlider($.extend({}, defaults, effects['default'])); </script> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainMenucollapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="mainMenucollapse"> <ul class="nav navbar-nav pull-right"> <li class="active"> <a href="/En/"> Home </a> </li> <li> <a href="/En/signs"> Signs / Availability </a> </li> <li> <a href="/En/mediatypes"> Media Types </a> </li> <li> <a href="/En/locations"> Locations </a> </li> <li> <a href="/En/aboutus"> About Us </a> </li> <li> <a href="/En/contact"> Contact Us </a> </li> </div> </div> </nav> <div class="row"> <div class="col-xs-4"> <div style="padding-left: 15px;"> <div class="panel panel-default"> <div class="panel-body"> <form method="post" enctype="multipart/form-data" action="/signs" name="form"> <input type="hidden" name="searchSigns" value="true" /> <div class="form-group"> <label>Select date:</label> <input id="date1" type="text" class="form-control" name="date1" style="position: relative; z-index: 100000;" value="" placeholder="starting date" /> </div> <div class="form-group"> <label>Media Type:</label> <select class="form-control" name="type"> <option value="0" selected="selected">All</option> <option value="1">Fixed Signs</option> <option value="2">Pisa Signs</option> <option value="3">Super Pisa Signs</option> <option value="4">Trivision</option> <option value="5">Wall-Wrap Sign</option> <option value="6">Wall-Wrap Special Sign</option> </select> </div> <div class="form-group"> <label>City:</label> <select class="form-control" name="city"> <option value="0" selected="selected">All</option> <option value="2">Nicosia</option> <option value="3">Limassol</option> <option value="1">Larnaca</option> <option value="4">Paphos</option> <option value="5">Famagusta</option> <option value="6">Cyprus</option> </select> </div> <div class="form-group" style="margin-top: 25px;"> <button type="submit" class="btn btn-primary btn-block"> <span class="glyphicon glyphicon-search"></span> Search </button> </div> </form> </div> </div> <br /> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Customer Area</h3> </div> <div class="panel-body"> <form method="post" enctype="multipart/form-data" action="/En/customer/login_process" name="customer_login_form" novalidate> <input type="hidden" name="customer_login" value="true" /> <div class="form-group"> <label>Username:</label> <input type="email" class="form-control" name="username" placeholder="insert username" /> </div> <div class="form-group"> <label>Password:</label> <input type="password" class="form-control" name="password" placeholder="insert password" /> </div> <div class="pull-right"> <button type="submit" class="btn btn-default">Login</button> </div> </form> </div> <div class="panel-footer"> <a href="/En/customer/forget_password">Forget your password ?</a> </div> </div> </div> </div> <div class="col-xs-8"> <div style="padding-right: 15px;"> <p><span style="font-size:14px"><u><strong>About Us</strong></u></span></p> <p>SPP MEDIA was established in 1999 after the publication of must magazine.<br /> Today it's a media group that operates beyond magazines, to newspapers, music television, outdoor advertising, internet and radio.</p> <p> </p> <p><span style="font-size:14px"><u><strong>Our Vision</strong></u></span></p> <p>"Create the best content in the media we operate, with the highest level of service for the advertising market"</p> <p> </p> <p><span style="font-size:14px"><u><strong>Divisions</strong></u></span></p> <p> </p> <table border="0" cellpadding="1" cellspacing="1" style="width:100%"> <tbody> <tr> <td><img alt="" src="/uploads/images/super_pisa.gif" style="float:left; height:163px; margin-right:15px; width:163px" /> <strong>OUTDOOR ADVERTISING</strong> <p style="text-align:justify">Outdoor Media is the world oldest media for selling goods and concepts to the public. Since man was using a wall to draw upon and an idea to communicate, outdoor advertising has been one of the most effective marketing tools.</p> </td> </tr> <tr> <td> <p> </p> <p> </p> </td> </tr> <tr> <td><img alt="" src="/uploads/images/wallwrap.gif" style="float:left; height:163px; margin-right:15px; width:163px" /><strong>SPECIAL ADVERTISING MEDIA</strong> <p style="text-align:justify">New and innovative media solutions to be applied in the Cyprus market.</p> </td> </tr> </tbody> </table> <p> </p> </div> </div> </div> <br /> <br /> </div> <div class="container-fixed footerContainer"> <div style="color:#000000; background-color:#ddd; padding-top: 10px; padding-bottom: 20px;"> <div class="text-center"> <p style="font-weight: bold; margin: 0px;">Copyright © 2015 An SPP Media Group division - All Rights Reserved | Developed & Hosted By <a href="http://www.simplex.com.cy" target="_blank"><img src="/../assets/images/simplex_logo.png" width="100px" text="Simplex - Cyprus Web Development, Cyprus Hosting" title="Simplex - Cyprus Web Development, Cyprus Web Hosting" alt="Simplex - Cyprus Web Development, Cyprus Hosting" /></a> </p> </div> </div> </div> <br /> </body> </html>