Web Development, Web Design, Pirgos Ilias | Interactive Net Solutions

<!DOCTYPE html> <html lang="el"><head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-WYYR8J3XXY"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WYYR8J3XXY'); </script>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Corporation", "name": "Interactive Net Solutions", "url": "https://interactivenet.gr", "logo": "https://interactivenet.gr/img/logo/logo-default.svg", "sameAs" : [ "https://www.facebook.com/interactivenet.gr", "https://twitter.com/interactive_net", "https://www.linkedin.com/company/interactivenet"] } </script> <base href="https://interactivenet.gr/"> <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"> <meta name="author" content="George Parras"> <link rel="icon" type="image/png" href="img/favicon.png">  <link href="bootstrap-assets/css/bootstrap.min.css" rel="stylesheet"> <link href="plugins/Icons/et-line-font/style.css" rel="stylesheet"> <link href="plugins/animate.css/animate.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="css/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">  <link rel="stylesheet" href="css/cookieconsent.min.css"> <script src="js/jquery-3.1.1.min.js"></script> <script src="plugins/TweenMax.min.js"></script>    <title>Web Development, Web Design, Pirgos Ilias | Interactive Net Solutions</title> <meta name="description" content="Web design & development,application development,SEO specialists,Pirgos Ilias, Parras Giorgos | Interactive Net Solutions"> <meta name="keywords" content="web development,web design,app development"> <meta property="fb:app_id" content="234033657041319"/> <meta property="og:title" content="Interactive Net Solutions" /> <meta property="og:description" content="Κατασκευή Ιστοσελίδων,Προώθηση Ιστοσελίδων,Ανάπτυξη Εφαρμογών,Τηλ.2621300999,Πύργος Ηλείας" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://interactivenet.gr/" /> <meta property="og:image" content="https://interactivenet.gr/img/interactive-site-fb.jpg" /> <meta property="og:image:secure_url" content="https://interactivenet.gr/img/interactive-site-fb.jpg" /> <meta name="p:domain_verify" content="a15236ddd639f903ec229232e6423986"/> </head> <body> <div class="theloader"> <div class='content-loader'> <div class='visible'> <p class="loaderp">Interactive</p> <ul class="loaderul"> <li>websites</li> <li>applications</li> <li>hosting</li> <li>seo</li> </ul> </div> </div> </div> <nav class="navbar navbar-default navbar-fixed-top"> <a class="navbar-brand page-scroll mylogo" href="#parallax-image"></a> <a href="#cd-nav" class="cd-nav-trigger"> <span class="cd-nav-icon"></span> <svg width="54px" height="54px"> <rect width="54" height="54" class="rect-button"/> </svg> </a> <div id="cd-nav" class="cd-nav"> <div class="cd-navigation-wrapper"> <div class="col-sm-6 col-lg-6 cd-half-left"> <div class="menu-title-box"><span class="fa fa-bars" aria-hidden="true"></span> Menu</div> <nav> <ul class="cd-primary-nav"> <li class="menu-sep-left-box"> <div class="menu-headers-top-left">Menu <span>1</span></div> <div class="menu-sep-left"></div> </li> <li><a href="#welcome" class="page-scroll">About Us</a></li> <li><a href="#services" class="page-scroll">Services</a></li> <li><a href="#portfolio" class="page-scroll">Our Work</a></li> <li><a href="#work-process" class="page-scroll">Process</a></li> <li><a href="#technology" class="page-scroll">Technology</a></li> <li><a href="#contact" class="page-scroll">Contact Us</a></li> <li><a href="https://interactivenet.gr/en/blog" class="page-scroll">Blog</a></li> <li class="social-left"> <a href="https://www.facebook.com/interactivenet.gr/" target="_blank"><span class="fa fa-facebook fa-2x"></span></a> <a href="https://twitter.com/interactive_net" target="_blank"><span class="fa fa-twitter fa-2x"></span></a> </li> </ul> </nav> </div> <div class="col-sm-6 col-lg-6 cd-half-right"> <nav> <ul class="cd-contact-info"> <li class="menu-sep-right-box"> <div class="menu-headers-top-right"><span>2</span> Info</div> <div class="menu-sep-right"></div> </li> <li><a href="https://interactivenet.gr/en/web-development">Web Development</a></li> <li><a href="https://interactivenet.gr/en/web-design">Web Design</a></li> <li><a href="https://interactivenet.gr/en/seo">Website Promotion</a></li> <li><a href="https://interactivenet.gr/en/web-applications">App Development</a></li> <li><a href="https://interactivenet.gr/en/web-design-development">Web Development Stages</a></li> <li><a href="https://interactivenet.gr/en/map">Map</a></li> <li class="menu-lang"> <a href="https://interactivenet.gr" id="langGR">GR</a> / <a href="https://interactivenet.gr/en/" id="langEN">EN</a> </li> <li class="social-right"> <a href="https://www.youtube.com/channel/UCbhzcUvel3zzMx1HVixL64A" target="_blank"><span class="fa fa-youtube fa-2x" aria-hidden="true"></span></a> <a href="https://www.linkedin.com/company/interactivenet" target="_blank"><span class="fa fa-linkedin fa-2x"></span></a> </li> </ul> </nav> </div>  </div>  </div>  </nav>  <script> $.fn.parallax = function(resistance,mouse) { $el = $(this); TweenMax.to( $el, 0.2, { x : -(( mouse.clientX - (window.innerWidth/2) ) / resistance ), y : -(( mouse.clientY - (window.innerHeight/2) ) / resistance ) }); }; </script> <script> $(document).ready(function () { $(window).scroll(function () { if ($(".navbar").offset().top > 50) { $(".navbar-fixed-top").addClass("top-nav-collapse"); } else { $(".navbar-fixed-top").removeClass("top-nav-collapse"); } }); }); </script> <section class="main-header"> <div id="parallax-image"> <img src="img/cloud/b1.jpg" alt="New York" class="background"> <img src="img/cloud/c2_1_new.png" alt="Clouds 1" class="cloud cloud1"> <img src="img/cloud/c2_2_new.png" alt="Clouds 2" class="cloud cloud2"> <script> $( document ).mousemove( function( e ) { $( '.background' ).parallax( -30, e ); $( '.cloud1' ) .parallax( 10 , e ); $( '.cloud2' ) .parallax( 20 , e ); }); </script> <div class="caption"> <h1 class="wow fadeInDown" data-wow-delay="1.3s">Web Development</h1> <h2 class="wow fadeInUp" data-wow-delay="1.5s">Unique <span>Template</span></h2> <a data-wow-delay="0.5s" class="wow fadeInUp btn btn-transparent" href="https://interactivenet.gr/en/web-design">Web Design</a> <a data-wow-delay="0.6s" class="wow fadeInUp btn btn-light" href="https://interactivenet.gr/en/web-development">Web Development</a> </div> <div id="arrow-down"><a class="page-scroll" href="#welcome"><img src="img/arrow-down.png" width="70" height="70" alt="down-arrow"/></a></div> </div> </section>  <section id="welcome"> <div class="container"> <h2><span>About Us</span></h2><hr class="sep"> <div class="col-md-5 container-section-1"> <div class="reg-box"> <div class="reg-box-text"> <h3>Web Design & Development, Application Development, SEO Experts</h3> <div><span class="fa fa-code codeicon" aria-hidden="true"></span></div><br/> <p> Our company was founded in 2012, specializing in Ιnternet Services, <strong>Web Design & Development</strong>. Our goal is to design & develop beautiful <strong>customizable websites.</strong><br/><br/> Our experienced staff, using all the latest techniques, can undertake the design and creation of your website with the aim of successfully promote your business. Create your own website now and get a <strong>professional presentation</strong> for you and your company </p> <p> <a class="btn my-button-reg hvr-sweep-to-right-reg" href="https://interactivenet.gr/en/web-development">Web Design & Development</a> <a class="btn my-button-reg hvr-sweep-to-right-reg" href="https://interactivenet.gr/en/web-applications">Web App Development</a> </p> </div> </div> </div> <div class="col-md-7 threed-images"> <img class="img-responsive center-block per1" src="img/3d-website-3n.png" alt="web design & development example 1"> <img class="img-responsive center-block per2" src="img/3d-website-2n.png" alt="web design & development example 2"> <img class="img-responsive center-block per3" src="img/3d-website-3.png" alt="web design & development example 3"> </div> </div> </section>  <section id="services"> <div id="particles-js"></div> <script src="js/particles.all.min.js" defer></script>  <div class="container"> <h2>Services</h2> <hr class="light-sep"> <p class="services-info">We design and develop beautiful websites & amp; applications</p> <div class="services-box"> <div class="container-fluid wow fadeInUp" data-wow-delay=".3s"> <div class="col-md-4"> <div class="media-box media-box-heart"> <div class="media-box-ins media-left-heart"><span class="icon-heart"></span></div> <div class="media-box-text media-body-heart"> <div class="media-bgd"> <h3>We Care</h3><p class="my-sep-light"></p><p>for each of our customers individually</p> </div> </div> </div> </div> <div class="col-md-4"> <div class="media-box media-box-mobile"> <div class="media-box-ins media-left-mobile"><span class="icon-mobile"></span></div> <div class="media-box-text media-body-mobile"> <div class="media-bgd"> <h3>We Design</h3><p class="my-sep-light"></p><p>unique graphics, especially for your own business</p> </div> </div> </div> </div> <div class="col-md-4"> <div class="media-box media-box-megaphone"> <div class="media-box-ins media-left-megaphone"><span class="icon-megaphone"></span></div> <div class="media-box-text media-body-megaphone"> <div class="media-bgd"> <h3>SEO</h3><p class="my-sep-light"></p><p>Internet is a huge place, so you should be heard as loud as possible…</p> </div> </div> </div> </div> </div> <div class="container-fluid wow fadeInUp" data-wow-delay=".6s"> <div class="col-md-4"> <div class="media-box media-box-light"> <div class="media-box-ins media-left-light"><span class="icon-lightbulb"></span></div> <div class="media-box-text media-body-light"> <div class="media-bgd"> <h3>We Create</h3><p class="my-sep-light"></p><p>Professional websites & applications.</p> </div> </div> </div> </div> <div class="col-md-4"> <div class="media-box media-box-man"> <div class="media-box-ins media-left-man"><span class="icon-profile-male"></span></div> <div class="media-box-text media-body-man"> <div class="media-bgd"> <h3>User Experience</h3><p class="my-sep-light"></p><p>At the heart of everything we do, is to create a unique experience for the user. We are proud of our interfaces, which we create after careful planning and thought.</p> </div> </div> </div> </div> <div class="col-md-4"> <div class="media-box media-box-focus"> <div class="media-box-ins media-left-focus"><span class="icon-focus"></span></div> <div class="media-box-text media-body-focus"> <div class="media-bgd"> <h3>Responsive Web Design</h3><p class="my-sep-light"></p><p>We design beautiful and customizable websites, while focusing on the content and an excellent user experience.</p> </div> </div> </div> </div> </div> </div> </div> </section>  <section id="portfolio"> <div class="container-fluid"> <h2>Our Work</h2><hr class="sep"><p>See some of the websites we have created</p>  <div class="modals-new-block">  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="54" data-toggle="modal"> <img data-src="img/portfolio/olivetemple-preview-new-2.jpg" class="img-responsive lazyload" alt="theolivetemple"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> The Olive Temple </div> <div class="project-name"> E-shop Web Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="67" data-toggle="modal"> <img data-src="img/portfolio/michalopoulos-preview-new-2.jpg" class="img-responsive lazyload" alt="michalopoulos pasta"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Michalopoulos Pasta </div> <div class="project-name"> E-shop Web Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="73" data-toggle="modal"> <img data-src="img/portfolio/olympiaol-preview-new-2.jpg" class="img-responsive lazyload" alt="olympia ol"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Europa Family Olive Groves & Estate </div> <div class="project-name"> E-shop Web Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="75" data-toggle="modal"> <img data-src="img/portfolio/arty-preview-new-2.jpg" class="img-responsive lazyload" alt="arty grand hotel"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Arty Grand Hotel </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="70" data-toggle="modal"> <img data-src="img/portfolio/aigre-preview-new-2.jpg" class="img-responsive lazyload" alt="aigre"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Aigre Vinegar </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="55" data-toggle="modal"> <img data-src="img/portfolio/evelina-preview-new-2.jpg" class="img-responsive lazyload" alt="combine fonts"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Evelina Design - Interior Designer </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="69" data-toggle="modal"> <img data-src="img/portfolio/odigokedriki-preview-new-2.jpg" class="img-responsive lazyload" alt="odigokedriki"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Οδηγω Κεντρικη Ι.Κ.Ε. </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="64" data-toggle="modal"> <img data-src="img/portfolio/roufopoulos-preview-new-2.jpg" class="img-responsive lazyload" alt="roufopoulos"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Roufopoulos Custom Furniture </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="40" data-toggle="modal"> <img data-src="img/portfolio/koliri-preview-new-2.jpg" class="img-responsive lazyload" alt="koliri"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Koliri </div> <div class="project-name"> Logo Design, Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="1" data-toggle="modal"> <img data-src="img/portfolio/parras-preview-new.jpg" class="img-responsive lazyload" alt="parras"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Parras Stores </div> <div class="project-name"> E-shop Web Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="66" data-toggle="modal"> <img data-src="img/portfolio/aggelopoulos-preview-new-2.jpg" class="img-responsive lazyload" alt="lennik"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Aggelopoulos Accountant </div> <div class="project-name"> Logo Design, Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="25" data-toggle="modal"> <img data-src="img/portfolio/olympiataxi-preview-new-2.jpg" class="img-responsive lazyload" alt="olympiataxi"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Olympia Taxi - Taxi Company </div> <div class="project-name"> Logo Design, Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="7" data-toggle="modal"> <img data-src="img/portfolio/malliopoulos-preview-new-2.jpg" class="img-responsive lazyload" alt="malliopoulos"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Malliopoulos Butcher Shop </div> <div class="project-name"> E-shop Web Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="42" data-toggle="modal"> <img data-src="img/portfolio/roumpas-preview-new-2.jpg" class="img-responsive lazyload" alt="roumpas"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Roumpa Technical Office </div> <div class="project-name"> Logo Design, Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="10" data-toggle="modal"> <img data-src="img/portfolio/oleng-preview-new-2.jpg" class="img-responsive lazyload" alt="oleng"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Olympic Engineering & Consulting - Technical Office </div> <div class="project-name"> Logo Design, Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="63" data-toggle="modal"> <img data-src="img/portfolio/soulawards-preview-new-2.jpg" class="img-responsive lazyload" alt="soulawards"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Soul Awards </div> <div class="project-name"> E-shop Web Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="52" data-toggle="modal"> <img data-src="img/portfolio/jennys-preview-new-2.jpg" class="img-responsive lazyload" alt="jennys"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Jennys Fashion </div> <div class="project-name"> Eshop Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="56" data-toggle="modal"> <img data-src="img/portfolio/devenezos-preview-new-2.jpg" class="img-responsive lazyload" alt="combine fonts"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Devenezos - Mens Fashion </div> <div class="project-name"> E-shop Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="58" data-toggle="modal"> <img data-src="img/portfolio/acosmetics-preview-new-2.jpg" class="img-responsive lazyload" alt="acosmetics"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Acosmetics </div> <div class="project-name"> E-shop Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="46" data-toggle="modal"> <img data-src="img/portfolio/lennik-preview-new-2.jpg" class="img-responsive lazyload" alt="lennik"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Lennik Agencies </div> <div class="project-name"> Logo Design, Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="8" data-toggle="modal"> <img data-src="img/portfolio/panagiotopoulos-preview-new-2.jpg" class="img-responsive lazyload" alt="panagiotopoulos"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Panagiotopoulos Bricks & Roof Tiles Factory </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="6" data-toggle="modal"> <img data-src="img/portfolio/xanthoulis-preview-new-2.jpg" class="img-responsive lazyload" alt="xanthoulis"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Xanthoulis Stores </div> <div class="project-name"> Dynamic Website Design & Development/E-shop </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="3" data-toggle="modal"> <img data-src="img/portfolio/proini-preview-new-2.jpg" class="img-responsive lazyload" alt="proini"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Proini Newspaper </div> <div class="project-name"> News Portal Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="44" data-toggle="modal"> <img data-src="img/portfolio/galinio-preview-new-2.jpg" class="img-responsive lazyload" alt="galinio"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Galinio Apartments </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="11" data-toggle="modal"> <img data-src="img/portfolio/magna-preview-new-2.jpg" class="img-responsive lazyload" alt="magnagrecia"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Magna Grecia - Agriturismo,Biological Products </div> <div class="project-name"> E-shop Web Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="68" data-toggle="modal"> <img data-src="img/portfolio/trust-preview-new-2.jpg" class="img-responsive lazyload" alt="trust cc"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Trust CC - ESPA Programms </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="74" data-toggle="modal"> <img data-src="img/portfolio/markoutsas-preview-new-2.jpg" class="img-responsive lazyload" alt="markoutsas"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Markoutsas Aluminium Systems </div> <div class="project-name"> Logo Design, Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="23" data-toggle="modal"> <img data-src="img/portfolio/xorokinisi-preview-new-3.jpg" class="img-responsive lazyload" alt="xorokinisi"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Horokinisi - Dance School </div> <div class="project-name"> Dynamic Website Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".1s"> <a class="portfolio-box" id="71" data-toggle="modal"> <img data-src="img/portfolio/iliaka-preview-new-2.jpg" class="img-responsive lazyload" alt="iliaka"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Iliaka Nea </div> <div class="project-name"> News Portal Web Design & Development </div> </div> </div> </a> </div>  <div class="col-lg-6 col-sm-6 wow fadeInUp" data-wow-delay=".3s"> <a class="portfolio-box" id="76" data-toggle="modal"> <img data-src="img/portfolio/nostos-preview-new-2.jpg" class="img-responsive lazyload" alt="nostos"> <div class="portfolio-box-caption"> <div class="portfolio-box-caption-content"> <div class="project-category text-faded"> Nostos Suites </div> <div class="project-name"> Logo Design, Dynamic Website Design & Development </div> </div> </div> </a> </div> </div> <script> $(document).ready(function(){ $(".loadworks").click(function(){ $("#show-modals").load("https://interactivenet.gr/modals-rest.php"); $(".loadworks").toggleClass("hide-element"); }); }); </script> <div id="show-modals"></div>  <script> $(".portfolio-box").on('click', function(){ var recordID= $(this).attr('id'); $.ajax({ type: 'POST', url: 'https://interactivenet.gr/modalAjaxEN.php?id='+recordID , success: function(data) { setTimeout( function() { $(".modal-backdrop").addClass("modal-backdrop-fullscreen"); }, 0); //$('#modal-fullscreen').addClass('modal-open'); $('#modal-fullscreen .modal-content').html(data); $("#modal-fullscreen").modal(); } }); }); </script> <div class="modal modal-fullscreen fade" id="modal-fullscreen" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> </div> </div> </div> <div class="clearboth"></div> <button class="loadworks work-btn hvr-sweep-to-right">See More Works</button> </div> </section>  <section id="work-process"> <div class="container"> <h2>Web development stages</h2> <hr class="sep"> <p>What is happening exactly?</p> <div class="container-fluid wow fadeInUp" data-wow-delay=".3s"> <div class="col-lg-3 conversation-box"> <span class="icon-chat"></span> <h3>1.Conversation</h3> <div class="pro-box"><p class="my-sep-light-pad"></p><p class="pro-box-text">By learning more about you, we aim at creating a website that fulfills your needs</p><p class="my-sep-light-pad2"></p></div> </div> <div class="col-lg-3"> <span class="icon-circle-compass"></span> <h3>2.Design</h3> <div class="pro-box"><p class="my-sep-light-pad"></p><p class="pro-box-text">We design your website layout, aiming at making your website to stand out</p><p class="my-sep-light-pad2"></p></div> </div> <div class="col-lg-3"> <span class="icon-browser"></span> <h3>3.Development</h3> <div class="pro-box"><p class="my-sep-light-pad"></p><p class="pro-box-text">We create your website based on the latest web technologies</p><p class="my-sep-light-pad2"></p></div> </div> <div class="col-lg-3"> <span class="icon-global"></span> <h3>4.Presentation</h3> <div class="pro-box"><p class="my-sep-light-pad"></p><p class="pro-box-text">Your website is now online and accessible by everyone!</p><p class="my-sep-light-pad2"></p></div> </div> </div> </div> <br/><br/><br/><div> <a href="https://interactivenet.gr/en/web-design-development" class="btn work-btn hvr-sweep-to-right">Read more</a> </div> </section>  <section id="technology"> <div class="container"> <div class=""> <h2 class="wow fadeInUp">Technology</h2> <hr class="light-sep"> <h3 class="wow fadeInUp">We design with simplicity,</h3> <div id="owl-testi" class="owl-carousel owl-theme"> <div class="item"> <div class="quote"> <h4 class="wow fadeInUp">always incorporating the best technology & techniques</h4> </div> </div> </div> </div> </div> </section>  <section id="contact"> <div class="container"> <h2>Contact Us</h2> <hr class="sep"> <p>If you have a project that you would like to discuss with us, you can contact us by using the form below</p> <p><strong>Address:</strong> Diakou 12, Pyrgos Elis, Greece<br/><strong>Telephone:</strong> <a href="tel:+302621300999">+30.2621300999</a><br/><strong>Mobile:</strong> <a href="tel:+306976735872">+30.6976735872</a><br/><strong>Chat:</strong><a href="viber://chat?number=+306976735872">Viber</a></p> <p> <div class="col-md-6 col-md-offset-3 wow fadeInUp" data-wow-delay=".3s"> <form id="contactForm" method="post" action="#show" autocomplete="off"> <div class="form-group"> <input type="text" class="form-control" name="form_name" placeholder="Name" required> </div> <div class="form-group"> <input type="email" class="form-control" name="form_email" placeholder="E-mail" required> </div> <div class="form-group"> <input type="text" class="form-control" name="form_phone" placeholder="Phone" > </div> <div class="form-group"> <textarea class="form-control" rows="3" name="form_message" placeholder="Message" required></textarea> </div> <div class="form-group"> <input type="text" class="form-control" name="equation" placeholder="3 plus 8?" required> </div> <div class="form-group"> <input type="checkbox" name="acceptance" value="Yes" required> <label>You agree to store this form's information for communication with you. Your data is secure and is not shared with third parties</label> </div> <input type="submit" class="btn-block" value="Send Message" name="submit-form"/> </form> <div id="show"></div> </div> </div> <a href="https://interactivenet.gr/en/map" class="btn work-btn hvr-sweep-to-right">Find us in the Map</a> </section> <footer> <div class="container footer-top"> <div class="col-md-4 footer-block-left"> <h3>Contact</h3> <p><strong>Address:</strong> Diakou 12, Pyrgos Elis, Greece<br/><strong>Telephone:</strong> <a href="tel:+302621300999">+30.2621300999</a><br/><strong>Mobile:</strong> <a href="tel:+306976735872">+30.6976735872</a><br/><strong>Chat:</strong><a href="viber://chat?number=+306976735872">Viber</a><br/><strong>E-mail:</strong> <a href="mailto:info@interactivenet.gr">info@interactivenet.gr</a></p> <p> <a href="https://interactivenet.gr/en/map">Map/Contact</a><br/> <a href="https://interactivenet.gr/en/blog" class="page-scroll">Blog</a> </p><br/> </div> <div class="col-md-4 footer-block-right"> <h3>Services</h3> <p> <a href="https://interactivenet.gr/en/web-development">Web Development</a><br/> <a href="https://interactivenet.gr/en/web-development-pyrgos">Web Development Pyrgos, Elis</a><br/> <a href="https://interactivenet.gr/en/web-design">Web Design</a><br/> <a href="https://interactivenet.gr/en/e-shop-development">E-shop Development</a><br/> <a href="https://interactivenet.gr/en/seo">Website Promotion, SEO</a><br/> <a href="https://interactivenet.gr/en/web-design-development">Web Development Stages</a><br/> <a href="https://interactivenet.gr/en/web-applications">App Development</a><br/> <a href="https://interactivenet.gr/en/web-hosting">Web Hosting</a><br/> </p> </div> <div class="col-md-4 footer-block-right"> <img class="img-responsive center-block wow fadeInUp imgup footerlogo" data-wow-delay=".2s" src="img/logo/logo-default.svg" alt="interactive footer logo"> <div class="social"> <a class="social-first-element" href="https://www.facebook.com/interactivenet.gr/" target="_blank"><span class="fa fa-facebook fa-2x" aria-hidden="true"></span></a> <a href="https://twitter.com/interactive_net" target="_blank"><span class="fa fa-twitter fa-2x" aria-hidden="true"></span></a> <a href="https://www.linkedin.com/company/interactivenet" target="_blank"><span class="fa fa-linkedin fa-2x" aria-hidden="true"></span></a> <a href="https://www.youtube.com/channel/UCbhzcUvel3zzMx1HVixL64A" target="_blank"><span class="fa fa-youtube fa-2x" aria-hidden="true"></span></a> <a href="https://www.instagram.com/interactivenet/" target="_blank"><span class="fa fa-instagram fa-2x" aria-hidden="true"></span></a> </div>  </div> </div> <div class="container-fluid footer-bottom"> <div class="col-lg-6 footer-copyright">Copyright © 2012-2025 <strong>Interactive Net Solutions</strong></div> <div class="col-lg-6 footer-links"> <a href="https://interactivenet.gr/en/terms-n-conditions">Terms & Conditions</a>, <a href="https://interactivenet.gr/en/sitemap">Our Sitemap</a> </div> </div> </footer>  <script src="plugins/ScrollMagic.min.js" defer></script> <script src="plugins/animation.gsap.min.js" defer></script> <script src="plugins/createjs-2015.11.26.min.js" defer></script> <script src="bootstrap-assets/js/bootstrap.min.js" defer></script> <script src="js/jquery.easing.min.js" defer></script> <script src="plugins/WOW/dist/wow.min.js" defer></script> <script src="js/app.js" defer></script> <script src="js/lazysizes.min.js" async></script> <script src="js/cookieconsent.min.js" async></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "type": 'opt-in', "palette": { "popup": { "background": "#2BA0C7" }, "revokable":"false", "button": { "background": "transparent", "text": "#fff", "border": "#fff" } }, "position": "bottom-right", "content": { "message": "Αυτός ο ιστότοπος χρησιμοποιεί cookies για να βελτιώσει την εμπειρία του χρήστη.", "dismiss": "OK", "allow": "Αποδοχή", "deny": "Απόρριψη", "link": "Περισσότερα", "href": "https://interactivenet.gr/terms-n-conditions.php" } })}); </script> </body> </html>

CINXE.COM

Web Development, Web Design, Pirgos Ilias | Interactive Net Solutions