CINXE.COM
CityZenApp
<!DOCTYPE html> <!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--><!-- head ============================================================================ --><head> <!-- Basic Info ======================================================================== --> <title>CityZenApp</title> <meta charset="utf-8"> <meta name="author" content="Graphicfort"> <meta name="robots" content="index follow"> <meta name="googlebot" content="index follow"> <meta name="keywords" content="cityzenapp, cityzen, smart, city, greek, municipality, android, windows, ios, dekstop, web"> <meta name="description" content=""> <!-- Mobile Configurations ======================================================================== --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <!-- fav and icons for Mobile ======================================================================== --> <link rel="shortcut icon" href="images/icons/favicon.ico"> <link rel="apple-touch-icon" sizes="57x57" href="images/icons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="images/icons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/icons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="images/icons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/icons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="images/icons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="images/icons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="images/icons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="images/icons/apple-touch-icon-180x180.png"> <!-- Google Fonts ======================================================================== --> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700" rel="stylesheet" type="text/css"> <!-- CSS Files ======================================================================== --> <link rel="stylesheet" href="js/vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="css/social-icons.css"> <link rel="stylesheet" href="js/plugins/swiper/css/swiper.min.css"> <link rel="stylesheet" href="js/plugins/mediaelement/css/mediaelementplayer.min.css"> <link rel="stylesheet" href="js/plugins/fancybox/jquery.fancybox.min.css"> <link rel="stylesheet" href="js/plugins/wow/css/animate.min.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/color.css"> <link rel="stylesheet" href="css/custom.css"> <link rel="stylesheet" href="css/responsive.css"> <!-- Head JS Libs ======================================================================== --> <script src="js/vendor/modernizr-custom.js"></script><style></style> <script src="https://www.google.com/recaptcha/api.js?render=6LdeLRMaAAAAABZFL_E5_BEA8WEqXyur4yv-417M"></script> </head><!-- /End head --> <!-- body ============================================================================ --> <body class="full-width-page"> <!-- UP Button ======================================================================== --> <div id="up-button"><a href="#" title="To Top"><i class="fa fa-angle-up"></i></a></div> <!-- Main Wrapper ======================================================================== --> <div class="loader-block"> <div class="loader-block-container"> <div class="circle-block circle-block-style-6"></div> </div> </div> <div id="main-wrapper"> <!-- Header 2 ==================================================================== --> <header id="header-section-2" class="header-section header-style-2"> <!-- Header Section Container --> <div class="header-section-container"> <!-- Top Header --> <div class="top-header"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- col-md-6 --> <div class="col-md-6"> <div class="info-block"> <div class="info-block-container"> <a href="/en" title="ENGLISH" class="main-link"> <img src="images/content/EN.png" style="height: 32px;width: 32px;border-radius: 50%;"> </a> </div> </div> <!-- Info Block --> <div class="info-block"> <!-- Info Block Container --> <div class="info-block-container"> <a href="mailto:info@noveltech.gr" title="info@noveltech.gr" class="main-link"> <!-- Icon --> <i class="fa fa-envelope circle-icon-block circle-icon-block-sm"></i> <!-- Description --> <p>info@noveltech.gr</p> </a> </div><!-- /End Info Block Container --> </div><!-- /End Info Block --> </div><!-- /End col-md-6 --> <!-- Social Icons Block --> <div class="col-md-6 social-icons-block social-icons-block-sm social-icons-block-style-1"> <ul> <li style=""><a target="_blank" href="https://el-gr.facebook.com/noveltech.gr/" title="Facebook"><i class="fa fa-facebook" style="color: rgb(255, 255, 255); background-color: rgb(61, 94, 153); font-size: 14px;"></i></a></li> <li style=""><a target="_blank" href="https://twitter.com/noveltech_gr?lang=en" title="Twitter"><i class="fa fa-twitter" style="color: rgb(255, 255, 255); background-color: rgb(85, 172, 238); font-size: 14px;"></i></a></li> <li style=""><a target="_blank" href="https://www.youtube.com/channel/UCQaKeL0ie4nNAxrWqWI2vvw" title="youtube"><i class="fa fa-youtube-play" style="color: rgb(252, 252, 252); background-color: rgb(205, 28, 34); font-size: 14px;"></i></a></li> <li style=""><a target="_blank" href="http://www.cityzenapp.gr/cms" title="Customer Login"><i class="fa fa-sign-in" style="color: rgb(255, 255, 255); background-color: rgb(191, 211, 90); font-size: 14px;" id="ui-id-2"></i></a></li> </ul> </div><!-- /End Social Icons Block --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Top Header --> <!-- Header Menu --> <div class="header-menu"> <!-- Header Menu Container --> <div class="header-menu-container"> <!-- Navbar --> <nav class="navbar"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- col-md-12 --> <div class="col-md-12"> <!-- Navbar Header --> <div class="navbar-header"> <!-- Logo --> <a href="#" class="navbar-brand" title="LUNE"> <img src="images/uploads/cityzen app-02-transparent.png" alt="LUNE Logo" style="border-radius: 0px;"> </a><!-- /End Logo --> <!-- Toggle Menu Button --> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> Menu <span><i class="lines"></i></span> </button><!-- /End Toggle Menu Button --> </div><!-- /End Navbar Header --> <!-- Navbar Collapse ( Menu ) --> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li style=""> <a href="#header-section-2" title="Home" src="images/download-buttons/download-buttons-007.jpg" style="color: rgb(18, 18, 18); font-size: 14px; font-weight: 500;">螒蟻蠂喂魏畏</a> </li> <li style=""> <a href="#content-section-29" title="About" src="images/uploads/Background-2-modified-nolights.png" style="color: rgb(18, 18, 18); font-size: 14px; font-weight: 500;">韦喂 蔚喂谓伪喂</a> </li> <li style=""> <a href="#content-section-32" title="Services" src="images/download-buttons/download-buttons-007.jpg" style="color: rgb(18, 18, 18); font-size: 14px; font-weight: 500;">螖蠀谓伪蟿慰蟿畏蟿蔚蟼</a> </li> <li style=""> <a href="#content-section-31" title="Portfolio" src="images/download-buttons/download-buttons-007.jpg" style="color: rgb(18, 18, 18); font-size: 14px; font-weight: 500;">螕喂伪蟿喂 CITYZENAPP</a> </li> <li style=""> <a href="#content-section-34" title="Team" src="images/download-buttons/download-buttons-007.jpg" style="color: rgb(18, 18, 18); font-size: 14px; font-weight: 500;">惟蠁蔚位畏</a> </li> <li style=""> <a href="#content-section-17" title="Multichannel" src="images/download-buttons/download-buttons-007.jpg" style="color: rgb(18, 18, 18); font-size: 14px; font-weight: 500;">螤螣螞违螝螒螡螒螞螜螝螚 螤巍螣危螘螕螕螜危螚</a> </li> <li style=""> <a href="#clients-section-1" title="Pricing" src="images/uploads/Background-2-modified-nolights.png" style="color: rgb(18, 18, 18); font-size: 14px; font-weight: 500;">螤蔚位伪蟿蔚蟼</a> </li> <li style=""> <a href="#contact-section-15" title="Contact" src="images/uploads/Background-2-modified-nolights.png" style="color: rgb(18, 18, 18); font-size: 14px; font-weight: 500;">螘蟺喂魏慰喂谓蠅谓喂伪</a> </li> </ul> </div><!-- /End Navbar Collapse ( Menu ) --> </div><!-- /End col-md-12 --> </div><!-- /End row --> </div><!-- /End container --> </nav><!-- /End Navbar --> </div><!-- /End Header Menu Container --> </div><!-- /End Header Menu --> </div><!-- /End Header Section Container --> </header><!-- /End Header 2 --><!-- Hero 10 ==================================================================== --> <div id="hero-section-10" class="hero-section white-section section-no-padding-bottom"> <!-- Section Container --> <div class="section-container"> <!-- Background Image Block --> <div class="background-image-block parallax-effect gfort-background"> <img src="images/uploads/Background-1.jpg" alt="Parallax Background Image" style="top: 0px; transform: translate(-50%, 0px); border-radius: 0px;"> </div><!-- /End Background Image Block --> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-lg-10 col-lg-offset-1 col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container text-center"> <!-- Title --> <h1 class="sm-heading" style="color: rgb(191, 211, 90); font-size: 45px; font-weight: bold;">螘谓畏渭蔚蟻蠋谓慰渭伪喂, 蟽蠀渭渭蔚蟿苇蠂蠅, 尾蔚位蟿喂蠋谓蠅 蟿畏谓 蟺蠈位畏 渭慰蠀, 蔚蠉魏慰位伪, 维渭蔚蟽伪, 24 蠋蟻蔚蟼 蟿慰 24蠅蟻慰!</h1> <!-- Description --> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- col-md-12 --> <div class="col-md-12"> <!-- iPhone Slider --> <div class="mobile-slider iphone-slider" style="background-image: url("http://www.cityzenapp.gr/images/mobile-slider/iphone-slider-background-cityzenapp-new.png");" src="images/uploads/smart-city-transparent.png"> <!-- iPhone Image --> <img src="images/mobile-slider/iphone-frame.png" class="iphone-frame" alt="iPhone Image"> <!-- Mobile Slider Container --> <div class="mobile-slider-container"> <!-- Swiper Slider --> <div class="gfort-swiper-slider vertical-swiper-slider swiper-container-vertical" data-swiper-items="1"> <!-- Swiper Slides --> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(0px, -1792px, 0px);"><div class="swiper-slide swiper-slide-duplicate" style="height: 448px;" data-swiper-slide-index="2"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/03-chania.png" alt="Slide Image" style="border-radius: 0px;"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="0"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/01-Heraklion.png" alt="Slide Image" style="border-radius: 0px;"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="1"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/02-marousi.png" alt="Slide Image" style="border-radius: 0px;"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide swiper-slide-prev" style="height: 448px;" data-swiper-slide-index="2"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/03-chania.png" alt="Slide Image" style="border-radius: 0px;"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <div class="swiper-slide swiper-slide-duplicate swiper-slide-active" style="height: 448px;" data-swiper-slide-index="0"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/01-Heraklion.png" alt="Slide Image" style="border-radius: 0px;"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div></div><!-- /Swiper Slides --> <!-- Pagination --> <div class="swiper-pagination swiper-pagination-clickable"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div> <!-- Prev Navigation Buttons --> <div class="swiper-button-prev"> <i class="fa fa-angle-left"></i> </div><!-- /End Prev Navigation Buttons --> <!-- Next Navigation Buttons --> <div class="swiper-button-next"> <i class="fa fa-angle-right"></i> </div><!-- /End Next Navigation Buttons --> </div><!-- /End Swiper Slider --> </div><!-- /End Mobile Slider Container --> </div><!-- /End iPhone Slider --> </div><!-- /End col-md-12 --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Hero 10 --><!-- Content 29 ==================================================================== --> <div id="content-section-29" class="content-section grey-section"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- col-lg-8 col-md-7 --> <div class="col-lg-8 col-md-7 pull-right"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container"> <!-- Title --> <h2>韦喂 蔚委谓伪喂 蟿慰 CityZenApp</h2> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- Content Block --> <div class="col-md-12 content-block"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Description --> <p>螚 蟺位伪蟿蠁蠈蟻渭伪 CityZenApp 伪蟺慰蟿蔚位蔚委 渭喂伪 谓苇伪 蟺蟻慰蟽苇纬纬喂蟽畏 蟽蟿慰谓 蟿蟻蠈蟺慰 渭蔚 蟿慰谓 慰蟺慰委慰 苇谓伪蟼 螖萎渭慰蟼 蟺伪蟻苇蠂蔚喂 蠀蟺畏蟻蔚蟽委蔚蟼 蟽蟿慰蠀蟼 蟺慰位委蟿蔚蟼.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Icon --> <i class="fa circle-icon-block circle-icon-block-lg fa-university" src="images/portfolio/app/thumbs/app-thumbs-002.jpg" id="ui-id-1" style="color: rgb(191, 211, 90); background-color: rgb(255, 255, 255); font-size: 22px;"></i> <!-- Title --> <h4>螆尉蠀蟺谓畏 螤蠈位畏</h4> <!-- Description --> <p>螝蔚谓蟿蟻喂魏蠈 蟽畏渭蔚委慰 伪蟺慰蟿蔚位蔚委 蟿慰 魏喂谓畏蟿蠈 蟿畏位苇蠁蠅谓慰 蔚谓蠋 伪尉喂慰蟺慰喂慰蠉谓蟿伪喂 蟺伪蟻维位位畏位伪 魏伪喂 维位位伪 魏伪谓维位喂伪 (web, email, sms). <br> <br> 螒蟺慰蟿蔚位蔚委 尾伪蟽喂魏蠈 蟽蠀蟽蟿伪蟿喂魏蠈 蟽蟿畏谓 蠀位慰蟺慰委畏蟽畏 蟿畏蟼 蠄畏蠁喂伪魏萎蟼 蟽蟿蟻伪蟿畏纬喂魏萎蟼 芦螆尉蠀蟺谓畏蟼 螤蠈位畏蟼禄 蔚谓蠈蟼 螖萎渭慰蠀.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Icon --> <i class="fa circle-icon-block circle-icon-block-lg fa-group" src="images/portfolio/app/thumbs/app-thumbs-002.jpg" id="ui-id-2" style="color: rgb(191, 211, 90); background-color: rgb(255, 255, 255); font-size: 22px;"></i> <!-- Title --> <h4>螁渭蔚蟽畏 蟽蠀渭渭蔚蟿慰蠂萎 蟺慰位喂蟿蠋谓</h4> <!-- Description --> <p>危蟿蠈蠂慰蟼 蔚委谓伪喂 谓伪 蔚谓蔚蟻纬慰蟺慰喂萎蟽蔚喂 蟿慰蠀蟼 蟺慰位委蟿蔚蟼 蠈蟽慰谓 伪蠁慰蟻维 蟿畏谓 蟽蠀渭渭蔚蟿慰蠂萎 蟿慰蠀蟼 蟽蟿畏谓 魏伪胃畏渭蔚蟻喂谓萎 位蔚喂蟿慰蠀蟻纬委伪 蟿慰蠀 螖萎渭慰蠀 魏伪喂 蟿畏谓 尾蔚位蟿委蠅蟽畏 蟿蠅谓 蠀蟺畏蟻蔚蟽喂蠋谓, 谓伪 蔚谓畏渭蔚蟻蠋谓蔚喂, 谓伪 蟺伪蟻苇蠂蔚喂 蠂蟻萎蟽喂渭蔚蟼 蠀蟺畏蟻蔚蟽委蔚蟼, 谓伪 伪魏慰蠉蔚喂 蟿畏谓 维蟺慰蠄畏 蟿慰蠀蟼, 魏伪喂 谓伪 伪蟺慰蟿蔚位苇蟽蔚喂 蟿慰 蟽畏渭蔚委慰 魏伪胃畏渭蔚蟻喂谓萎蟼 魏伪喂 维渭蔚蟽畏蟼 蔚蟺伪蠁萎蟼 渭蔚 蟿慰谓 螖萎渭慰. 螝伪喂 蠈位伪 伪蠀蟿维, 渭蔚 蔚蠉魏慰位慰 魏伪喂 维渭蔚蟽慰 蟿蟻蠈蟺慰.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> </div><!-- /End row --> </div><!-- /End col-lg-8 --> <!-- col-lg-4 col-md-5 --> <div class="col-lg-4 col-lg-offset-0 col-md-5 col-md-offset-0 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/iphone-frame-cityzenapp-smaller.png" alt="Image Block" style="border-radius: 0px;"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End col-lg-4 col-md-5 --> <!-- Button Block --> <div class="col-lg-8 col-md-12 col-sm-12 button-block"> <!-- Button Block Container --> <div class="button-block-container md-text-center"> <a href="#header-section-2" title="Google Play" class="btn-gfort-image"> <img src="images/download-buttons/download-buttons-001.jpg" alt="Google Play" style="border-radius: 0px;"> </a> <a href="#header-section-2" title="Windows Store" class="btn-gfort-image"> <img src="images/download-buttons/download-buttons-002.jpg" alt="Win Store" style="border-radius: 0px;"> </a> </div><!-- /End Button Block Container --> </div><!-- /End Button Block --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Content 29 --><!-- Content 32 ==================================================================== --> <div id="content-section-32" class="content-section white-section"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-lg-10 col-lg-offset-1 col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container text-center"> <!-- Title --> <h2>螖违螡螒韦螣韦螚韦螘危</h2> <!-- Description <p>Release bandwidth user experience research & development branding termsheet business plan advisor analytics ecosystem entrepreneur freemium.</p>--> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- col-md-4 --> <div class="col-md-4 padding-top-100"> <!-- row --> <div class="row"> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="1"> <!-- Content Block Container --> <div class="content-block-container text-right" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>螖萎位蠅蟽畏 螤蟻慰尾位畏渭维蟿蠅谓</h4> <!-- Description --> <p>螝伪蟿畏纬慰蟻委伪, 螤蔚蟻喂纬蟻伪蠁萎, 桅蠅蟿慰纬蟻伪蠁委伪, 韦慰蟺慰胃蔚蟽委伪. 螚 未萎位蠅蟽畏 纬委谓蔚蟿伪喂 蔚蟺喂蟿蠈蟺慰蠀 萎 伪谓 未蔚谓 蠀蟺维蟻蠂蔚喂 未委魏蟿蠀慰 伪蟺慰胃畏魏蔚蠉慰谓蟿伪喂 魏伪喂 蠀蟺慰尾维位位慰谓蟿伪喂 蟽蔚 蔚蟺蠈渭蔚谓畏 蠁维蟽畏. 螤蟻慰尾慰位萎 魏伪蟿维蟽蟿伪蟽畏蟼 蠀蟺慰尾位畏胃苇谓蟿蠅谓.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="2"> <!-- Content Block Container --> <div class="content-block-container text-right" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>螤喂蟽蟿慰蟺慰喂畏蟿喂魏维</h4> <!-- Description --> <p>违蟺慰尾慰位萎 伪喂蟿畏渭维蟿蠅谓 蟺喂蟽蟿慰蟺慰喂畏蟿喂魏蠋谓 魏伪喂 蟺伪蟻伪魏慰位慰蠉胃畏蟽畏 蟿畏蟼 未喂伪未喂魏伪蟽委伪蟼 苇魏未慰蟽畏蟼.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="3"> <!-- Content Block Container --> <div class="content-block-container text-right" style=""> <!-- Icon --> <i class="fa fa-th circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>螡苇伪</h4> <!-- Description --> <p style="visibility: hidden; padding-bottom: 10px;"></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="4"> <!-- Content Block Container --> <div class="content-block-container text-right" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>螘魏未畏位蠋蟽蔚喂蟼</h4> <!-- Description --> <p style="visibility: hidden; padding-bottom: 10px;"></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> </div><!-- /End row --> </div><!-- /End col-md-4 --> <!-- col-md-4 --> <div class="col-md-4 pull-right padding-top-100"> <!-- row --> <div class="row"> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3 active-swiper-slide" data-gfort-swiper-slide-to="5"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>螖喂伪魏畏蟻蠉尉蔚喂蟼</h4> <!-- Description --> <p style="visibility: hidden; padding-bottom: 10px;"></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="6"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>围蟻萎蟽喂渭伪 韦畏位苇蠁蠅谓伪</h4> <!-- Description --> <p style="visibility: hidden; padding-bottom: 10px;"></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="7"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>危畏渭蔚委伪 螘谓未喂伪蠁苇蟻慰谓蟿慰蟼 螖萎渭慰蠀</h4> <!-- Description --> <p style="visibility: hidden; padding-bottom: 10px;"></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="8"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>螘蠁畏渭蔚蟻蔚蠉慰谓蟿伪 螡慰蟽慰魏慰渭蔚委伪-桅伪蟻渭伪魏蔚委伪</h4> <!-- Description --> <p style="visibility: hidden; padding-bottom: 10px;"></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="9"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>螖畏渭蠈蟽喂蔚蟼 螛苇蟽蔚喂蟼 Parking 纬喂伪 螒螠螘螒</h4> <!-- Description --> <p style="visibility: hidden; padding-bottom: 10px;"></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block content-block-style-3" data-gfort-swiper-slide-to="10"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Icon --> <i class="fa fa-check circle-icon-block circle-icon-block-lg"></i> <!-- Title --> <h4>螘蟻蠅蟿畏渭伪蟿慰位蠈纬喂伪 螖畏渭慰蟿蠋谓</h4> <!-- Description --> <p style="visibility: hidden; padding-bottom: 10px;"></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> </div><!-- /End row --> </div><!-- /End col-md-4 --> <!-- col-md-4 --> <div class="col-md-4"> <!-- row --> <div class="row"> <!-- col-md-12 --> <div class="col-md-12"> <!-- iPhone Slider --> <div class="mobile-slider iphone-slider"> <!-- iPhone Image --> <img src="images/content/iphone-frame.png" class="iphone-frame" alt="iPhone Image"> <!-- Mobile Slider Container --> <div class="mobile-slider-container"> <!-- Swiper Slider --> <div class="gfort-swiper-slider vertical-swiper-slider swiper-container-vertical" data-swiper-items="1"> <!-- Swiper Slides --> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(0px, -2240px, 0px);"><div class="swiper-slide swiper-slide-duplicate" style="height: 448px;" data-swiper-slide-index="9"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-14.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="0"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-05.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="1"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-06.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="2"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-10.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide swiper-slide-prev" style="height: 448px;" data-swiper-slide-index="3"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-07.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide swiper-slide-active" style="height: 448px;" data-swiper-slide-index="4"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-08.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide swiper-slide-next" style="height: 448px;" data-swiper-slide-index="5"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-09.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="6"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-13.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="7"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-11.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="8"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-12.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="height: 448px;" data-swiper-slide-index="9"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-14.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <div class="swiper-slide swiper-slide-duplicate" style="height: 448px;" data-swiper-slide-index="0"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/content/app-thumbs-05.jpg" alt="Slide Image"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Slide Container --> </div></div><!-- /Swiper Slides --> <!-- Pagination --> <div class="swiper-pagination swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div> <!-- Prev Navigation Buttons --> <div class="swiper-button-prev"> <i class="fa fa-angle-left"></i> </div><!-- /End Prev Navigation Buttons --> <!-- Next Navigation Buttons --> <div class="swiper-button-next"> <i class="fa fa-angle-right"></i> </div><!-- /End Next Navigation Buttons --> </div><!-- /End Swiper Slider --> </div><!-- /End Mobile Slider Container --> </div><!-- /End iPhone Slider --> </div><!-- /End col-md-12 --> </div><!-- /End row --> </div><!-- /End col-md-4 --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Content 32 --><!-- Content 3 ==================================================================== --> <div id="content-section-3" class="content-section white-section"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-lg-10 col-lg-offset-1 col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container text-center"> <!-- Title --> <h2>螞慰喂蟺苇蟼 螖蠀谓伪蟿蠈蟿畏蟿蔚蟼</h2> <!-- Description --> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- Content Block --> <div class="col-md-4 content-block content-block-style-1"> <!-- Content Block Container --> <div class="content-block-container" style="height: 192px;"> <!-- Title --> <!-- Description --> <ul style="list-style-type: none;"> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>螞蔚喂蟿慰蠀蟻纬委蔚蟼 纬喂伪 螤喂蟽蟿慰蟺慰喂畏渭苇谓慰蠀蟼 魏伪喂 渭畏 围蟻萎蟽蟿蔚蟼</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>螖喂伪蟽蠉谓未蔚蟽畏 渭蔚 Social Media 螖萎渭慰蠀</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>螁渭蔚蟽畏 螘蟺喂魏慰喂谓蠅谓委伪 渭蔚 蟿慰谓 螖萎渭慰 渭蔚 1 魏位委魏</li> </ul> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-4 content-block content-block-style-1"> <!-- Content Block Container --> <div class="content-block-container" style="height: 192px;"> <!-- Title --> <!-- Description --> <ul style="list-style-type: none;"> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>螤慰蟻蔚委伪 蔚魏蟿苇位蔚蟽畏蟼 苇蟻纬蠅谓</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>螤慰位蠀纬位蠅蟽蟽喂魏蠈蟿畏蟿伪</li> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>Push Notifications (蔚谓畏渭蔚蟻蠋蟽蔚喂蟼 蟽蟿慰 魏喂谓畏蟿蠈 纬喂伪 苇魏蟿伪魏蟿伪 蟽蠀渭尾维谓蟿伪, 螖蔚位蟿委伪 蟿蠉蟺慰蠀 魏.伪.)</li> </ul> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-4 content-block content-block-style-1"> <!-- Content Block Container --> <div class="content-block-container" style="height: 192px;"> <!-- Title --> <!-- Description --> <ul style="list-style-type: none;"> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>围蟻萎蟽畏 QR-Codes</li> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>iBeacons 纬喂伪 未喂伪未蟻伪蟽蟿喂魏萎 蟺位畏蟻慰蠁蠈蟻畏蟽畏 尾维蟽畏 胃苇蟽畏蟼 蠂蟻萎蟽蟿畏</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-info-sign" style="padding-right: 13px;"></i>螒谓维蟺蟿蠀尉畏 custom 位蔚喂蟿慰蠀蟻纬喂蠋谓 尾维蟽蔚喂 蟿蠅谓 伪谓伪纬魏蠋谓 蟿慰蠀 螖萎渭慰蠀</li> </ul> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Content 3 --><!-- Content 31 ==================================================================== --> <div id="content-section-31" class="content-section grey-section"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- col-lg-8 col-md-7 --> <div class="col-lg-8 col-md-7"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container"> <!-- Title --> <h2>螕喂伪蟿委 CityZenApp?</h2> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- Content Block --> <div class="col-md-12 content-block"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Description --> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-6 content-block"> <!-- Content Block Container --> <div class="content-block-container" style="height: 274px;"> <!-- Icon --> <i class="fa circle-icon-block circle-icon-block-lg fa-tree" src="images/uploads/cityzen app-02-transparent.png" id="ui-id-13" style="color: rgb(191, 211, 90); background-color: rgb(255, 255, 255); font-size: 22px;"></i> <!-- Title --> <h4></h4> <!-- Description --> <p>To CityZenApp 未蔚谓 蔚蟽蟿喂维味蔚喂 伪蟺位维 蟽蟿畏谓 蠀蟺慰尾慰位萎 蟺伪蟻伪蟺蠈谓蠅谓 魏伪喂 伪谓伪蠁慰蟻蠋谓. 螒蟺慰蟿蔚位蔚委 苇谓伪 魏伪谓维位喂 伪渭蠁委未蟻慰渭畏蟼 蔚蟺喂魏慰喂谓蠅谓委伪蟼 渭蔚 蟿慰蠀蟼 螖畏渭蠈蟿蔚蟼.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-6 content-block"> <!-- Content Block Container --> <div class="content-block-container" style="height: 274px;"> <!-- Icon --> <i class="fa circle-icon-block circle-icon-block-lg fa-comments" src="images/uploads/cityzen app-02-transparent.png" id="ui-id-14" style="color: rgb(191, 211, 90); background-color: rgb(255, 255, 255); font-size: 22px;"></i> <!-- Title --> <h4></h4> <!-- Description --> <p>危蟿蠈蠂慰蟼 蔚委谓伪喂 谓伪 蔚谓蔚蟻纬慰蟺慰喂萎蟽蔚喂 蟿慰蠀蟼 螖畏渭蠈蟿蔚蟼 蠈蟽慰谓 伪蠁慰蟻维 蟿畏谓 蟽蠀渭渭蔚蟿慰蠂萎 蟿慰蠀蟼 蟽蟿畏谓 魏伪胃畏渭蔚蟻喂谓萎 位蔚喂蟿慰蠀蟻纬委伪 蟿慰蠀 螖萎渭慰蠀 魏伪喂 蟿畏谓 尾蔚位蟿委蠅蟽畏 蟿蠅谓 蠀蟺畏蟻蔚蟽喂蠋谓, 谓伪 蔚谓畏渭蔚蟻蠋谓蔚喂, 谓伪 蟺伪蟻苇蠂蔚喂 蠂蟻萎蟽喂渭蔚蟼 蠀蟺畏蟻蔚蟽委蔚蟼, 谓伪 伪魏慰蠉蔚喂 蟿畏谓 维蟺慰蠄畏 蟿慰蠀蟼, 魏伪喂 谓伪 伪蟺慰蟿蔚位苇蟽蔚喂 蟿慰 蟽畏渭蔚委慰 魏伪胃畏渭蔚蟻喂谓萎蟼 魏伪喂 维渭蔚蟽畏蟼 蔚蟺伪蠁萎蟼 渭蔚 蟿慰谓 螖萎渭慰, 渭蔚 蔚蠉魏慰位慰 魏伪喂 维渭蔚蟽慰 蟿蟻蠈蟺慰.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-6 content-block"> <!-- Content Block Container --> <div class="content-block-container" style="height: 274px;"> <!-- Icon --> <i class="fa circle-icon-block circle-icon-block-lg fa-recycle" src="images/uploads/cityzen app-02-transparent.png" id="ui-id-15" style="color: rgb(191, 211, 90); background-color: rgb(255, 255, 255); font-size: 22px;"></i> <!-- Title --> <h4></h4> <!-- Description --> <p>螞伪渭尾维谓蔚喂 蠀蟺蠈蠄畏 蟿畏谓 蠀蠁喂蟽蟿维渭蔚谓畏 魏伪蟿维蟽蟿伪蟽畏. 危蔚 蟺蔚蟻喂蟺蟿蠋蟽蔚喂蟼 蟺.蠂. 蠈蟺慰蠀 苇谓伪蟼 螖萎渭慰蟼 苇蠂蔚喂 蟽蠉蟽蟿畏渭伪 未喂伪蠂蔚委蟻喂蟽畏蟼 蟺蟻慰尾位畏渭维蟿蠅谓 蟿慰 CityZenApp 未喂伪蟽蠀谓未苇蔚蟿伪喂 渭苇蟽蠅 web services. 螤位畏蟻慰蠁慰蟻委蔚蟼 慰喂 慰蟺慰委蔚蟼 蠀蟺维蟻蠂慰蠀谓 蟽蟿喂蟼 蠀蠁喂蟽蟿维渭蔚谓蔚蟼 喂蟽蟿慰蟽蔚位委未蔚蟼 (谓苇伪, 魏.伪.) 伪谓蟿位慰蠉谓蟿伪喂 伪蠀蟿蠈渭伪蟿伪 蠋蟽蟿蔚 谓伪 渭畏谓 蟺蔚蟻谓喂慰蠉谓蟿伪喂 未蠀慰 蠁慰蟻苇蟼.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-6 content-block"> <!-- Content Block Container --> <div class="content-block-container" style="height: 274px;"> <!-- Icon --> <i class="fa circle-icon-block circle-icon-block-lg fa-lightbulb-o" src="images/uploads/cityzen app-02-transparent.png" id="ui-id-16" style="color: rgb(191, 211, 90); background-color: rgb(255, 255, 255); font-size: 22px;"></i> <!-- Title --> <h4></h4> <!-- Description --> <p>螕喂伪 魏维胃蔚 螖萎渭慰 伪谓伪蟺蟿蠉蟽蟽慰蠀渭蔚 蠂蠅蟻喂蟽蟿萎 蔚蠁伪蟻渭慰纬萎 畏 慰蟺慰委伪 伪谓蟿伪蟺慰魏蟻委谓蔚蟿伪喂 蟽蟿喂蟼 喂未喂伪委蟿蔚蟻蔚蟼 伪蟺伪喂蟿萎蟽蔚喂蟼 蟿慰蠀 位蔚喂蟿慰蠀蟻纬喂魏维 魏伪喂 伪喂蟽胃畏蟿喂魏维. 螤伪蟻维位位畏位伪 蟺伪蟻苇蠂慰蠀渭蔚 魏伪喂 蠈位慰 蟿慰 marketing 蠀位喂魏蠈 纬喂伪 蟿畏谓 蟺蟻慰蠋胃畏蟽畏 蟿畏蟼 蔚蠁伪蟻渭慰纬萎蟼.</p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> </div><!-- /End row --> </div><!-- /End col-lg-8 col-md-7 --> <!-- col-lg-4 col-md-5 --> <div class="col-lg-3 col-lg-offset-0 col-md-3 col-md-offset-0 col-sm-4 col-sm-offset-3 col-xs-10 col-xs-offset-1"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/smart-city-transparent-small4.png" alt="Image Block" style="border-radius: 0px;"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End col-lg-4 col-md-5 --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Content 31 --><!-- Content 34 ==================================================================== --> <div id="content-section-34" class="content-section white-section"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-lg-10 col-lg-offset-1 col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container text-center"> <!-- Title --> <h2>惟桅螘螞螚</h2> <!-- Description --> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- col-md-4 --> <div class="col-md-4 padding-top-50"> <!-- row --> <div class="row"> <!-- Content Block --> <div class="col-md-12 content-block"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Title --> <h4>螕喂伪 蟿慰蠀蟼 螖萎渭慰蠀蟼</h4> <!-- Description --> <p><br></p> <ul style="list-style-type: none;"> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螠蔚委蠅蟽畏 位蔚喂蟿慰蠀纬喂魏慰蠉 魏蠈蟽蟿慰蠀蟼</li> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螔蔚位蟿委蠅蟽畏 蟿蠅谓 蠀蟺畏蟻蔚蟽喂蠋谓, 渭蔚委蠅蟽畏 纬蟻伪蠁蔚喂慰魏蟻伪蟿委伪蟼, 伪蠉尉畏蟽畏 蟿畏蟼 伪蟺慰蟿蔚位蔚蟽渭伪蟿喂魏蠈蟿畏蟿伪蟼</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螘蟻纬伪位蔚委慰 位萎蠄畏蟼 伪蟺慰蠁维蟽蔚蠅谓</li> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螝伪位蠉蟿蔚蟻畏 蔚尉蠀蟺畏蟻苇蟿畏蟽畏 螖畏渭慰蟿蠋谓</li> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螡苇伪 魏伪谓维位喂伪 蔚蟺喂魏慰喂谓蠅谓委伪蟼</li> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螣蟻纬维谓蠅蟽畏 蟿畏蟼 未喂伪蠂蔚委蟻喂蟽畏蟼 伪喂蟿畏渭维蟿蠅谓 魏伪喂 伪喂蟿萎蟽蔚蠅谓 蟺喂蟽蟿慰蟺慰喂畏蟿喂魏蠋谓, 魏伪胃慰蟻喂蟽渭蠈蟼 蟺蟻慰蟿蔚蟻伪喂慰蟿萎蟿蠅谓</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螝伪蟿伪纬蟻伪蠁萎 蟿畏蟼 维蟺慰蠄畏蟼 蟿蠅谓 螖畏渭慰蟿蠋谓</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螖蔚谓 伪蟺伪喂蟿蔚委 谓苇蔚蟼 蔚蟺蔚谓未蠉蟽蔚喂蟼 纬喂伪 蔚尉慰蟺位喂蟽渭蠈</li> </ul> <p></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> </div><!-- /End row --> </div><!-- /End col-md-4 --> <!-- col-md-4 --> <div class="col-md-4 pull-right padding-top-50"> <!-- row --> <div class="row"> <!-- Content Block --> <div class="col-md-12 content-block"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Title --> <h4>螕喂伪 蟿慰蠀蟼 螖畏渭蠈蟿蔚蟼</h4> <!-- Description --> <p><br></p> <ul style="list-style-type: none;"> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螒蠉尉畏蟽畏 蟽蠀渭渭蔚蟿慰蠂喂魏蠈蟿畏蟿伪蟼</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螁渭蔚蟽畏 蟺蟻蠈蟽尾伪蟽畏 蟽蟿畏谓 蟺位畏蟻慰蠁慰蟻委伪 魏伪喂 魏伪位蠉蟿蔚蟻畏 蔚尉蠀蟺畏蟻苇蟿畏蟽畏</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>违蟺畏蟻蔚蟽委蔚蟼 蟺蟻慰蟽蟿喂胃苇渭蔚谓畏蟼 伪尉委伪蟼</li> <li style="padding: 2px 0;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螤蟻蠈蟽尾伪蟽畏 24 蠋蟻蔚蟼/24蠅蟻慰</li> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螁渭蔚蟽畏 蔚蟺喂魏慰喂谓蠅谓委伪 渭蔚 蟿喂蟼 蠀蟺畏蟻蔚蟽委蔚蟼 蟿慰蠀 蠁慰蟻苇伪</li> <li style="padding: 2px 0px;"><i class="glyphicon glyphicon-ok" style="padding-right: 13px;"></i>螌位畏 畏 蟺位畏蟻慰蠁慰蟻委伪 蟽蔚 苇谓伪 蟽畏渭蔚委慰</li> </ul> <p></p> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Title --> <!-- Description --> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> <!-- Content Block --> <div class="col-md-12 content-block"> <!-- Content Block Container --> <div class="content-block-container" style=""> <!-- Title --> <!-- Description --> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> </div><!-- /End row --> </div><!-- /End col-md-4 --> <!-- col-md-4 --> <div class="col-md-4 col-md-offset-0 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/cityzen app-04.png" alt="Image Block" style="border-radius: 0px;"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End col-md-4 --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Content 34 --><!-- Content 17 ==================================================================== --> <div id="content-section-17" class="content-section white-section" style="background-color: rgb(247, 247, 247);"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container-fluid"> <!-- row --> <div class="row"> <!-- col-md-6 --> <div class="col-md-6"> <!-- row --> <div class="row"> <!-- Insert slider in here --> <!-- Swiper Slider --> <div class="gfort-swiper-slider" data-swiper-items="1"> <!-- Swiper Slides --> <div class="swiper-wrapper"> <!-- Slide --> <div class="swiper-slide"> <!-- Slide Container --> <div class="swiper-slide-container"> <img src="images/content/content-025-2.png" alt="Image Block"> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide"> <!-- Slide Container --> <div class="swiper-slide-container"> <img src="images/content/content-025-3.png" alt="Image Block"> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide"> <!-- Slide Container --> <div class="swiper-slide-container"> <img src="images/content/content-025-4.png" alt="Image Block"> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide"> <!-- Slide Container --> <div class="swiper-slide-container"> <img src="images/content/content-025-5.png" alt="Image Block"> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide"> <!-- Slide Container --> <div class="swiper-slide-container"> <img src="images/content/content-025-6.png" alt="Image Block"> </div><!-- /End Slide Container --> </div><!-- /End Slide --> </div><!-- /End Swiper Slides --> <!-- Pagination --> <div class="swiper-pagination"></div> <!-- Prev Navigation Buttons --> <div class="swiper-button-prev"> <i class="fa fa-angle-left"></i> </div><!-- /End Prev Navigation Buttons --> <!-- Next Navigation Buttons --> <div class="swiper-button-next"> <i class="fa fa-angle-right"></i> </div><!-- /End Next Navigation Buttons --> </div><!-- /End Swiper Slider --> </div><!-- end row --> </div><!-- end col-md-6 --> <!-- col-md-6 --> <div class="col-md-6 pull-left"> <!-- row --> <div class="row" style="width:75%;"> <!-- Title Block --> <div class="col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container"> <!-- Title --> <h2>螤慰位蠀魏伪谓伪位喂魏萎 蟺蟻慰蟽苇纬纬喂蟽畏: web, email, sms<br></h2> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- Content Block --> <div class="col-md-12 content-block"> <!-- Content Block Container --> <div class="content-block-container"> <!-- Description --> <p>螝蔚谓蟿蟻喂魏蠈 蟽畏渭蔚委慰 伪蟺慰蟿蔚位蔚委 蟿慰 魏喂谓畏蟿蠈 蟿畏位苇蠁蠅谓慰 蔚谓蠋 伪尉喂慰蟺慰喂慰蠉谓蟿伪喂 蟺伪蟻维位位畏位伪 魏伪喂 维位位伪 魏伪谓维位喂伪 蠈蟺蠅蟼 蔚喂未喂魏萎 喂蟽蟿慰蟽蔚位委未伪 (micro web site), email, sms, 魏伪胃蠋蟼 魏伪喂 魏伪蟿伪纬蟻伪蠁萎 蟽蟿畏谓 蟺位伪蟿蠁蠈蟻渭伪 渭苇蟽蠅 蠂蟻萎蟽畏蟼 蔚喂未喂魏慰蠉 5蠄萎蠁喂慰蠀 蟿畏位蔚蠁蠅谓喂魏慰蠉 伪蟻喂胃渭慰蠉 "螕蟻伪渭渭萎 螖畏渭蠈蟿畏". <br> <br> 危蟿慰蠀蟼 螖萎渭慰蠀蟼 蟺伪蟻苇蠂蔚蟿伪喂 web based CMS 蟽蟿慰 慰蟺慰委慰 蠀蟺慰蟽蟿畏蟻委味慰谓蟿伪喂 蟻蠈位慰喂 蠂蟻畏蟽蟿蠋谓, 纬喂伪 蟿畏谓 未喂伪蠂蔚委蟻喂蟽畏 蠈位蠅谓 蟿蠅谓 蟺伪蟻伪蟺维谓蠅 蠀蟺畏蟻蔚蟽喂蠋谓 魏伪胃蠋蟼 魏伪喂 纬喂伪 蟺蟻蠈蟽尾伪蟽畏 蟽蔚 蠂蟻萎蟽喂渭伪 analytics 蟿伪 慰蟺慰委伪 伪蟺慰蟿蔚位慰蠉谓 苇谓伪 蔚蟻纬伪位蔚委慰 位萎蠄畏蟼 伪蟺慰蠁维蟽蔚蠅谓, 纬喂伪 蟿畏谓 魏伪位蠉蟿蔚蟻畏 蔚尉蠀蟺畏蟻苇蟿畏蟽畏 蟿蠅谓 螖畏渭慰蟿蠋谓.. <br></p> <!-- Buttons <a href="#" title="Read More" class="btn btn-gfort wave-effect" data-selector="a" style="">READ MORE</a> <a href="#" title="Purchase Now" class="btn btn-gfort-white wave-effect" data-selector="a" style="">PURCHASE NOW</a>--> </div><!-- /End Content Block Container --> </div><!-- /End Content Block --> </div><!-- /End row --> </div><!-- /End col-md-6 --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Content 17 --><!-- Portfolio 8 ==================================================================== --> <div id="portfolio-section-8" class="portfolio-section white-section"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-lg-10 col-lg-offset-1 col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container text-center"> <!-- Title --> <h2>SCREENSHOTS</h2> <!-- Description --> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> </div><!-- /End row --> </div><!-- /End container --> <!-- col-md-12 --> <div class="col-md-12"> <!-- Swiper Slider --> <div class="gfort-swiper-slider swiper-container-horizontal" data-swiper-items="4" data-swiper-md-items="3" data-swiper-xs-items="2"> <!-- Swiper Slides --> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-4406.25px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" style="width: 293.75px;" data-swiper-slide-index="12"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-13.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-13.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><div class="swiper-slide swiper-slide-duplicate" style="width: 293.75px;" data-swiper-slide-index="13"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-14.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-14.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><div class="swiper-slide swiper-slide-duplicate" style="width: 293.75px;" data-swiper-slide-index="14"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-15.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-15.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><div class="swiper-slide swiper-slide-duplicate" style="width: 293.75px;" data-swiper-slide-index="15"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-16.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-16.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="0"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-01.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-01.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="1"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-02.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-02.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="2"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-03.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-03.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="3"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-04.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-04.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="4"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-05.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-05.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="5"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-06.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-06.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="6"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-07.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-07.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="7"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-08.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-08.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="8"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-09.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-09.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="9"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-10.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-10.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide swiper-slide-prev" style="width: 293.75px;" data-swiper-slide-index="10"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-11.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-11.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide swiper-slide-active" style="width: 293.75px;" data-swiper-slide-index="11"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-12.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-12.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide swiper-slide-next" style="width: 293.75px;" data-swiper-slide-index="12"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-13.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-13.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="13"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-14.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-14.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="14"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-15.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-15.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <!-- Slide --> <div class="swiper-slide" style="width: 293.75px;" data-swiper-slide-index="15"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-16.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-16.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><!-- /End Slide --> <div class="swiper-slide swiper-slide-duplicate" style="width: 293.75px;" data-swiper-slide-index="0"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-01.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-01.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><div class="swiper-slide swiper-slide-duplicate" style="width: 293.75px;" data-swiper-slide-index="1"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-02.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-02.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><div class="swiper-slide swiper-slide-duplicate" style="width: 293.75px;" data-swiper-slide-index="2"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-03.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-03.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div><div class="swiper-slide swiper-slide-duplicate" style="width: 293.75px;" data-swiper-slide-index="3"> <!-- Slide Container --> <div class="swiper-slide-container"> <!-- Portfolio Block --> <div class="col-md-12 portfolio-block"> <!-- Portfolio Block Container --> <div class="portfolio-block-container"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> <a href="images/portfolio/app/app-04.png" title="Screenshot Image" class="fancybox"> <img src="images/portfolio/app/thumbs/app-thumbs-04.png" alt="Image Block"> </a> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </div><!-- /End Portfolio Block Container --> </div><!-- /End Portfolio Block --> </div><!-- /End Slide Container --> </div></div><!-- /End Swiper Slides --> <!-- Pagination --> <div class="swiper-pagination swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div> <!-- Prev Navigation Buttons --> <div class="swiper-button-prev"> <i class="fa fa-angle-left"></i> </div><!-- /End Prev Navigation Buttons --> <!-- Next Navigation Buttons --> <div class="swiper-button-next"> <i class="fa fa-angle-right"></i> </div><!-- /End Next Navigation Buttons --> </div><!-- /End Swiper Slider --> </div><!-- /End col-md-12 --> </div><!-- /End Section Container --> </div><!-- /End Portfolio 8 --><!-- Clients 1 ==================================================================== --> <div id="clients-section-1" class="clients-section white-section" style="background-color: rgb(247, 247, 247);"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-lg-10 col-lg-offset-1 col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container text-center"> <!-- Title --> <h2>螘谓未蔚喂魏蟿喂魏慰委 螤蔚位维蟿蔚蟼</h2> <!-- Description --> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- Client Block --> <div class="col-md-2 col-sm-4 col-xs-6 col-gfort-xs-6 client-block"> <!-- Client Block Container --> <div class="client-block-container" style="height: 25px;"> <a href="#" title="Client Company Name" class="main-link"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </a> </div><!-- /End Client Block Container --> </div><!-- /End Client Block --> <!-- Client Block --> <div class="col-md-2 col-sm-4 col-xs-6 col-gfort-xs-6 client-block"> <!-- Client Block Container --> <div class="client-block-container" style="height: 25px;"> <a href="#" title="螖萎渭慰蟼 螚蟻伪魏位蔚委慰蠀" class="main-link"><!-- Image Block --> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/1-heraklion.png" alt="螖萎渭慰蟼 螚蟻伪魏位蔚委慰蠀" style="border-radius: 0px; display: block; margin: auto;" rel="border-radius: 0px; display: block; margin: auto;"> <br> <!-- /End Image Block Container --> </div> <!-- /End Image Block --></a> </div><!-- /End Client Block Container --> </div><!-- /End Client Block --> <!-- Client Block --> <div class="col-md-2 col-sm-4 col-xs-6 col-gfort-xs-6 client-block"> <!-- Client Block Container --> <div class="client-block-container" style="height: 25px;"> <a href="#" title="螖萎渭慰蟼 螒渭伪蟻慰蠀蟽委慰蠀" class="main-link"><!-- Image Block --> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/2-maroussi-small.png" alt="螖萎渭慰蟼 螒渭伪蟻慰蠀蟽委慰蠀" style="border-radius: 0px; display: block; margin: auto;" rel="border-radius: 0px; display: block; margin: auto;"> <br> <!-- /End Image Block Container --> </div> <!-- /End Image Block --></a> </div><!-- /End Client Block Container --> </div><!-- /End Client Block --> <!-- Client Block --> <div class="col-md-2 col-sm-4 col-xs-6 col-gfort-xs-6 client-block"> <!-- Client Block Container --> <div class="client-block-container" style="height: 25px;"> <a href="#" title="螖萎渭慰蟼 围伪谓委蠅谓" class="main-link"><!-- Image Block --> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/3-chania-small.png" alt="螖萎渭慰蟼 围伪谓委蠅谓" style="border-radius: 0px; display: block; margin: auto;" rel="border-radius: 0px; display: block; margin: auto;"> <br> <!-- /End Image Block Container --> </div> <!-- /End Image Block --></a> </div><!-- /End Client Block Container --> </div><!-- /End Client Block --> <!-- Client Block --> <div class="col-md-2 col-sm-4 col-xs-6 col-gfort-xs-6 client-block"> <!-- Client Block Container --> <div class="client-block-container" style="height: 25px;"> <a href="#" title="螖萎渭慰蟼 巍蔚胃蠉渭谓畏蟼" class="main-link"><!-- Image Block --> <!-- Image Block Container --> <div class="image-block-container"> <img src="images/uploads/4-rethymno-small.jpg" alt="螖萎渭慰蟼 巍蔚胃蠉渭谓畏蟼" style="border-radius: 0px; display: block; margin: auto;" rel="border-radius: 0px; display: block; margin: auto;"> <br> <!-- /End Image Block Container --> </div> <!-- /End Image Block --></a> </div><!-- /End Client Block Container --> </div><!-- /End Client Block --> <!-- Client Block --> <div class="col-md-2 col-sm-4 col-xs-6 col-gfort-xs-6 client-block"> <!-- Client Block Container --> <div class="client-block-container" style="height: 25px;"> <a href="#" title="Client Company Name" class="main-link"> <!-- Image Block --> <div class="image-block"> <!-- Image Block Container --> <div class="image-block-container"> </div><!-- /End Image Block Container --> </div><!-- /End Image Block --> </a> </div><!-- /End Client Block Container --> </div><!-- /End Client Block --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Clients 1 --><!-- Contact 15 ==================================================================== --> <div id="contact-section-15" class="contact-section grey-section" style="background-color: rgb(255, 255, 255); outline-offset: -3px;"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Title Block --> <div class="col-lg-10 col-lg-offset-1 col-md-12 title-block"> <!-- Title Block Container --> <div class="title-block-container text-center"> <!-- Title --> <h2>螘螤螜螝螣螜螡惟螡螜螒</h2> <!-- Description --> <!-- Line Separator --> <div class="line-separator"></div> </div><!-- /End Title Block Container --> </div><!-- /End Title Block --> <!-- Contact Form Block --> <div class="col-md-12 form-block contact-form-block"> <!-- Form Block Container --> <div class="form-block-container"> <form method="post" action="php/contact.php" id="ctz_contact_form"> <!-- Name --> <div class="col-md-4"> <div class="form-group"> <input type="text" class="form-control contact-name" name="contact_name"> <label class="error">螌谓慰渭伪</label> </div> </div><!-- /End Name --> <!-- Email Address --> <div class="col-md-4"> <div class="form-group"> <input type="text" class="form-control contact-email" name="contact_email"> <label>Email</label> </div> </div><!-- /End Email Address --> <!-- Subject --> <div class="col-md-4"> <div class="form-group"> <input type="text" class="form-control contact-subject" name="contact_subject"> <label>螛苇渭伪</label> </div> </div><!-- /End Subject --> <!-- Message --> <div class="col-md-12"> <div class="form-group"> <textarea class="form-control contact-message" name="contact_message"></textarea> <label>螠萎谓蠀渭伪</label> </div> </div><!-- /End Message --> <input type="hidden" id="g-recaptcha-token" name="g-recaptcha-token"> <!-- Terms <div class="col-md-12"> <div class="form-group"> <input type="checkbox" class="form-control contact-terms" name="contact_terms" value="accepted" id="gfort-checkbox-0"> <label for="gfort-checkbox-0">I have read and agreed to LUNE <a href="#" title="terms and conditions">terms and conditions</a>.</label> </div> </div>--><!-- /End Terms --> <!-- Submit Button --> <div class="col-md-12"> <div class="form-group"> <button type="submit" class="btn btn-gfort wave-effect gfort-ripple-animation" id="ctz_contact_submit"><span class="gfort-ripple ripple-animation" style="width: 174px; height: 174px; top: -59px; left: 21px;"></span>螒蟺慰蟽蟿慰位萎 螠畏谓蠉渭伪蟿慰蟼</button> </div> </div><!-- /End Submit Button --> </form> </div><!-- /End Form Block Container --> </div><!-- /End Contact Form Block --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </div><!-- /End Contact 15 --><!-- Footer 7 ==================================================================== --> <footer id="footer-section-7" class="footer-section grey-section" style="outline-offset: -3px;"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Widget Block ( Text ) --> <div class="col-md-12 widget-block text-widget-block"> <!-- Widget Block Container --> <div class="widget-block-container text-center"> <!-- Widget Block Content --> <div class="widget-block-content"> <!-- Logo --> <a href="#" class="navbar-brand" title="LUNE"> <img src="images/uploads/cityzen app-02-transparent.png" alt="LUNE Logo" style="border-radius: 0px;"> </a><!-- /End Logo --> <!-- Title --> <h5>螘谓畏渭蔚蟻蠋谓慰渭伪喂, 蟽蠀渭渭蔚蟿苇蠂蠅, 尾蔚位蟿喂蠋谓蠅 蟿畏谓 蟺蠈位畏 渭慰蠀, 蔚蠉魏慰位伪, 维渭蔚蟽伪, 24 蠋蟻蔚蟼 蟿慰 24蠅蟻慰!</h5> </div><!-- /End Widget Block Content --> </div><!-- /End Widget Block Container --> </div><!-- /End Widget Block ( Text ) --> <!-- Widget Block ( Text ) --> <div class="col-md-12 widget-block text-widget-block"> <!-- Widget Block Container --> <div class="widget-block-container text-center"> <!-- Widget Block Content --> <div class="widget-block-content"> <!-- Info Block --> <div class="info-block"> <!-- Info Block Container --> <div class="info-block-container"> <a href="mailto:info@noveltech.gr" title="info@noveltech.gr" class="main-link"> <!-- Icon --> <i class="fa fa-envelope circle-icon-block circle-icon-block-md"></i> <!-- Description --> <p>info@noveltech.gr</p> </a> </div><!-- /End Info Block Container --> </div><!-- /End Info Block --> </div><!-- /End Widget Block Content --> </div><!-- /End Widget Block Container --> </div><!-- /End Widget Block ( Text ) --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </footer><!-- /End Footer 7 --><!-- Copyright 1 ==================================================================== --> <footer id="copyright-section-1" class="copyright-section white-section" style="outline-offset: -3px;"> <!-- Section Container --> <div class="section-container"> <!-- container --> <div class="container"> <!-- row --> <div class="row"> <!-- Copyright Block --> <div class="col-md-12 copyright-block"> <!-- Copyright Block Container --> <div class="copyright-block-container text-center"> <!-- Title --> <p>漏 2017 <a href="http://www.noveltech.gr/el/" title="Noveltech" src="images/uploads/smart-city-transparent.png" style="color: rgb(18, 18, 18); font-size: 16px; font-weight: 400;">NovelTech</a>, all rights reserved.</p> </div><!-- /End Copyright Block Container --> </div><!-- /End Copyright Block --> </div><!-- /End row --> </div><!-- /End container --> </div><!-- /End Section Container --> </footer><!-- /End Copyright 1 --></div><!-- /End Main Wrapper --> <!-- Java Script Files ======================================================================== --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <script type="text/javascript" src="js/vendor/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="js/plugins/mobile/mobile.min.js"></script> <script type="text/javascript" src="js/scripts.js"></script> <script> grecaptcha.ready(function() { grecaptcha.execute('6LdeLRMaAAAAABZFL_E5_BEA8WEqXyur4yv-417M', {action:'validate_captcha'}).then(function(token) { document.getElementById('g-recaptcha-token').value = token; }); }); </script> </body></html>