1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2<html> 3 <head> 4 <!-- Meta initial-scale=1.0 --> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 8 <meta name="Description" content="Apogee Information Systems is a company specialized in today's emerging business sectors and latest technologies, namely web applications, website design, project management, human resources, research consultancy and online marketing services."> 9 <meta NAME="Author" CONTENT="Apogee Information Systems"> 10 <meta NAME="Generator" CONTENT="Apogee Essence CMS"> 11 <meta property="og:title" content="Home - Apogee Information Systems"/> 12 <meta property="og:site_name" content="Apogee Information Systems"/> 13 <meta property="og:description" content="Apogee Information Systems is a company specialized in today's emerging business sectors and latest technologies, namely web applications, website design, project management, human resources, research consultancy and online marketing services."/> 14 <meta property="og:image" content="https://apogee.gr/files/apogee_2017/meta_logo.png"/> 15 <meta property="og:type" content="" /> 16 <meta property="og:url" content=""/> 17 <meta property="fb:admins" content="566580209"/> 18 <meta name="google-site-verification" content="dt5OMf7_SzEuCQEBKd78KbDBxVOxteCTfdU1gK_ltcs" /> 19 <meta name="p:domain_verify" content="5e1e3d7cbf3dc6dfe8f52b3eb41c3dbe"/> 20 21 <link rel="preconnect" href="https://essence.omikron.apogee.gr"> 22 <link rel="preconnect" href="https://cdn.apogee.gr"> 23 <link rel="preconnect" href="https://fonts.googleapis.com"> 24 <link rel="dns-prefetch" href="https://www.googletagmanager.com"> 25 <link rel="dns-prefetch" href="https://eu-assets.i.posthog.com"> 26 <link rel="preconnect" href="https://apogee.gr"> 27 <link rel="preconnect" href="https://support.apogee.gr"> 28 <link rel="preconnect" href="https://apogeewatcher.com"> 29 30 <title>Home - Apogee Information Systems</title> 31 32 <!-- jQuery --> 33
33<script type="text/javascript" src="https://essence.omikron.apogee.gr/jquery/jquery-1.12.4.min.js"></script>
33 34 35 <!-- Bootstrap --> 36 <link rel="stylesheet" href="https://essence.omikron.apogee.gr/bootstrap337/css/bootstrap.min.css"> 37 <link rel="stylesheet" href="https://essence.omikron.apogee.gr/bootstrap337/css/bootstrap-theme.min.css"> 38
38<script type="text/javascript" src="https://essence.omikron.apogee.gr/bootstrap337/js/bootstrap.min.js" defer></script>
38 39
39<script src="https://elfsightcdn.com/platform.js" async></script>
39 40 41 <!-- select2 (jQuery) --> 42 <!--link href="https://essence.omikron.apogee.gr/jquery/select2_4.0.3/css/select2.min.css" rel="stylesheet" /> 43
43<script src="https://essence.omikron.apogee.gr/jquery/select2_4.0.3/js/select2.min.js" defer></script--> 44 45 <!-- Custom styles for this template --> 46 <!--link href="navbar.css" rel="stylesheet" type="text/css"--> 47 48 <!-- Google Fonts --> 49 <!--link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin,greek,greek-ext&display=swap" rel="stylesheet" type="text/css"--> 50 51 <!-- css --> 52 <style type="text/css"> 53.image-link-image { max-width: 100px; margin-left: auto; margin-right: auto; } 54 .onlymobile{display:none;} 55 56 /****** GENERAL ******/ 57 body { font-family: 'Roboto', sans-serif; font-weight: 300; } 58 59 .logo img { max-width: 240px; } 60 61 h1 { font-size: 40px; letter-spacing: 2pt; color: black; font-weight: 300; margin: 10px 0 25px; } 62 h2 { font-size: 20px; color: #ff6633; font-weight: 300; } 63 h3 { font-size: 20px; color: #ff6633; font-weight: 700; } 64 /* h4 { font-size: 25px; color: #ff6633; font-weight: 700; line-height: 1.6; }*/ 65 h4 { font-size: 36px; color: white; font-weight: 700; line-height:32px; text-shadow: 0 0 10px rgba(80,80,80,0.2);} 66 h5 { font-size: 18px; color: #EEEEEE; font-weight: 700; } 67 68 a { color: black; text-decoration: underline; transition: all 0.3s; } 69 a.link_white { font-size: 18px; color: white; text-decoration: none; } 70 a.link_black { font-size: 18px; color: black; text-decoration: none; } 71 72 .footer_row a.link_white { font-size: 16px; color: white; text-decoration: none; } 73 .footer_row .divider { font-size:12px; } 74 75 a:hover, a.link_white:hover, a.link_black:hover { color: #ff6633; } 76 77 ul.list_no_bullets { list-style: none; padding-left: 20px; } 78 79 .logo { margin-left: -15px; } 80 81 .header_content_row p { font-size: 18px; color: white; } 82 .content_text_white { font-size: 18px; color: white; } 83 .content_text_white a { color: white; } 84 .content_text_black { font-size: 18px; color: black; } 85 .content_text_black img { max-width: 100%; width: 100%; 86 height: auto; 87 padding: 2px; 88} } 89 .bold_orange { font-weight: 500; color: #ff6633; } 90 91 .uppercase { text-transform: uppercase; } 92 93 .orange_button_fill { 94 background-color: #ff6633; 95 border-radius: 5px; 96 color: white; 97 font-size: 18px; /*20px;*/ 98 font-weight: 300; /*500;*/ 99 /* padding: 2% 4%; */ 100 transition: all 0.3s; 101 width: 100%; 102 line-height: 1.42857143; 103 } 104 .orange_button_fill.active, 105 .orange_button_fill:hover { color: #333; text-decoration: none; } 106 107 .orange_button_border { 108 background-color: white; 109 border: 3px solid #ff6633; 110 border-radius: 5px; 111 color: #000; 112 font-size: 18px; /*20px;*/ 113 font-weight: 300; /*500;*/ 114 padding: 2% 1.5% 1.5% 1.5%; 115 text-align: center; 116 transition: all 0.3s; 117 width: 100%; 118 } 119 .orange_button_border.active, 120 .orange_button_border:hover { background-color: #ff6633; color: white; } 121 122 .bg_image_centered_contain { 123 background-size: contain; 124 background-repeat: no-repeat; 125 background-position: 50%; 126 } 127 128 .bg_image_centered_cover { 129 background-size: contain; 130 background-repeat: no-repeat; 131 background-position: 50%; 132 } 133 134 /****** HEADER ******/ 135 .header-image { 136 background-size: cover; 137 background-repeat: no-repeat; 138 background-position: center bottom; 139 /* height: 580px; */ 140 padding: 0 0 12vw 0; 141 } 142 .header_content_row { padding-right: 10px; } 143 144 /* 145 .header-image.air_baloons { background-image: url('https://apogee.gr/files/apogee_2017/home_top_image.png'); } 146 .header-image.surfboards { background-image: url('https://apogee.gr/files/apogee_2017/products_top_image.png'); } 147 .header-image.light_bulbs { background-image: url('https://apogee.gr/files/apogee_2017/products_essence_top_image.png'); } 148 .header-image.corporate_people { background-image: url('https://apogee.gr/files/apogee_2017/products_inspire_top_image.png'); } 149 .header-image.tablet_conversation { background-image: url('https://apogee.gr/files/apogee_2017/products_icarus_top_image.png'); } 150 .header-image.smiling_couple { background-image: url('https://apogee.gr/files/apogee_2017/products_easygoing_top_image.png'); } 151 .header-image.turbine { background-image: url('https://apogee.gr/files/apogee_2017/about_history_top_image.png'); } 152 .header-image.light_bulb { background-image: url('https://apogee.gr/files/apogee_2017/about_message_top_image.png'); } 153 .header-image.thessaloniki_sunset { background-image: url('https://apogee.gr/files/apogee_2017/about_vision_top_image.png'); } 154 .header-image.galaxy { background-image: url('https://apogee.gr/files/apogee_2017/about_creative_top_image.png'); } 155 .header-image.dominos { background-image: url('https://apogee.gr/files/apogee_2017/about_team_top_image.png'); } 156 .header-image.stormtroopers { background-image: url('https://apogee.gr/files/apogee_2017/career_top_image.png'); } 157 .header-image.calendar { background-image: url('https://apogee.gr/files/apogee_2017/calendar_top_image.png'); } 158 .header-image.keyboard { background-image: url('https://apogee.gr/files/apogee_2017/keyboard_top_image.png'); } 159 .header-image.tiled_wall { background-image: url('https://apogee.gr/files/apogee_2017/tiled_wall_top_image.png'); } 160 .header-image.mobile_devices { background-image: url('https://apogee.gr/files/apogee_2017/mobile_devices_top_image.png'); } 161 .header-image.paper_plane { background-image: url('https://apogee.gr/files/apogee_2017/paper_plane_top_image.png'); } 162 .header-image.beach { background-image: url('https://apogee.gr/files/apogee_2017/beach_top_image.png'); } 163 */ 164 /*.header-image.cups { background-image: url('https://apogee.gr/files/site_new/apogee-innovation.png'); } */ 165 /*.header-image.cups { background-image: url('https://www.apogee.gr/files/repository/20220429163115_apogee-website-home.jpg'); } */ 166 167 .header-image.air_baloons { background-image: url('https://cdn.apogee.gr/files/apogee_2017/home_top_image.png'); } 168 .header-image.surfboards { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_top_image.png'); } 169 .header-image.light_bulbs { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_essence_top_image.png'); } 170 .header-image.corporate_people { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_inspire_top_image.png'); } 171 .header-image.tablet_conversation { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_icarus_top_image.png'); } 172 .header-image.smiling_couple { background-image: url('https://cdn.apogee.gr/files/apogee_2017/products_easygoing_top_image.png'); } 173 .header-image.turbine { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_history_top_image.png'); } 174 .header-image.light_bulb { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_message_top_image.png'); } 175 .header-image.thessaloniki_sunset { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_vision_top_image.png'); } 176 .header-image.galaxy { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_creative_top_image.png'); } 177 .header-image.dominos { background-image: url('https://cdn.apogee.gr/files/apogee_2017/about_team_top_image.png'); } 178 .header-image.stormtroopers { background-image: url('https://cdn.apogee.gr/files/apogee_2017/career_top_image.png'); } 179 .header-image.calendar { background-image: url('https://cdn.apogee.gr/files/apogee_2017/calendar_top_image.png'); } 180 .header-image.keyboard { background-image: url('https://cdn.apogee.gr/files/apogee_2017/keyboard_top_image.png'); } 181 .header-image.tiled_wall { background-image: url('https://cdn.apogee.gr/files/apogee_2017/tiled_wall_top_image.png'); } 182 .header-image.mobile_devices { background-image: url('https://cdn.apogee.gr/files/apogee_2017/mobile_devices_top_image.png'); } 183 .header-image.paper_plane { background-image: url('https://cdn.apogee.gr/files/apogee_2017/paper_plane_top_image.png'); } 184 .header-image.beach { background-image: url('https://cdn.apogee.gr/files/apogee_2017/beach_top_image.png'); } 185 .header-image.cups { background-image: url('https://cdn.apogee.gr/files/repository/20220429163115_apogee-website-home.jpg'); } 186 187 .navbar-inverse .navbar-toggle { 188 border-color: rgb(255 255 255 / 25%); 189} 190 191 /****** HEADER TOP BAR (Modal Toggles) ******/ 192 .modal_toggles_row { text-align: right; } 193 .modal_toggles_row .modal_toggles { padding: 15px 0px; color: #c4c0bc; } 194 .modal_toggles_row .modal_toggles span.divider { color: white; padding: 0 3px; } 195 .modal_toggles_row .modal_toggles a { font-size: 13px; color: #c4c0bc; text-decoration: none; transition: all 0.3s; } 196 .modal_toggles_row .modal_toggles a.lang { color: white; } 197 .modal_toggles_row .modal_toggles a:hover { border-bottom: 1px solid #ff6633; color: #fff; text-decoration: none; } 198 .modal_toggles_row nav { border: none; background: none; } 199 .modal_toggles_row nav #navbar { padding: 0; } 200 201 @media(max-width: 991px) { 202 .modal_toggles_row { text-align: initial; } 203 .modal_toggles_row nav { margin-bottom: 0px; } 204 .modal_toggles_row #navbar2 { 205 position: absolute; 206 right: 15px; 207 border: 1px solid black; 208 background-color: rgba(0,0,0,0.85); 209 border-radius: 5px; 210 z-index: 10; 211 } 212 .modal_toggles_row .modal_toggles a { display: block; } 213 .modal_toggles_row .modal_toggles span.divider { display: none; } 214 .modal_toggles_row .modal_toggles a:hover { border-bottom: none; color: #ff6633; text-decoration: none; } 215 } 216 217 /****** HEADER MAIN MENU ******/ 218 .main_menu_row { margin-top: 30px; } 219 .main_menu_row nav { border: none; background: none; } 220 .main_menu_row nav #navbar { padding: 0; } 221 .main_menu_row nav .menu { font-weight: 300; } 222 .main_menu_row nav .menu a { 223 padding: 0px; 224 margin-right: 20px; 225 font-weight: 500; 226 font-size: 17px; 227 transition: all 0.3s; 228 color: #efefef; 229 } 230 .main_menu_row nav .menu a:hover { border-bottom: 5px solid #ff6633; } 231 .main_menu_row nav .menu .submenu.active a { background: none; border-bottom: 5px solid #ff6633; box-shadow: none;} 232 .main_menu_row nav .menu .submenu.active .submenu2 a { border: none; } 233 234 /****** SUBMENU ******/ 235 .main_menu_row #navbar ul.menu ul.dropdown-menu { 236 border: 1px solid black; 237 background-color: rgba(0,0,0,0.85); 238 border-radius: 5px; 239 z-index: 5; 240 padding: 10px 15px; 241 top: 28px; 242 } 243 .main_menu_row #navbar ul.menu ul.dropdown-menu li a { background: none; text-decoration: none; } 244 .main_menu_row #navbar ul.menu ul.dropdown-menu li a:hover { color: #ff6633; border-bottom: none; } 245 246 /* test */ 247 /* .main_menu_row #navbar ul.menu ul.dropdown-menu:hover { background-color: red; } */ 248 249 /****** MOBILE MENU ******/ 250 /* @media(max-width: 767px) { */ 251 @media(max-width: 991px) { 252 253 .main_menu_row { margin-top: 0px; } 254 .main_menu_row #navbar { 255 position: absolute; 256 right: 15px; 257 border: 1px solid black; 258 background-color: rgba(0,0,0,0.85); 259 border-radius: 5px; 260 z-index: 5; 261 } 262 .main_menu_row #navbar .menu { margin: 15px; } 263 .main_menu_row #navbar .menu a { margin-right: 0; } 264 .main_menu_row #navbar .menu a:hover { border: none; color: #ff6633; } 265 266 .main_menu_row nav .menu .submenu.active a.link_white, 267 .main_menu_row nav .menu .submenu a.link_white:hover { background: none; border-bottom: none; box-shadow: none; color: #ff6633; } 268 .main_menu_row nav .menu .submenu2.active a, 269 .main_menu_row nav .menu .submenu2 a:hover { background: none; border-bottom: none; box-shadow: none; color: #ff6633; } 270 271 /* override default bootstrap breakpoint from 767px to 991px */ 272 .navbar-header { float: none; } 273 .navbar-left,.navbar-right { float: none !important; } 274 .navbar-toggle { display: block; } 275 .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } 276 .navbar-fixed-top { top: 0; border-width: 0 0 1px; } 277 .navbar-collapse.collapse { display: none!important; } 278 .navbar-nav { float: none!important; margin-top: 7.5px; } 279 .navbar-nav>li { float: none; } 280 .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } 281 .collapse.in{ display:block !important; } 282 283 /* submenu */ 284 .main_menu_row nav .menu .submenu { clear: both; } 285 .main_menu_row #navbar ul.menu ul.dropdown-menu { 286 display: block !important; 287 background: none; 288 position: static; 289 padding-left: 10px; 290 box-shadow: none; 291 border: none; 292 padding: 0px 15px; 293 } 294 295 .main_menu_row #navbar ul.menu ul.dropdown-menu li a { background: none; text-decoration: none; } 296 .main_menu_row #navbar ul.menu ul.dropdown-menu li a:hover { color: #ff6633; border-bottom: none; } 297 } 298 299 300 /****** CONTENT ******/ 301 .content-wrapper { 302 width: 100%; 303 max-width: 1400px; 304 margin: 0 auto; 305 height: auto; 306 } 307 308 /****** PAGINATION ******/ 309 #pagination ul.pagination-links { margin-top: 10px; font-size: 20px; padding: 0; } 310 #pagination ul.pagination-links li { display: inline-block; vertical-align: top; } 311 #pagination ul.pagination-links li a { 312 display: block; 313 padding: 5px 10px; 314 color: black; 315 transition: all 0.3s; 316 text-decoration: none; 317 } 318 319 #pagination ul.pagination-links li a.prev, 320 #pagination ul.pagination-links li a.next, 321 #pagination ul.pagination-links li.active a, 322 #pagination ul.pagination-links li a:hover { color: #ff6633; } 323 324 #pagination ul.pagination-links li a.prev.disabled, 325 #pagination ul.pagination-links li a.next.disabled { color: #c4c0bc; } 326 327 /****** MODALS ******/ 328 .modal h4 { color: black; font-weight: 300; font-size: 18px; padding: 20px 0px; } 329 330 /* MODAL INPUT STYLE: https://codepen.io/sevilayha/pen/IdGKH/ */ 331 .group { position:relative; margin-bottom:35px; } 332 .group input { 333 font-size: 18px; 334 padding: 10px 10px 10px 5px; 335 display: block; 336 width: 100%; 337 border: none; 338 border-bottom: 1px solid #aaa; 339 border-radius: 0px; 340 } 341 .group input:focus { outline: none; } 342 343 .group label { 344 color: black; 345 font-weight: 700; 346 position: absolute; 347 pointer-events: none; 348 left: 5px; 349 top: 10px; 350 transition:0.2s ease all; 351 -moz-transition:0.2s ease all; 352 -webkit-transition:0.2s ease all; 353 } 354 355 .group input:focus ~ label, 356 .group input:valid ~ label { 357 top:-20px; 358 font-size:14px; 359 color:#ff6633; 360 } 361 362 .group .bar { position:relative; display:block; width:100%; } 363 364 .group .bar:before, 365 .group .bar:after { 366 content:''; 367 height:2px; 368 width:0; 369 bottom:1px; 370 position:absolute; 371 background:#ff6633; 372 transition:0.2s ease all; 373 -moz-transition:0.2s ease all; 374 -webkit-transition:0.2s ease all; 375 } 376
377 .group .bar:before { left:50%; } 378 .group .bar:after { right:50%; } 379 380 .group input:focus ~ .bar:before, 381 .group input:focus ~ .bar:after { width:50%; } 382 383 .group .highlight { 384 position:absolute; 385 height:60%; 386 width:100px; 387 top:25%; 388 left:0; 389 pointer-events:none; 390 opacity:0.5; 391 } 392 393 .group input:focus ~ .highlight { 394 -webkit-animation:inputHighlighter 0.3s ease; 395 -moz-animation:inputHighlighter 0.3s ease; 396 animation:inputHighlighter 0.3s ease; 397 } 398 399 @-webkit-keyframes inputHighlighter { 400 from { background:#ff6633; } 401 to { width:0; background:transparent; } 402 } 403 @-moz-keyframes inputHighlighter { 404 from { background:#ff6633; } 405 to { width:0; background:transparent; } 406 } 407 @keyframes inputHighlighter { 408 from { background:#ff6633; } 409 to { width:0; background:transparent; } 410 } 411 412 /* style for loader modal */ 413 #loaderModal .modal-body #loader_results .message { font-size: 18px; text-align: center; } 414 #loaderModal .modal-body #loader_results .message.success { /* as per Nektar color: green; */ } 415 #loaderModal .modal-body #loader_results .message.fail { color: red; } 416 #loaderModal .modal-footer .orange_button_border { width: initial; padding: 5px 15px; } 417 418 /* style for start project modal */ 419 #startProjectModal .modal-body #RecaptchaQuote > div { margin: 0 auto; } 420 #startProjectModal .modal-body .startProjectFormContainer, 421 #startProjectModal .modal-body #start_project_results { padding: 0 10px; margin-top: 0px; } 422 #startProjectModal .modal-body #start_project_results .spinner { display: none; } 423 #startProjectModal .modal-body #start_project_results .spinner img { width: 60px; } 424 #startProjectModal .modal-body #start_project_results .message.success { /* as per Nektar color: green; */ } 425 #startProjectModal .modal-body #start_project_results .message.fail { color: red; } 426 @media(max-width: 991px) { 427 428 #startProjectModal .modal-body #startProjectModalForm .col-md-6:nth-child(2) { margin-top: 20px; } 429 } 430 431 /* style for search modal */ 432 #searchModal .modal-body .group { margin-bottom: 15px; } 433 #searchModal #searchModalForm input[type=submit] { margin-top: 8px; } 434 #searchModal .modal-footer { display: none; text-align: initial; } 435 #searchModal .modal-footer .spinner { display: none; } 436 #searchModal .modal-footer .spinner img { width: 60px; } 437 @media(max-width: 991px) { 438 439 #searchModal #searchModalForm .row { margin-bottom: 15px; } 440 } 441 442 /* style for contact modal */ 443 #contactModal .contactFormContainer { margin-top: 40px; } 444 #contactModal .modal-body #RecaptchaContact > div { margin: 0 auto; } 445 #contactModal .modal-body .form-group { margin-bottom: 35px; } 446 #contactModal .modal-body .form-group:last-child { margin-bottom: 15px; margin-top: 60px; } 447 #contactModal .modal-body .intro_text, #contactModal .modal-body #contact_results .message { padding: 0px 15px; } 448 #contactModal .modal-body form { padding: 0px 30px; } 449 #contactModal .modal-body #contact_results { margin-top: 30px; } 450 #contactModal .modal-body #contact_results .spinner { display: none; } 451 #contactModal .modal-body #contact_results .spinner img { width: 60px; } 452 #contactModal .modal-body #contact_results .message.success { /* as per Nektar color: green; */ } 453 #contactModal .modal-body #contact_results .message.fail { color: red; } 454 455 /* style for Newsletter Modal */ 456 #newsletterModal .modal-body .group { margin-bottom: 15px; } 457 #newsletterModal .modal-body #newsletterModalFormSubmit { margin-top: 8px; } 458 #newsletterModal .modal-body #newsletter_results { margin-top: 30px; } 459 #newsletterModal .modal-body #newsletter_results .spinner { display: none; } 460 #newsletterModal .modal-body #newsletter_results .spinner img { width: 60px; } 461 #newsletterModal .modal-body #newsletter_results .message.success { /* as per Nektar color: green; */ padding-left: 0px; } 462 #newsletterModal .modal-body #newsletter_results .message.fail { color: red; } 463 @media(max-width: 991px) { 464 465 #newsletterModal #newsletter_form .row { margin-bottom: 15px; } 466 } 467 468 /* style for Language Selection Modal */ 469 .uppercase { text-transform: uppercase; } 470 .lowercase { text-transform: lowercase; } 471 .capitalize { text-transform: capitalize; } 472 .orangeText { color: #ff6633; } 473 .modal button.orangeBG { color: #fff; border: none; } 474 475 #langModal .modal-body .row { margin-top: 0px; } 476 #langModal .lang_item a.orange_button_border { width: 100%; display: block; text-decoration: none; } 477
478 .modal-title { text-align: center; font-size: 20px; } 479 480 /* style for start project modal */ 481 #startProjectModal.modal .row.startProjectFormContainer { margin-top: 40px; } 482 483 .modal textarea, 484 .modal select { 485 width: 100%; 486 padding: 8px; 487 border: none; 488 border: 1px solid #aaa; 489 border-radius: 5px; 490 } 491 .modal .row { margin-top: 20px; } 492 .modal .modal-header { text-align: center; } 493 494 .modal input[type=submit] { 495 background-color: white; 496 padding-top: 10px; 497 padding-bottom: 6px; 498 border: 3px solid #ff6633; 499 border-radius: 5px; 500 width: 100%; 501 color: black; 502 transition: all 0.3s; 503 font-size: 18px; 504 font-weight: 300; 505 } 506 507 .modal input[type=submit]:hover { background-color: #ff6633; color: white; } 508 509 @media(max-width: 991px) { 510 /*.modal input, */ 511 .modal textarea, 512 .modal select { 513 margin-bottom: 10px; 514 } 515 } 516 517 /****** style for Request Info Modal ******/ 518 #requestInfoModal .requestInfoFormContainer { margin-top: 40px; } 519 #requestInfoModal .modal-header p { margin-top: 30px; } 520 #requestInfoModal .modal-body { padding-top: 30px; } 521 #requestInfoModal #request_info_form .checkbox { margin-bottom: 35px; } 522 #requestInfoModal #request_info_form #RecaptchaRequestInfo > div { margin: 0 auto; } 523 #requestInfoModal #request_info_form input[type=submit] { margin-top: 10px; } 524 #requestInfoModal #request_info_form span.mandatory { color: red; } 525 526 /****** FOOTER ******/ 527 .footer_container .footer_row .footer-image { 528 /* background-image: url('https://apogee.gr/files/apogee_2017/footer.png'); */ 529 background-image: url('https://cdn.apogee.gr/files/apogee_2017/footer.png'); 530 background-repeat: no-repeat; 531 background-position: 50% 0; 532 background-size: cover; 533 margin-top: 3px; 534 padding: 100px 0 30px 0; 535 } 536 @media(max-width: 767px) { 537 .footer_container .footer_row .footer-image { padding-top: 150px; } 538 } 539 540 .footer_container .useful_links .divider { color: white; padding: 0 3px; } 541 .footer_container .footer_row .left_column { padding-right: 60px; } 542 543 .footer_container .footer_row .left_column .content_text_white, 544 .footer_container .footer_row .right_column .content_text_white { margin-top: 20px; } 545 546 .footer_container .footer_row .right_column .social_icons, 547 .footer_container .footer_row .left_column .useful_links { margin-top: 25px; } 548 549 .footer_container .footer_row .right_column .social_icons a { margin-right: 10px; text-decoration: none; } 550 .footer_container .footer_row .right_column .social_icons a img { height: 24px; width: auto; } 551 552 553 /****** CYCLE SLIDER ******/ 554 /* style for SLIDER */ 555 .sliderPager, .sliderPager2 { 556 text-align: center; 557 font-size: 30px; 558 } 559 560 .sliderPager span, 561 .sliderPager2 span { color: #cccccc; cursor: pointer; } 562 .sliderPager span.cycle-pager-active, 563 .sliderPager2 span.cycle-pager-active { color: orange; } 564 565 .slideshow_item { padding: 20px; vertical-align: top; min-height: 300px; } 566 567 .slideshow_item_title { color: #ffffff; white-space: initial; font-size: 41px; margin-bottom: 10px; } 568 .slideshow_item_text { color: #000000; white-space: initial; font-size: 19px; line-height: 120%; } 569 .slideshow_item_text.text_color_white { color: #ffffff; } 570 571 .slideshow_item_text .link_list { 572 white-space: initial; 573 width: calc(50vw - 40px); 574 position: absolute; 575 bottom: 30px; 576 } 577 @media(max-width: 767px) { 578 .slideshow_item_text .link_list { width: calc(100vw - 40px); } 579 } 580 581 582 .slideshow_item_text .link_list a { color: #000000; } 583 .slideshow_item_text.text_color_white .link_list a { color: #ffffff; } 584 585 586 /* style for 2 active slides */
587 .home_slider .cycle-carousel-wrap .slideshow_item.cycle-slide-active > div { padding-right: 30px; } 588 .home_slider .cycle-carousel-wrap .slideshow_item.cycle-slide-active + .slideshow_item > div { padding-left: 30px; } 589 @media(min-width: 1400px) { 590 .home_slider .cycle-carousel-wrap .slideshow_item.cycle-slide-active > div { 591 padding-left: calc((100vw - 1400px - 40px) / 2); 592 } 593 .home_slider .cycle-carousel-wrap .slideshow_item.cycle-slide-active + .slideshow_item > div { 594 padding-right: calc((100vw - 1400px - 40px) / 2); 595 } 596 } 597 598 599 600 /****** These should really go to module specific css templates at some point ******/ 601 602 /* HOMEPAGE - FEATURED ITEM */ 603 .home_featured, 604 .home_slider, 605 .home_successes, 606 .home_positions_and_news { margin-top: 50px; } 607 608 /* HOMEPAGE - SUCCESSES */ 609 .home_successes a { text-decoration: none; } 610 611 .home_successes .inline_col { display: inline-block; vertical-align: bottom; float: none; } 612 613 .home_successes .successes_row1, 614 .home_successes .successes_row2 { margin-top: 25px; } 615 616 @media(min-width: 768px) { 617 .home_successes .inline_col.col-xl-9, 618 .home_successes .inline_col.col-lg-9 { width: 74.5%; } 619 .home_successes .inline_col.col-xl-3, 620 .home_successes .inline_col.col-lg-3 { width: 24.5%; } 621 } 622 623 .home_successes .orange_button_fill { margin-top: 40px; width: auto; white-space: normal; font-weight: 300; } 624 @media(max-width: 767px) { 625 .home_successes .orange_button_fill { margin-top: 25px; width: 100%; } 626 .mobileno{display:none} 627 .onlymobile{display:block;} 628 } 629 630 @media(min-width: 576px) and (max-width: 991px) { 631 .onlymobile{display:block;float:right;margin-left:2rem;margin-right:0;margin-bottom:2rem;} 632 .content_text_black img{width:auto !important;max-width:auto !important;} 633 } 634 635 636 637 638 .home_successes .successes_row1 .success_item, 639 .home_successes .successes_row2 .success_item { 640 display: inline-block; 641 vertical-align: top; 642 height: 118px; 643 margin: 0 2%; 644 } 645 646 .home_successes .successes_row1 .success_item { /*width: 15%;*/ /*width: 14.55%;*/ width: 20%; } 647 .home_successes .successes_row2 .success_item { width: 20%; /*width: 23%; */} 648 649 /* HOMEPAGE - OPEN POSITIONS & LATEST NEWS */ 650 .home_positions_and_news .one_position a { text-decoration: none; } 651 .home_positions_and_news .one_position .position_title { 652 color: #ff6633; 653 font-size: 20px; 654 padding-bottom: 10px; 655 font-weight: 500; 656 } 657 658 .home_positions_and_news .one_position .position_description { 659 color: #000000; 660 font-size: 20px; 661 line-height: 117%; 662 padding-left: 15px; 663 /* 664 padding-top: 1px; 665 border-left: 5px solid #ff6633; 666 */ 667 } 668 .home_positions_and_news .one_position div.line { margin-top: 5px; } 669 .home_positions_and_news .one_position div.line img { width: 20px; vertical-align: top; } 670 .home_positions_and_news .one_position div.line span { margin-left: 10px; } 671 672 .home_positions_and_news .latest_news_container a { text-decoration: none; } 673 .home_positions_and_news .latest_news_container p { margin: 0; } 674 .home_positions_and_news .latest_news_container .news_item { margin-bottom: 15px; } 675 676 /* MODULE HOME - PROCESS */ 677 .module_home_process > .col-md-12 > .row { margin-top: 15px; } 678 .module_home_process .inline-links { margin-top: 12px; } 679 680 @media(max-width: 991px) { 681 .module_home_process img.img-responsive { margin: 0 auto; } 682 .module_home_process .inline-links { margin: 30px 0px; } 683 .module_home_process .orange_button_border { margin-bottom: 15px; } 684 } 685 686 /* MODULE HOME - PRODUCT LINKS TABLE */ 687 .blackBG { background-color: #000; } 688 .orangeBG { background-color: #ff6633; } 689 .darkGrayBG { background-color: #333333; } 690 .grayBG { background-color: #515151; } 691 .lightGrayBG { background-color: #6C6C6C; } 692 693 .module_home_links_table { margin-top: 50px; } 694 .module_home_links_table a { text-decoration: none; } 695 .module_home_links_table table { width: 100%; } 696 .module_home_links_table table td { padding: 30px 20px; } 697 698 .module_home_links_table .row1_left, 699 .module_home_links_table .row2_left, 700 .module_home_links_table .row2_middle, 701 .module_home_links_table .row2_right { 702 color: #fff; 703 font-size: 40px; 704 } 705 706 .module_home_links_table .row2_middle { text-align: center; } 707 .module_home_links_table .row1_left { padding-top: 7%; padding-bottom: 5%; } 708 .module_home_links_table .row1_right { color: #000; font-size: 40px; line-height: 1; } 709 .module_home_links_table .row1_right span.bigger { font-size: 88px; font-weight: 500; } 710 711 @media(min-width: 1400px) { 712 .module_home_links_table .row1_left, 713 .module_home_links_table .row2_left { padding-left: calc((100vw - 1400px - 40px) / 2); } 714 715 .module_home_links_table .row1_right, 716 .module_home_links_table .row2_right { padding-right: calc((100vw - 1400px - 40px) / 2); } 717 } 718 719 @media(max-width: 991px) { 720 .module_home_links_table .row1_left, 721 .module_home_links_table .row1_right, 722 .module_home_links_table .row2_left, 723 .module_home_links_table .row2_middle, 724 .module_home_links_table .row2_right { 725 font-size: 20px; 726 } 727 728 .module_home_links_table .row1_right span.bigger { font-size: 46px; } 729 .module_home_links_table { margin-top: 30px; } 730 } 731 732 /* PRE-FOOTER IMAGES */ 733 734 /* cup */ 735 .pre_footer_image .pre_footer_image_cup { 736 /*background-image: url('https://apogee.gr/files/apogee_2017/cup.png'); */ 737 background-image: url('https://cdn.apogee.gr/files/apogee_2017/cup.png'); 738 background-size: cover; 739 background-position: center bottom; 740 background-repeat: no-repeat; 741 height: calc(1362 / 1990 * 70vw); 742 padding: 0; 743 margin-bottom: -110px; 744 } 745 @media(max-width: 767px) { 746 .pre_footer_image .pre_footer_image_cup { margin-bottom: -130px; } 747 } 748 749 /* honeycomb */ 750 .pre_footer_image .pre_footer_image_honeycomb { 751 /*background-image: url('https://apogee.gr/files/apogee_2017/kypseli.png');*/ 752 background-image: url('https://cdn.apogee.gr/files/apogee_2017/kypseli.png');
753 background-size: 1400px; 754 background-position: right top; 755 background-repeat: no-repeat; 756 height: calc(1035 / 1400 * 1400px); 757 padding: 0; 758 margin-bottom: -110px; 759 } 760 @media(max-width: 1399px) { 761 .pre_footer_image .pre_footer_image_honeycomb { 762 background-size: contain; 763 height: calc(1035 / 1400 * 100vw); 764 } 765 } 766 @media(max-width: 767px) { 767 .pre_footer_image .pre_footer_image_honeycomb { margin-bottom: -130px; } 768 } 769 @media(max-width: 420px) { 770 .pre_footer_image .pre_footer_image_honeycomb { margin-bottom: -200px; } 771 } 772 773 /* marbles */ 774 .pre_footer_image .pre_footer_image_marbles { 775 /*background-image: url('https://apogee.gr/files/apogee_2017/balls.png');*/ 776 background-image: url('https://cdn.apogee.gr/files/apogee_2017/balls.png'); 777 background-size: 1400px; 778 background-position: left top; 779 background-repeat: no-repeat; 780 height: calc(997 / 1400 * 1400px); 781 padding: 0; 782 margin-bottom: -250px; 783 } 784 785 @media(max-width: 1399px) { 786 .pre_footer_image .pre_footer_image_marbles { 787 background-size: contain; 788 height: calc(997 / 1400 * 100vw); 789 margin-bottom: -200px; 790 } 791 } 792 793 /* mortarboard */ 794 .pre_footer_image .pre_footer_image_mortarboard { 795 /* background-image: url('https://apogee.gr/files/apogee_2017/hut.png'); */ 796 background-image: url('https://cdn.apogee.gr/files/apogee_2017/hut.png');
797 background-size: 1400px; 798 background-position: right top; 799 background-repeat: no-repeat; 800 height: calc(1097 / 1400 * 1400px); 801 padding: 0; 802 margin-bottom: -200px; 803 } 804 @media(max-width: 1399px) { 805 .pre_footer_image .pre_footer_image_mortarboard { 806 background-size: contain; 807 height: calc(1097 / 1400 * 100vw); 808 margin-bottom: -200px; 809 } 810 } 811 812 /* suitcase */ 813 .pre_footer_image .pre_footer_image_suitcase { 814 /* background-image: url('https://apogee.gr/files/apogee_2017/bag.png'); */ 815 background-image: url('https://cdn.apogee.gr/files/apogee_2017/bag.png'); 816 background-size: 1400px; 817 background-position: center top; 818 background-repeat: no-repeat; 819 height: calc(989 / 1400 * 1400px); 820 padding: 0; 821 margin-bottom: -200px; 822 } 823 @media(max-width: 1399px) { 824 .pre_footer_image .pre_footer_image_suitcase { 825 background-size: contain; 826 height: calc(989 / 1400 * 100vw); 827 } 828 } 829 830 /* bulbs */ 831 .pre_footer_image .pre_footer_image_bulbs { 832 /* background-image: url('https://apogee.gr/files/apogee_2017/lamps.png'); */ 833 background-image: url('https://cdn.apogee.gr/files/apogee_2017/lamps.png'); 834 background-size: cover; 835 background-position: center top; 836 background-repeat: no-repeat; 837 height: calc(754 / 1400 * 100vw); 838 margin-bottom: -110px; 839 padding: 0; 840 } 841 @media(max-width: 767px) { 842 .pre_footer_image .pre_footer_image_bulbs { margin-bottom: -160px; } 843 } 844 845 /* bowtie */ 846 .pre_footer_image .pre_footer_image_bowtie { 847 /* background-image: url('https://apogee.gr/files/apogee_2017/bow-tie.png'); */ 848 background-image: url('https://cdn.apogee.gr/files/apogee_2017/bow-tie.png'); 849 background-size: cover; 850 background-position: center bottom; 851 background-repeat: no-repeat; 852 height: calc(1362 / 1990 * 80vw); 853 margin-bottom: -110px; 854 padding: 0; 855 } 856 @media(max-width: 767px) { 857 .pre_footer_image .pre_footer_image_bowtie { margin-bottom: -160px; } 858 } 859 860 /* heart */ 861 .pre_footer_image .pre_footer_image_heart { 862 /* background-image: url('https://apogee.gr/files/apogee_2017/heart.png'); */ 863 background-image: url('https://cdn.apogee.gr/files/apogee_2017/heart.png'); 864 background-size: 877px; 865 background-position: left top; 866 background-repeat: no-repeat; 867 height: calc(657 / 877 * 877px); 868 margin-bottom: -200px; 869 padding: 0; 870 } 871 @media(max-width: 877px) { 872 .pre_footer_image .pre_footer_image_heart { 873 background-size: 90vw; 874 height: calc(657 / 877 * 90vw); 875 } 876 } 877 878 /* lighthouse */ 879 .pre_footer_image .pre_footer_image_lighthouse { 880 /* background-image: url('https://apogee.gr/files/apogee_2017/lighthouse.png'); */ 881 background-image: url('https://cdn.apogee.gr/files/apogee_2017/lighthouse.png'); 882 background-size: cover; 883 background-position: center bottom; 884 background-repeat: no-repeat; 885 height: calc(1009 / 1400 * 100vw); 886 margin-bottom: -110px; 887 padding: 0; 888 } 889 @media(max-width: 767px) { 890 .pre_footer_image .pre_footer_image_lighthouse { margin-bottom: -160px; } 891 } 892 893 /* creation cycle */ 894 .pre_footer_image .pre_footer_image_creation_cycle { 895 /* background-image: url('http://5.apogee.gr/files/Apogee_Circle_of_Solution_to_Creation.png'); */ 896 /* background-image: url('https://apogee.gr/files/apogee_2017/creation_cycle.png'); */ 897 background-image: url('https://cdn.apogee.gr/files/apogee_2017/creation_cycle.png'); 898 background-size: 543px; 899 background-position: center top; 900 background-repeat: no-repeat; 901 height: calc(1492 / 1510 * 543px); 902 padding: 0; 903 } 904 @media(max-width: 543px) { 905 .pre_footer_image .pre_footer_image_creation_cycle { 906 margin-bottom: -130px; 907 background-size: 90vw; 908 } 909 } 910 @media(max-width: 450px) { 911 .pre_footer_image .pre_footer_image_creation_cycle { 912 margin-bottom: -230px; 913 } 914 } 915 916 /* keys */ 917 .pre_footer_image .pre_footer_image_keys { 918 /* background-image: url('https://apogee.gr/files/apogee_2017/keys.png'); */ 919 background-image: url('https://cdn.apogee.gr/files/apogee_2017/keys.png');
920 background-size: 1400px; 921 background-position: right top; 922 background-repeat: no-repeat; 923 height: calc(1003 / 1600 * 1400px); 924 margin-bottom: -200px; 925 padding: 0; 926 } 927 @media(max-width: 1399px) { 928 .pre_footer_image .pre_footer_image_keys { 929 background-size: contain; 930 height: calc(1003 / 1600 * 100vw); 931 } 932 } 933 934 /* sugar cubes */ 935 .pre_footer_image .pre_footer_image_sugar_cubes { 936 /* background-image: url('https://apogee.gr/files/apogee_2017/sugar_cubes.png'); */ 937 background-image: url('https://cdn.apogee.gr/files/apogee_2017/sugar_cubes.png'); 938 background-size: 1400px; 939 background-position: center top; 940 background-repeat: no-repeat; 941 height: calc(1399 / 1900 * 1400px); 942 margin-bottom: -200px; 943 padding: 0; 944 } 945 @media(max-width: 1399px) { 946 .pre_footer_image .pre_footer_image_sugar_cubes { 947 background-size: contain; 948 height: calc(1399 / 1900 * 100vw); 949 } 950 } 951 952 /* sunglasses */ 953 .pre_footer_image .pre_footer_image_sunglasses { 954 /* background-image: url('https://apogee.gr/files/apogee_2017/sunglasses.png'); */ 955 background-image: url('https://cdn.apogee.gr/files/apogee_2017/sunglasses.png');
956 background-size: 1400px; 957 background-position: right top; 958 background-repeat: no-repeat; 959 height: calc(1066 / 1900 * 1400px); 960 margin-bottom: -200px; 961 padding: 0; 962 } 963 @media(max-width: 1399px) { 964 .pre_footer_image .pre_footer_image_sunglasses { 965 background-size: contain; 966 height: calc(1066 / 1900 * 100vw); 967 margin-bottom: -200px; 968 } 969 } 970 @media(max-width: 767px) { 971 .pre_footer_image .pre_footer_image_sunglasses { margin-bottom: -170px; } 972 } 973 974 /* stormtrooper */ 975 .pre_footer_image .pre_footer_image_stormtrooper { 976 /* background-image: url('https://apogee.gr/files/apogee_2017/stormtrooper.png'); */ 977 background-image: url('https://cdn.apogee.gr/files/apogee_2017/stormtrooper.png'); 978 background-size: 1400px; 979 background-position: center right; 980 background-repeat: no-repeat; 981 height: calc(1324 / 1900 * 1400px); 982 margin-bottom: -200px; 983 padding: 0; 984 } 985 @media(max-width: 1399px) { 986 .pre_footer_image .pre_footer_image_stormtrooper { 987 background-size: contain; 988 height: calc(1324 / 1900 * 100vw); 989 } 990 } 991 992 /* watermelon */ 993 .pre_footer_image .pre_footer_image_watermelon { 994 /* background-image: url('https://apogee.gr/files/apogee_2017/watermelon.png'); */ 995 background-image: url('https://cdn.apogee.gr/files/apogee_2017/watermelon.png');
996 background-size: 1400px; 997 background-position: top right; 998 background-repeat: no-repeat; 999 height: calc(761 / 1500 * 1400px); 1000 margin-bottom: -50px; 1001 padding: 0; 1002 } 1003 @media(max-width: 1399px) { 1004 .pre_footer_image .pre_footer_image_watermelon { 1005 background-size: contain; 1006 height: calc(761 / 1500 * 100vw); 1007 } 1008 } 1009 1010 /* elephant */ 1011 .pre_footer_image .pre_footer_image_elephant { 1012 /* background-image: url('https://apogee.gr/files/apogee_2017/elephant.png'); */ 1013 background-image: url('https://cdn.apogee.gr/files/apogee_2017/elephant.png'); 1014 background-size: 1400px; 1015 background-position: top right; 1016 background-repeat: no-repeat; 1017 height: calc(767 / 1600 * 1400px); 1018 margin-bottom: -50px; 1019 padding: 0; 1020 } 1021 @media(max-width: 1399px) { 1022 .pre_footer_image .pre_footer_image_elephant { 1023 background-size: contain; 1024 height: calc(767 / 1600 * 100vw); 1025 } 1026 } 1027 @media(max-width: 767px) { 1028 .pre_footer_image .pre_footer_image_elephant { 1029 margin-bottom: -100px; 1030 } 1031 } 1032 1033 /* origami_star */ 1034 .pre_footer_image .pre_footer_image_origami_star { 1035 /* background-image: url('https://apogee.gr/files/apogee_2017/origami_star.png'); */ 1036 background-image: url('https://cdn.apogee.gr/files/apogee_2017/origami_star.png');
1037 background-size: 1400px; 1038 background-position: top right; 1039 background-repeat: no-repeat; 1040 height: calc(1253 / 2667 * 1400px); 1041 margin-bottom: -150px; 1042 padding: 0; 1043 } 1044 @media(max-width: 1399px) { 1045 .pre_footer_image .pre_footer_image_origami_star { 1046 background-size: contain; 1047 height: calc(1253 / 2667 * 100vw); 1048 } 1049 } 1050 1051 1052 /* MODULE SHOWONE */ 1053 .module_showone_headings, 1054 .module_showone_success { margin-top: 30px; } 1055 1056 .module_showone_content .navigation_links a { text-decoration: none; } 1057 .module_showone_content .navigation_links .orange_button_border { margin-bottom: 10px; } 1058 .module_showone_content .navigation_links .orange_button_border.case_studies { 1059 /* background-image: url('https://apogee.gr/files/apogee_2017/apogee_logo_bg.png'); */ 1060 background-image: url('https://cdn.apogee.gr/files/apogee_2017/apogee_logo_bg.png'); 1061 background-size: 32px; 1062 background-repeat: no-repeat; 1063 background-position: 5px center; 1064 transition: all 0.3s; 1065 margin-top: 50px; 1066 } 1067 1068 .module_showone_content .navigation_links .orange_button_border.case_studies:hover { 1069 /* background-image: url('https://apogee.gr/files/apogee_2017/apogee_logo_bg_white.png'); */ 1070 background-image: url('https://cdn.apogee.gr/files/apogee_2017/apogee_logo_bg_white.png'); 1071 } 1072 1073 @media(max-width: 991px) { 1074 .module_showone_content .navigation_links { margin-top: 40px; } 1075 } 1076 1077 /* A-TEAM */ 1078 .row.members { margin-top: 60px; } 1079 .row.members .one_member { float: none; display: inline-block; vertical-align: top; margin-bottom: 60px; } 1080 1081 .members .member_avatar { 1082 background-size: cover; 1083 background-repeat: no-repeat; 1084 width: 150px; 1085 height: 150px; 1086 margin: 0 auto; 1087 border-radius: 75px; 1088 } 1089 1090 .members .member_info { text-align: center; margin: 10px 0px 15px; } 1091 .members .member_info .member_name { color: #ff6633; margin-bottom:2px; font-weight: bold; } 1092 .members .member_info .member_title { } 1093 1094 .members .popup { 1095 background-color: white; 1096 border-radius: 5px; 1097 border: 1px solid #ff6633; 1098 position: absolute; 1099 width: 300px; 1100 display: none; 1101 padding: 14px; 1102 top: 0; 1103 left: calc(0.8 * 75vw / 4); 1104 z-index: 5996; 1105 } 1106 1107 .members .popup button.close { display: none; } 1108 1109 @media(max-width: 991px) and (pointer:coarse) { 1110 1111 .members .popup { padding: 30px 14px 14px; } 1112 .members .popup button.close { display: block; position: relative; top: -20px; right: 0; } 1113 } 1114 1115 .members .popup .tip { 1116 /* background-image: url("https://apogee.gr/files/apogee_2017/arrow-left-orange.png"); */ 1117 background-image: url("https://cdn.apogee.gr/files/apogee_2017/arrow-left-orange.png"); 1118 background-repeat: no-repeat; 1119 background-size: contain; 1120 background-position: center; 1121 position: absolute; 1122 top: 70px; 1123 left: -12px; 1124 height: 15px; 1125 width: 15px; 1126 } 1127 1128 @media(min-width: 1550px) { 1129 .members .popup { left: calc(0.7 * 75vw / 4); } 1130 .members .one_member:nth-child(4n+0) .popup { right: calc(0.7 * 75vw / 4); left: initial; } 1131 } 1132 @media(min-width: 1750px) { 1133 .members .popup { 1134 left: calc(0.65 * 75vw / 4); 1135 left: calc(100% - 20px); 1136 } 1137 .members .one_member:nth-child(4n+0) .popup { right: calc(0.65 * 75vw / 4); left: initial; } 1138 } 1139 1140 @media(min-width: 992px) { 1141 /* for 4 */ 1142 .members .one_member:nth-child(4n+0) .popup { 1143 right: calc(0.8 * 75vw / 4); 1144 left: initial; 1145 right: calc(100% - 20px); 1146 } 1147 .members .one_member:nth-child(4n+0) .popup .tip { 1148 right: -12px; 1149 left: initial; 1150 /* background-image: url("https://apogee.gr/files/apogee_2017/arrow-right-orange.png"); */ 1151 background-image: url("https://cdn.apogee.gr/files/apogee_2017/arrow-right-orange.png"); 1152 } 1153 } 1154 @media(min-width: 768px) and (max-width: 991px) { 1155 /* for 3 */ 1156 .members .popup { left: calc(75vw / 3); } 1157 1158 .members .one_member:nth-child(3n+0) .popup { right: calc(75vw / 3); left: initial; } 1159 .members .one_member:nth-child(3n+0) .popup .tip { 1160 right: -12px; 1161 left: initial; 1162 /* background-image: url("https://apogee.gr/files/apogee_2017/arrow-right-orange.png"); */ 1163 background-image: url("https://cdn.apogee.gr/files/apogee_2017/arrow-right-orange.png"); 1164 } 1165 } 1166 @media(max-width: 767px) { 1167 /* for 2 */ 1168 .members .popup { left: calc(75vw / 2); } 1169 1170 .members .one_member:nth-child(2n+0) .popup { right: calc(75vw / 2); left: initial; } 1171 .members .one_member:nth-child(2n+0) .popup .tip { 1172 right: -12px; 1173 left: initial; 1174 /* background-image: url("https://apogee.gr/files/apogee_2017/arrow-right-orange.png"); */ 1175 background-image: url("https://cdn.apogee.gr/files/apogee_2017/arrow-right-orange.png"); 1176 } 1177 } 1178 @media(max-width: 520px) { 1179 1180 .members .popup { width: 50vw; } 1181 } 1182 1183 /*** CAREER ***/ 1184 .module_career .content { margin-bottom: 60px; } 1185 .module_career .open_positions_container .one_position { margin-bottom: 20px; } 1186 1187 .home_positions_and_news .open_positions_container .cycle-slideshow .cycle-slide { height: 250px; } 1188 .home_positions_and_news .latest_news_container .inline_links { margin-top: 42px; } 1189 1190 /*.open_positions_container .one_position { margin-bottom: 50px; } */ 1191 .open_positions_container .one_position .position_title a { display: inline-block; margin-top:4px; } 1192 .open_positions_container .one_position .position_title a.btn_apply { float:right; font-size:18px; font-weight: 300; padding-top:8px; margin-top:0px;} 1193 .open_positions_container .one_position .position_title a { font-size: 24px; color: #ff6633; text-decoration: none; } 1194 .open_positions_container .one_position .position_title a:hover { text-decoration: none; } 1195 .open_positions_container .one_position .position_info { margin: 5px 0 15px; } 1196 .open_positions_container .one_position .position_info .line_location, 1197 .open_positions_container .one_position .position_info .line_deadline, 1198 .open_positions_container .one_position .position_info .line_duration { 1199 display: inline-block; 1200 vertical-align: top; 1201 margin-right: 10px; 1202 } 1203 .open_positions_container .one_position .position_info .line_expertise { margin: 10px 0px; } 1204 .open_positions_container .one_position .position_info .line_expertise .one_skill { 1205 padding: 5px; 1206 background-color: #ff6633; 1207 color: white; 1208 margin-right: 5px; 1209 border-radius: 5px; 1210 font-size: 13px; 1211 display: inline-block; 1212 margin-bottom: 5px; 1213 } 1214 .open_positions_container .one_position .position_info img { width: 20p
1214x; vertical-align: top; } 1215 .open_positions_container .one_position .position_description p { text-align: justify; } 1216 .open_positions_container .one_position a.btn_apply { 1217 padding: 5px 15px; 1218 text-decoration: none; 1219 display: inline-block; 1220 border: 3px solid #ff6633; 1221 border-radius: 5px; 1222 transition: all 0.3s; 1223 color: black; 1224 } 1225 .open_positions_container .one_position a.btn_apply:hover { 1226 text-decoration: none; 1227 background-color: #ff6633; 1228 color: white; 1229 } 1230 1231 @media(min-width: 992px) { 1232 .open_positions_container { padding-right: 30px; } 1233 } 1234 1235 .module_career .CV_form_container .pre_form_text { margin-bottom: 30px; } 1236 .module_career .CV_form_container .pre_form_text h2 { margin-bottom: 15px; margin-top:10px; } 1237 .module_career .CV_form_container .pre_form_text p { margin-bottom: 5px; } 1238 .module_career .CV_form_container span.mandatory { color: red; } 1239 .module_career .CV_form_container #RecaptchaCareer > div { margin: 0 auto; } 1240 1241 .module_career .form-horizontal { margin: 0px 15px; } 1242 .module_career .form-horizontal input[type=submit] { margin-top: 30px; } 1243 .module_career .form-horizontal .form-group label, 1244 .module_career .form-horizontal .checkbox label { font-size: 18px; font-weight: initial; } 1245 .module_career .CV_form_container #CV_results { margin-top: 30px; } 1246 .module_career .CV_form_container #CV_results .spinner { display: none; } 1247 .module_career .CV_form_container #CV_results .message.success { /* as per Nektar color: green; */ } 1248 .module_career .CV_form_container #CV_results .message.fail { color: red; } 1249 1250 .module_career .CV_form_container .teamplus_link { max-width: 200px; margin: 0 auto; /*text-align: right;*/ } 1251 .module_career .CV_form_container .teamplus_link a { display: inline-block; } 1252 @media(max-width: 991px) { 1253 .module_career .CV_form_container .teamplus_link { text-align: center; margin-bottom: 60px; } 1254 } 1255 1256 .module_career .form-horizontal input[type=file] { height: initial; } 1257 .module_career .form-horizontal input[type=submit] { 1258 background-color: white; 1259 padding-top: 10px; 1260 padding-bottom: 6px; 1261 border: 3px solid #ff6633; 1262 border-radius: 5px; 1263 width: 100%; 1264 color: black; 1265 transition: all 0.3s; 1266 font-size: 18px; 1267 height: initial; 1268 } 1269 .module_career .form-horizontal input[type=submit]:hover { background-color: #ff6633; color: white; } 1270 1271 1272 /*** SUCCESS & NEWS ***/ 1273 /* 1274 // For youtube embeded video 1275 */ 1276 .yt_iframe { max-width: 100%; } 1277 1278 .news_project_button_cont { margin-top: 10px; } 1279 1280 .news_services_text { 1281 display: inline-block; 1282 width: 50%; 1283 vertical-align: middle; 1284 } 1285 1286 .news_orange_button { 1287 display: inline-block; 1288 width: 49%; 1289 min-width: 237px; 1290 vertical-align: middle; 1291 } 1292 1293 .module_listboxes_headline { margin-top: 30px; } 1294 .module_listboxes_headline .col-md-6 { margin-bottom: 30px; } 1295 .module_listboxes_headline .news_list_latest .heading { 1296 font-size: 38px; 1297 font-weight: 400; 1298 letter-spacing: 2px; 1299 padding: 3.64vw 3.64vw 0px; 1300 } 1301 .module_listboxes_headline .news_list_latest .description { 1302 font-size: 18px; 1303 font-weight: 400; 1304 padding: 30px 3.64vw 3.64vw; 1305 vertical-align: middle; 1306 } 1307 .module_listboxes_headline .news_list_latest .one_skill { 1308 padding: 5px; 1309 background-color: #ff6633; 1310 color: white; 1311 margin-right: 5px; 1312 border-radius: 5px; 1313 font-size: 13px; 1314 display: inline-block; 1315 vertical-align: top; 1316 margin-top: 15px; 1317 } 1318 1319 .module_listboxes_rest .heading { 1320 font-size: 20px; 1321 font-weight: 400; 1322 letter-spacing: 2px; 1323 padding: 1.4vw 1.4vw 0px; 1324 } 1325 .module_listboxes_rest .description { 1326 font-size: 16px; 1327 padding: 20px 1.4vw 1.4vw; 1328 } 1329 .module_listboxes_rest .one_skill { 1330 padding: 5px; 1331 background-color: #ff6633; 1332 color: white; 1333 margin-right: 5px; 1334 border-radius: 5px; 1335 font-size: 13px; 1336 display: inline-block; 1337 vertical-align: top; 1338 margin-top: 15px; 1339 } 1340 1341 .module_listboxes_headline a:hover, 1342 .module_listboxes_rest a:hover { text-decoration: none; } 1343 1344 .module_listboxes_pagination #pagination ul.pagination-links { margin-top: 10px; font-size: 20px; padding: 0; } 1345 .module_listboxes_pagination #pagination ul.pagination-links li { display: inline-block; vertical-align: top; } 1346 .module_listboxes_pagination #pagination ul.pagination-links li a { 1347 display: block; 1348 padding: 5px 10px; 1349 color: black; 1350 transition: all 0.3s; 1351 } 1352 1353 .module_listboxes_pagination #pagination ul.pagination-links li a.prev, 1354 .module_listboxes_pagination #pagination ul.pagination-links li a.next, 1355 .module_listboxes_pagination #pagination ul.pagination-links li.active a, 1356 .module_listboxes_pagination #pagination ul.pagination-links li a:hover { color: #ff6633; } 1357 1358 .module_listboxes_pagination #pagination ul.pagination-links li a.prev.disabled, 1359 .module_listboxes_pagination #pagination ul.pagination-links li a.next.disabled { color: #c4c0bc; } 1360 1361 .module_listboxes_headline, 1362 .module_listboxes_rest .all_news { margin-bottom: 25px; } 1363 1364 .news_list_latest { 1365 overflow: hidden; 1366 transition: max-height 3s ease 0s, opacity 1s ease 0s; 1367 border:1px solid #898989; 1368 } 1369 1370 .news_list_latest a { 1371 background-color: white; 1372 color: #333; 1373 display: block; 1374 position: relative; 1375 } 1376 .news_list_latest_img_wrapper { 1377 height: 27vw; 1378 background-color: #fff; 1379 background-position: center center; 1380 background-size: 100% auto; 1381 overflow: hidden; 1382 position: relative; 1383 transition: all 0.5s ease 0s; 1384 } 1385 .news_list_latest_img { 1386 /*background-position: center center;*/ 1387 background-position: top left; 1388 background-repeat: no-repeat; 1389 background-size: cover; 1390 height: 100%; 1391 transition: all 0.3s ease 0s; 1392 width: 100%; 1393 } 1394 .news_list_latest small { 1395 background-color: #fff; 1396 color: #333; 1397 display: block; 1398 /*font-family: Montserrat,sans-serif;*/ 1399 font-size: 12px; 1400 font-weight: 400; 1401 line-height: 16px; 1402 /*width:60%;*/ 1403 padding: 9px 12px 6px; 1404 position: absolute; 1405 right: 0; 1406 text-transform: uppercase; 1407 top: 15px; 1408 1409 color: initial; 1410 } 1411 .news_list_latest h3 { 1412 display: table-cell; 1413 font-size: 25px; 1414 font-weight: 400; 1415 height: 12.1vw; 1416 letter-spacing: 0.1vw; 1417 padding: 2.64vw; 1418 vertical-align: middle; 1419 1420 color: initial; 1421 } 1422 .news_list_latest h3 span { 1423 font-size: 16pt; 1424 font-weight: normal; 1425 letter-spacing: normal; 1426 1427 color: initial; 1428 } 1429 .news_list_latest h3 .date_formatted { 1430 font-size: 18px; 1431 font-weight: 300; 1432 letter-spacing: initial; 1433 margin-top: 15px; 1434 padding-left: 30px; 1435 /* background-image: url('https://apogee.gr/files/apogee_2017/calendar_icon.png'); */ 1436 background-image: url('https://cdn.apogee.gr/files/apogee_2017/calendar_icon.png'); 1437 background-repeat: no-repeat; 1438 background-size: auto 19px; 1439 line-height: 1.3; 1440 opacity: 0.3; 1441 } 1442 .news_list_latest:hover .news_list_latest_img_wrapper .news_list_latest_img, 1443 .news_list_item:hover .news_list_item_img_wrapper .news_list_item_img { 1444 height:105%; 1445 width:105%; 1446 margin:-2.5% 0 0 -2.5%; 1447 } 1448 1449 .news_list_item { 1450 /*float: left;*/ 1451 padding: 0 0 2.15vw 0; 1452 /*width: 31.8%;*/ 1453 overflow: hidden; 1454 transition: max-height 3s ease 0s, opacity 1s ease 0s; 1455 border:1px solid #898989; 1456 margin-bottom:1.6vw; 1457 } 1458 .news_list_item a, 1459 .news_list_latest a { 1460 background-color: white; 1461 color: #333; 1462 display: block; 1463 position: relative; 1464 transition: color 0.4s ease 0s, border-color 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s; 1465 text-decoration: none; 1466 } 1467 .news_list_item_img_wrapper { 1468 background-color: #fff; 1469 background-position: center center; 1470 background-size: 100% auto; 1471 /* height: 13vw; */ 1472 overflow: hidden; 1473 position: relative; 1474 transition: all 0.5s ease 0s; 1475 } 1476 1477 1478 1479 1480 /* STELIOS: fixed aspect ratio */ 1481 .module_listboxes_headline .news_list_latest_img_wrapper { height: calc(590 / 1350 * 50vw); } 1482 .module_listboxes_rest .news_list_item_img_wrapper { height: calc(590 / 1350 * 33vw); } 1483 @media(max-width: 991px) { 1484 .module_listboxes_headline .news_list_latest_img_wrapper { height: calc(590 / 1350 * 100vw); } 1485 .module_listboxes_rest .news_list_item_img_wrapper { height: calc(590 / 1350 * 100vw); } 1486 } 1487 1488 .news_list_item_img { 1489 /*background-position: center center;*/ 1490 background-position: top left; 1491 background-repeat: no-repeat; 1492 background-size: cover; 1493 height: 100%; 1494 transition: all 0.3s ease 0s; 1495 width: 100%; 1496 } 1497 .news_list_item h3 { 1498 background-color: #fff; 1499 display: table-cell; 1500 font-size: 19px; 1501 height: 5.5vw; 1502 padding: 1.4vw; 1503 vertical-align: middle; 1504 1505 /* STELIOS: fix for different title heights */ 1506 display: block; 1507 min-height: 96px; 1508 1509 color: initial; 1510 } 1511 1512 .news_list_item:hover .news_list_item_img_wrapper .news_list_item_img { 1513 height:105%; 1514 width:105%; 1515 margin:-2.5% 0 0 -2.5%; 1516 } 1517 .news_list_item small { 1518 background-color: #fff; 1519 color: #333; 1520 display: block; 1521 /*font-family: Montserrat,sans-serif;*/ 1522 font-size: 10px; 1523 font-weight: 400; 1524 line-height: 12px; 1525 /*width:60%;*/ 1526 padding: 9px 12px 6px; 1527 position: absolute; 1528 right: 0; 1529 text-transform: uppercase; 1530 top: 15px; 1531 1532 color: initial; 1533 } 1534 .news_list_item h3 span { 1535 font-size: 15px; 1536 font-weight: normal; 1537 letter-spacing: normal; 1538 1539 color: initial; 1540 } 1541 .news_list_item h3 .date_formatted, 1542 .module_plain_content_headings h1 .date_formatted 1543 { 1544 font-size: 16px; 1545 font-weight: 300; 1546 letter-spacing: initial; 1547 margin-top: 15px; 1548 padding-left: 25px; 1549 /* background-image: url('https://apogee.gr/files/apogee_2017/calendar_icon.png'); */ 1550 background-image: url('https://cdn.apogee.gr/files/apogee_2017/calendar_icon.png'); 1551 background-repeat: no-repeat; 1552 background-size: auto 17px; 1553 line-height: 1.3; 1554 opacity: 0.3; 1555 } 1556 1557 .module_plain_content_content .col-md-6 { margin-top: 15px; } 1558 .module_plain_content_content .col-md-6 img.img-responsive { margin: 0 auto; } 1559 1560 .module_plain_content_thumbnails { margin-top: 60px; } 1561 .thumbnails_container .title { margin-bottom: 15px; } 1562 .thumbnails_container .news_list_item .news_list_item_img_wrapper { height: calc(590 / 1350 * 25vw); } 1563 .module_plain_content_thumbnails a.orange_button_border { 1564 font-size: 18px; 1565 display: inline-block; 1566 width: auto; 1567 text-decoration: none; 1568 padding: 6px 15px; 1569 font-weight: 300; 1570 } 1571 1572 /* SITEMAP */ 1573 .sitemap_content .sitemap_item { margin-bottom: 30px; } 1574 .sitemap_content .root { font-size: 18px; margin-bottom: 10px; } 1575 .sitemap_content .child { font-size: 16px; padding-left: 15px; } 1576 1577 1578 .latest_news_container .row.news_item{ 1579 display: flex; 1580 align-items: center; 1581 } 1582 1583 @media screen and (max-width: 991px) { 1584 .thumbnails_container .news_list_item .news_list_item_img_wrapper { height: calc(590 / 1350 * 170vw); } 1585 } 1586 1587 @media only screen and (max-width: 1300px) and (min-width: 992px) { 1588 .news_list_item h3{ height: 14.5vw; } 1589 } 1590 1591 1592 1593 @media screen and (max-width: 898px) { 1594 .home_successes .success_item { 1595 width: 43% !important; 1596 margin-bottom: 2% !important; 1597 } 1598 1599 .successes_row2{ 1600 margin-top: 0px !important; 1601 } 1602 } 1603 1604 1605 .header-image div.logo{ 1606 width: fit-content; 1607 } 1608 1609 .header-image div.logo a{ 1610 position: relative; 1611 z-index: 2; 1612 } 1613 1614 .header-image .insideleft .header_content_row{ 1615 position: relative; 1616 z-index: 3; 1617 } 1618 1619</style> 1620 1621 1622 1623 <!-- JavaScript --> 1624
1624<script type="text/javascript" src="https://apogee.gr/files/js/real_escape_string.js"></script>
vendor: 2 bytes, line 1624
1624
1625<script type="text/javascript"> 1626 1627 // render all reCAPTCHA plugins 1628 var recaptcha_contact = ""; 1629 var recaptcha_quote = ""; 1630 var recaptcha_career = ""; 1631 var recaptcha_request_info = ""; 1632 var CaptchaCallback = function(){ renderAllRecaptcha(); }; 1633 1634 //////////////////// 1635 // DOCUMENT READY // 1636 //////////////////////////////////////////////////////////////////////////////// 1637 1638 $(document).ready(function(){ 1639 1640 console.log("general js loaded"); 1641 1642 // 1. start project modal 1643 // form submission 1644 $('#startProjectModalForm').submit(function(e) { 1645 1646 e.preventDefault(); // avoid to execute the actual submit of the form 1647 sendProjectForm_AJAX(this); // handle form submission 1648 }); 1649 1650 // 2. search modal 1651 // form submission 1652 $('#searchModalForm').submit(function(e) { 1653 1654 e.preventDefault(); // avoid to execute the actual submit of the form. 1655 search_AJAX(this); // handle form submission 1656 }); 1657 1658 // 3. newsletter modal 1659 // form submission 1660 $('#newsletter_form').submit(function(e) { 1661 1662 e.preventDefault(); // avoid to execute the actual submit of the form 1663 sendNewsletterForm_AJAX(this); // handle form submission 1664 }); 1665 1666 // if user has just confirmed his subscription/unsubscription 1667 if($("#newsletterModal").hasClass("startup_popup")) { 1668 1669 $("#newsletterModal").modal(); 1670 } 1671 1672 // 4. contact modal 1673 // form submission 1674 $('#contactModalForm').submit(function(e) { 1675 1676 e.preventDefault(); // avoid to execute the actual submit of the form 1677 sendContactForm_AJAX(this); // handle form submission 1678 }); 1679 1680 // 5. SUCCESS CV Form 1681 $("#CV_Form_Container form#CV_Form").submit(function(e) { 1682 1683 1684 e.preventDefault(); // avoid to execute the actual submit of the form 1685 sendCVForm_AJAX(this); // handle form submission 1686 }); 1687 1688 // 6. REQUEST INFO Form (PDF Download) 1689 $("#requestInfoModal #request_info_form").submit(function(e) { 1690 1691 e.preventDefault(); // avoid to execute the actual submit of the form 1692 requestInfoForm_AJAX(this); // handle form submission 1693 }); 1694 1695 // A-TEAM POPUP 1696 $('.members .member_avatar').on({ 1697 'mouseenter':function(){ 1698 $(this).parent().find(".popup").show(); 1699 }, 1700 'mouseleave':function(){ 1701 $(this).parent().find(".popup").hide(); 1702 } 1703 }); 1704 1705 // Main Menu Second Level 1706 $('.main_menu_row nav .menu li.dropdown a').hover( 1707 function() { 1708 1709 if($(document).width() > 991) { 1710 //$(this).parent().find(".dropdown-menu").fadeIn(300); 1711 $(this).parent().find(".dropdown-menu").slideDown(300); 1712 } 1713 }, 1714 function() { 1715 1716 if($(document).width() > 991) { 1717 var elm = $(this).parent().find(".dropdown-menu"); 1718 1719 setTimeout(function() { 1720 if(!($('.main_menu_row nav ul.menu li.dropdown .dropdown-menu:hover').length > 0)) { 1721 1722 elm.slideUp(300); 1723 } 1724 }, 200); 1725 } 1726 } 1727 ); 1728 1729 // Hide dropdown on mouse leave 1730 $('.main_menu_row nav ul.menu li.dropdown .dropdown-menu').mouseleave(function() { 1731 1732 if($(document).width() > 991) { 1733 //$(this).fadeOut(300); 1734 $(this).slideUp(300); 1735 } 1736 }); 1737 1738 // A-TEAM popup close button click listener 1739 $('.members .popup button.close').click(function() { 1740 1741 // $(this).parent().hide(); 1742 $('.members .popup').hide(); 1743 }); 1744 }); 1745 1746
1747 //////////////////////////////////////////////////////////////////////////////// 1748 1749 1750 1751 /////////////// 1752 // FUNCTIONS // 1753 //////////////////////////////////////////////////////////////////////////////// 1754 1755 // render all reCAPTCHA plugins 1756 function renderAllRecaptcha() { 1757 1758 // 1. contact form (modal) 1759 if($('#RecaptchaContact').length > 0) { 1760 recaptcha_contact = grecaptcha.render('RecaptchaContact', {'sitekey' : '6LeqaQgTAAAAAPQQ0ShD5elPcKI5vxUVlZR2GaRV'}); 1761 } 1762 1763 // 2. quote form (modal) 1764 if($('#RecaptchaQuote').length > 0) { 1765 recaptcha_quote = grecaptcha.render('RecaptchaQuote', {'sitekey' : '6LeqaQgTAAAAAPQQ0ShD5elPcKI5vxUVlZR2GaRV'}); 1766 } 1767 1768 // 3. CV form (career page) 1769 if($('#RecaptchaCareer').length > 0) { 1770 recaptcha_career = grecaptcha.render('RecaptchaCareer', {'sitekey' : '6LeqaQgTAAAAAPQQ0ShD5elPcKI5vxUVlZR2GaRV'}); 1771 } 1772 1773 // 4. Request Company Info form (About Us page) 1774 if($('#RecaptchaRequestInfo').length > 0) { 1775 recaptcha_request_info = grecaptcha.render('RecaptchaRequestInfo', {'sitekey' : '6LeqaQgTAAAAAPQQ0ShD5elPcKI5vxUVlZR2GaRV'}); 1776 } 1777 } 1778 1779 // resets all reCAPTCHA plugins 1780 function resetAllRecaptcha() { 1781 // 1. contact form (modal) 1782 if($('#RecaptchaContact').length > 0) { 1783 grecaptcha.reset(recaptcha_contact); 1784 } 1785 1786 // 2. quote form (modal) 1787 if($('#RecaptchaQuote').length > 0) { 1788 grecaptcha.reset(recaptcha_quote); 1789 } 1790 1791 // 3. CV form (career page) 1792 if($('#RecaptchaCareer').length > 0) { 1793 grecaptcha.reset(recaptcha_career); 1794 } 1795 1796 // 4. Request Company Info form (About Us page) 1797 if($('#RecaptchaRequestInfo').length > 0) { 1798 grecaptcha.reset(recaptcha_request_info); 1799 } 1800 } 1801 1802 // function to handle Project Form (Quote) submission (Quote Modal) 1803 function sendProjectForm_AJAX(element) { 1804 1805 // 1. get AJAX parameters 1806 var action = $(element).attr("action"); // the script where you handle the form input. 1807 var method = $(element).attr("method"); 1808 1809 // 2. empty message (if any) and show loading spinner 1810 $("#startProjectModal .modal-body #start_project_results .message").html(""); 1811 $("#startProjectModal .modal-body #start_project_results .spinner").show(); 1812 1813 // 3. hide the form 1814 $("#startProjectModal .modal-body .startProjectFormContainer").hide(); 1815 1816 // 4. ajax submit 1817 $.ajax({
1818 method: method, 1819 url: action, 1820 data: $(element).serialize(), // serializes the form's elements. 1821 dataType: "JSON", 1822 success: function(data) { 1823 1824 // 4.1. initialize variables 1825 var c = "fail"; 1826 1827 // 4.2. remove all additional classes from message container 1828 $("#startProjectModal .modal-body #start_project_results .message").removeClass("success"); 1829 $("#startProjectModal .modal-body #start_project_results .message").removeClass("fail"); 1830 1831 // 4.3. set current message class and show form on fail 1832 if(data.code == "success") { c = "success"; } 1833 else { $("#startProjectModal .modal-body .startProjectFormContainer").show(); } 1834 1835 // 4.4. hide the loading spinner 1836 $("#startProjectModal .modal-body #start_project_results .spinner").hide(); 1837 1838 // 4.5. show message 1839 $("#startProjectModal .modal-body #start_project_results .message").addClass(c); 1840 $("#startProjectModal .modal-body #start_project_results .message").html(data.message); 1841 } 1842 }); 1843 } 1844 1845 // function to handle Search Form submission (Search Modal) 1846 function search_AJAX(element) { 1847 1848 // 1. revert modal footer to it's initial state 1849 $("#searchModal .modal-footer").show(); 1850 $("#searchModal .spinner").show(); 1851 $("#searchResults").html(""); 1852 1853 // 2. construct search string 1854 var s = $("#searchModalForm input[name=search_text]").val(); 1855 s = real_escape_string(s); // function located @ /files/js/real_escape_string.js 1856 s = s.split(' ').join('_'); 1857 1858 // 3. AJAX request for search results 1859 $.ajax({
1860 type: "GET", 1861 // url: 'https://apogee.gr/en/search/&modonly=1&f='+s, 1862 url: 'https://apogee.gr/en/search/&modonly=1&f='+s+'&htest=22', 1863 data: {}, 1864 dataType: "HTML", 1865 success: function(data) { 1866 1867 // display results in modal footer 1868 $("#searchModal .spinner").hide(); 1869 $("#searchModal .modal-footer").show(); 1870 $("#searchResults").html(data); 1871 } 1872 }); 1873 } 1874 1875 // function to handle Newsletter Form submission (Newsletter Modal) 1876 function sendNewsletterForm_AJAX(element) { 1877 1878 // 1. get AJAX parameters 1879 var action = $(element).attr("action"); // the script where you handle the form input. 1880 var method = $(element).attr("method"); 1881 1882 // 2. hide the contact modal and show the loader 1883 hideModal('#newsletterModal'); 1884 resetLoader(); 1885 showLoader(); 1886 1887 // 3. ajax submit 1888 $.ajax({
1889 method: method, 1890 url: action, 1891 data: $(element).serialize(), // serializes the form's elements. 1892 dataType: "JSON", 1893 success: function(data) { 1894 1895 // 3.1. set message class according to response code 1896 var c = "fail"; 1897 if(data.code == "subscribe" || data.code == "unsubscribe") { c = "success"; } 1898 1899 // 3.2. show response in loader modal 1900 updateLoader(data.message, c); 1901 } 1902 }); 1903 } 1904 1905 // function to handle Contact Form submission (Contact Modal) 1906 function sendContactForm_AJAX(element) { 1907 1908 // 1. get AJAX parameters 1909 var action = $(element).attr("action"); // the script where you handle the form input. 1910 var method = $(element).attr("method"); 1911 1912 // 2. hide the contact modal and show the loader 1913 hideModal('#contactModal'); 1914 resetLoader(); 1915 showLoader(); 1916 1917 // 3. ajax submit 1918 $.ajax({
1919 method: method, 1920 url: action, 1921 data: $(element).serialize(), // serializes the form's elements. 1922 dataType: "JSON", 1923 success: function(data) { 1924 1925 // 3.1. set message class according to response code 1926 var c = "fail"; 1927 if(data.code == "success") { c = "success"; } 1928 // 3.2. if wrong response, reset the recaptcha plugin 1929 else { resetAllRecaptcha(); } 1930 1931 // 3.3. show response in loader modal 1932 updateLoader(data.message, c); 1933 1934 } 1935 }); 1936 } 1937 1938 // function to handle CV Form submission (Career Page) 1939 function sendCVForm_AJAX(element) { 1940 1941 // 1. get AJAX parameters 1942 var action = $(element).attr("action"); // the script where you handle the form input. 1943 var method = $(element).attr("method"); 1944 1945 // 2. show the loader 1946 resetLoader(); 1947 showLoader(); 1948 1949 // 3. ajax submit 1950 //var formdata = $(element).serialize(); 1951 var formdata = new FormData($(element)[0]); 1952 1953 $.ajax({
1954 method: method, 1955 url: action, 1956 data: formdata, // serializes the form's elements. 1957 dataType: "JSON", 1958 1959 cache: false, 1960 contentType: false, 1961 processData: false, 1962 async: false, 1963 1964 success: function(data) { 1965 1966 // 3.1. set message class according to response code 1967 var c = "fail"; 1968 if(data.code == "success") { c = "success"; } 1969 // 3.2. if wrong response, reset the recaptcha plugin 1970 else { resetAllRecaptcha(); } 1971 1972 // 3.3. show response in loader modal 1973 updateLoader(data.message, c); 1974 } 1975 }); 1976 } 1977 1978 // function to handle Request Company Info Form submission (About Us Page) 1979 function requestInfoForm_AJAX(element) { 1980 1981 // 1. get AJAX parameters 1982 var action = $(element).attr("action"); // the script where you handle the form input. 1983 var method = $(element).attr("method"); 1984 1985 // 2. show the loader 1986 hideModal('#requestInfoModal'); 1987 resetLoader(); 1988 showLoader(); 1989 1990 // 3. ajax submit 1991 $.ajax({
1992 method: method, 1993 url: action, 1994 data: $(element).serialize(), // serializes the form's elements. 1995 dataType: "JSON", 1996 success: function(data) { 1997 1998 // 3.1. set message class according to response code 1999 var c = "fail"; 2000 if(data.code == "success") { c = "success"; } 2001 // 3.2. if wrong response, reset the recaptcha plugin 2002 else { resetAllRecaptcha(); } 2003 2004 // 3.3. show response in loader modal 2005 updateLoader(data.message, c); 2006 } 2007 }); 2008 } 2009 2010 // 2011 // FOR LOADER MODAL 2012 // 2013 2014 // display loader 2015 function showLoader() { 2016 2017 // 1.1. reset the Loader 2018 resetLoader(); 2019 // 1.2. display the Loader 2020 $("#loaderModal").modal('show'); 2021 } 2022 2023 // reset Loader to it's initial state (spinner visible, message and dismiss button invisible) 2024 function resetLoader() { 2025 2026 // 1. empty message (if any) 2027 $("#loaderModal #loader_results .message").empty(); 2028 // 2. make spinner visible (if not) 2029 $("#loaderModal #loader_results .spinner").show(); 2030 // 3. hide the footer 2031 $("#loaderModal .modal-footer").hide(); 2032 } 2033 2034 // show message specified and modal-dismiss button and hide the spinner 2035 function updateLoader(message, messageClass) { 2036 2037 // 1. remove message class (if any) 2038 $("#loaderModal #loader_results .message").removeClass("success"); 2039 $("#loaderModal #loader_results .message").removeClass("fail"); 2040 2041 // 2. set the message (text and style) 2042 $("#loaderModal #loader_results .message").addClass(messageClass); 2043 $("#loaderModal #loader_results .message").html(message); 2044 2045 // 3. hide the spinner 2046 $("#loaderModal #loader_results .spinner").hide(); 2047 2048 // 4. make dismiss button visible 2049 $("#loaderModal .modal-footer").show(); 2050 2051 //$("#loaderModal").modal('show'); 2052 } 2053 2054 // hides modal with specified selector 2055 function hideModal(selector) { 2056 2057 // 1. remove class fade so it doesn't interfere with other modals showing at the same time 2058 $(selector).removeClass("fade"); 2059 // 2. hide the modal 2060 $(selector).modal('hide'); 2061 // 3. add the fade class back 2062 $(selector).addClass("fade"); 2063 } 2064 2065 //////////////////////////////////////////////////////////////////////////////// 2066 2067</script>
2067 2068 <!-- STELIOS: for homepage slider -->
2069<script type="text/javascript" src="https://malsup.github.io/jquery.cycle2.js"></script>
vendor: 2 bytes, line 2069
2069
2070<script type="text/javascript" src="https://malsup.github.io/jquery.cycle2.carousel.js"></script>
vendor: 2 bytes, line 2070
2070
2071<script type="text/javascript"> 2072 2073 2074 //////////////////// 2075 // DOCUMENT READY // 2076 //////////////////////////////////////////////////////////////////////////////// 2077 2078 $(document).ready(function(){ 2079 2080 // 1. fix slides' height (both sliders) 2081 $('.cycle-slideshow').cycle('pause'); // so that there is no conflict while calculating 2082 calculateSliderHeight(); 2083 calculatePositionsSliderHeight(); 2084 $('.cycle-slideshow').cycle('resume'); 2085 2086 // 2. slider link click 2087 $(".home_slider").on("click", ".link_list a#toggle", function() { 2088 2089 var rel = $(this).attr("rel"); 2090 toggleStartProject(rel); 2091 }); 2092 2093 // 3. color your audience link click listener 2094 $("#colorYourAudience").click(function() { 2095 2096 var rel = 4; 2097 toggleStartProject(rel); 2098 }); 2099 }); 2100 2101 $(window).load(function() { 2102 2103 // 1. if needed, re-render home slider with appropriate number of visible slides 2104 var width = $(window).width(); 2105 if(width < 768) { 2106 visible_slides = 1; 2107 resetHomeSlider(visible_slides); 2108 } 2109 }); 2110 2111 2112 /////////////////// 2113 // WINDOW RESIZE // 2114 //////////////////////////////////////////////////////////////////////////////// 2115 2116 var resizeTimer; 2117 var initialWidth = $(window).width(); 2118 $(window).resize(function() { 2119 clearTimeout(resizeTimer); 2120 resizeTimer = setTimeout(resizeEnd, 200); 2121 }); 2122 2123 // function to be called on window resize end 2124 function resizeEnd() { 2125 2126 // 1. fix slides' height (both sliders) 2127 $('.cycle-slideshow').cycle('pause'); // so that there is no conflict while calculating 2128 calculateSliderHeight(); 2129 calculatePositionsSliderHeight(); 2130 $('.cycle-slideshow').cycle('resume'); 2131 2132 // 2. if needed, re-render home slider with appropriate number of visible slides 2133 var width = $(window).width(); 2134 var visible_slides = 2; 2135 2136 if(width < 768) { visible_slides = 1; } 2137 2138 if(width != initialWidth) { 2139 resetHomeSlider(visible_slides); 2140 } 2141 } 2142 2143 2144 /////////////// 2145 // FUNCTIONS // 2146 //////////////////////////////////////////////////////////////////////////////// 2147 2148 // function to calculate and set the slider's height according to the tallest slide 2149 function calculateSliderHeight() { 2150 max_slide_height=0; 2151 $(".slideshow_item").each(function() { 2152 slide_height=$(this).find(".slideshow_item_title").height(); 2153 slide_height+=$(this).find(".slideshow_item_text").height(); 2154 if (max_slide_height<slide_height) {max_slide_height=slide_height;} 2155 }); 2156 $(".slideshow_item").css("height", (max_slide_height+120)+"px"); 2157 } 2158 2159 // 2160 function toggleStartProject(rel) { 2161 2162 $("#startProjectModal").modal(); 2163 2164 if(rel == 1) { $("#startProjectModalForm select[name=service]").val("5").trigger("change"); } // HR 2165 if(rel == 2) { $("#startProjectModalForm select[name=service]").val("9").trigger("change"); } // E-Learning 2166 if(rel == 3) { $("#startProjectModalForm select[name=service]").val("10").trigger("change"); } // Ticketing 2167 if(rel == 4) { $("#startProjectModalForm select[name=service]").val("2").trigger("change"); } // CMS 2168 } 2169 2170 // function to calculate and set the open positions slider's height according to the latest news' height 2171 function calculatePositionsSliderHeight() { 2172 2173 // 1. initialize variables 2174 var latestNewsHeight = 0; 2175 var sliderPagerHeight = $(".home_positions_and_news .open_positions_container .sliderPager2").outerHeight(); 2176 2177 2178 // 2. calculate the overall height of the latest news items 2179 $(".home_positions_and_news .latest_news_container .news_item").each(function() { 2180 2181 latestNewsHeight+= $(this).outerHeight() + 15; 2182 }); 2183 2184 // 3. set the open positions slider's height 2185 $(".home_positions_and_news .open_positions_container .cycle-slideshow").css("height", latestNewsHeight); 2186 2187 // 4. set the top margin of the Latest News inline_links' accordingly 2188 $(".home_positions_and_news .latest_news_container .inline_links").css("margin-top", sliderPagerHeight+15); 2189 } 2190 2191 function resetHomeSlider(visible_slides) { 2192 2193 // 1. destroy the slider 2194 $("#homeSlider").cycle('destroy'); 2195 2196 // 2. fix bg colors 2197 $("#homeSlider .slideshow_item").each(function(index) { 2198 2199 var color = $(this).attr('rel'); 2200 $(this).css("background-color", color); 2201 }); 2202 2203 // 3. reinitialize the slider 2204 $('#homeSlider').cycle({ 2205 'fx': 'carousel', 2206 'timeout': 8000, 2207 'carouselVisible': visible_slides, 2208 'pager': '.sliderPager', 2209 'prev': '#prev', 2210 'next': '#next', 2211 'slides': '> div.slideshow_item' 2212 }); 2213 2214 // 4. fix slides' opacity issue 2215 $('#homeSlider .slideshow_item').css('opacity', 1); 2216 2217 // 5. fix slide's height 2218 calculateSliderHeight(); 2219 } 2220 2221</script>
2221 2222 2223 <!-- Google reCAPTCHA --> 2224 <!-- this should always be after E3_js_common for explicit rendering --> 2225 <!--script src='https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit&hl=en'></script--> 2226 <!-- 2017 2025 --> 2227 <!-- 2025 --> 2228
2229<script> 2230 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Re Ms Fs Pe Rs Cs capture Ve calculateEventProperties Ds register register_once register_for_session unregister unregister_for_session zs getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Ls As createPersonProfile Ns Is Us opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing is_capturing clear_opt_in_out_capturing Os debug I js getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 2231 posthog.init('phc_cbZZfEGsm4yCHtB178xw5II8MeO6KJlJh1ny7mDqWtV', { 2232 api_host: 'https://eu.i.posthog.com', 2233 defaults: '2025-05-24', 2234 person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well 2235 }) 2236</script>
2236 2237 2238<!-- Google Fonts --> 2239<link href='https://fonts.googleapis.com/css?family=Victor Mono:100,300,400,500,700,900&subset=latin,greek,greek-ext' rel='stylesheet' type='text/css'> 2240<style> 2241@font-face { 2242 font-family: 'Gorton Perfected'; 2243 font-style: normal; 2244 font-weight: 400; 2245 src: url(https://apogee.gr/files/apogee_2025/GortonPerfected-Regular.woff2) format('woff2'); 2246} 2247 2248body, p, tr, td, h1, h3, h4 { 2249 font-family: "Victor Mono", sans-serif; 2250} 2251h1 { 2252 letter-spacing: normal;; 2253} 2254h2, h5 { 2255 font-family: "Gorton Perfected", sans-serif;; 2256} 2257h2 { 2258 font-size: 2.2rem 2259} 2260.content_text_black h2 { 2261 font-family: 'Victor Mono' !important; 2262 font-size: 2.2rem; 2263 text-transform: uppercase; 2264 padding-top: 0.5rem; 2265 font-weight: 600; 2266} 2267.module_listboxes_headings h2 { 2268 font-size: 1.8rem; 2269 max-width: 66%; 2270} 2271h5 { 2272 font-size: 1.6rem; 2273} 2274.logo { 2275 margin-left: 15px; 2276 margin-top: 7px; 2277 padding: 4px; 2278 width: 248px; 2279} 2280.main_menu_row { 2281 margin-top: 0px; 2282} 2283 2284@media(min-width: 991px) { 2285 .header-image { 2286 height: 370px; 2287 } 2288 body.home .header-image { 2289 height: 480px; 2290 } 2291} 2292.header-image.turbine { 2293 background-image: url(https://cdn.apogee.gr/files/apogee_2025/earth-sun-apogee-about.jpg); 2294} 2295 2296.header-image.cups { 2297 background-image: url(https://cdn.apogee.gr/files/apogee_2025/Don_Pettit_apogee-website-home.jpg); 2298} 2299 2300.header-image.cups .insideleft .header_content_row { 2301 background-color: #00000070; 2302 padding: 8px 15px; 2303} 2304.navbar { 2305 margin-bottom: 0px; 2306} 2307.main_menu_row nav #navbar { 2308 padding-bottom: 40px; 2309} 2310 2311.content_text_black { 2312 line-height: 150%; 2313} 2314 2315.content_text_black, .content_text_white { 2316 font-size: 1.6rem; 2317} 2318 2319 2320.module_plain_content_content .content_text_black, 2321.module_home_process .content_text_black, 2322.module_showone_content .content_text_black { 2323 font-size: 1.7rem; 2324 line-height: 180%; 2325} 2326.module_plain_content_content .content_text_black li p, 2327.module_home_process .content_text_black li p, 2328.module_showone_content .content_text_black li p { 2329 margin-bottom: 8px; 2330} 2331.module_plain_content_content .content_text_black ul, 2332.module_home_process .content_text_black ul, 2333.module_showone_content .content_text_black ul { 2334 list-style-type: none; 2335} 2336 2337.module_plain_content_content .content_text_black ul li, 2338.module_home_process .content_text_black ul li, 2339.module_showone_content .content_text_black ul li { 2340 position: relative; /* so ::before can be positioned inside */ 2341 padding-left: 1.5rem; 2342} 2343 2344.module_plain_content_content .content_text_black ul li:before, 2345.module_home_process .content_text_black ul li:before, 2346.module_showone_content .content_text_black ul li:before { 2347 content: ">"; 2348 color: #333; 2349 font-size: 80%; 2350 position: absolute; 2351 left: 0; 2352 top: 0px; 2353 bottom: 0; 2354 2355} 2356 2357.module_listboxes_headline h3 div.news_texts { 2358 padding-top: 1rem; 2359} 2360.news_list_latest h3 span, 2361.module_listboxes_headline h3 div.news_texts span { 2362 font-size: 1.6rem; 2363} 2364.news_list_item h3 { 2365 min-height: 135px; 2366 font-size: 1.8rem; 2367 font-weight: 400; 2368 line-height: 160%; 2369 padding: 0.2rem 2.3rem; 2370 letter-spacing: normal; 2371} 2372.news_list_latest h3 { 2373 font-weight: 400; 2374 line-height: 160%; 2375 letter-spacing: normal; 2376 padding: 2rem 3rem; 2377} 2378.news_list_latest h3 .date_formatted { 2379 font-size: 1.5rem; 2380} 2381.module_listboxes_headline .news_list_latest_img_wrapper { 2382 max-height: 320px; 2383} 2384.news_list_latest_img { 2385 background-position: center center; 2386} 2387body.news .news_list_item_img { 2388 background-position: center center; 2389} 2390 2391 2392.module_listboxes_rest .one_skill { 2393 margin-top: 5px; 2394 color: #f63; 2395 background-color: white; 2396 border-left: 1px solid #f63; 2397 border-right: 1px solid #f63; 2398} 2399@media only screen and (max-width: 767px) { 2400 .module_listboxes_headline .col-12.col-sm-6:nth-child(1) .news_list_latest, .module_listboxes_headline { 2401 margin-bottom: 1.6vw !important; 2402 } 2403 .news_list_item h3 { 2404 height: auto; 2405 } 2406} 2407.footer_container .footer_row .footer-image { 2408 padding: 140px 0 30px 0; 2409} 2410 2411.pre_footer_image .pre_footer_image_cup { 2412 background-image: url('https://cdn.apogee.gr/files/apogee_2025/apogee-cup-2025w.jpg'); 2413} 2414 2415.home_positions_and_news { 2416 margin-top: 3px; 2417} 2418.slideshow_item_title { 2419 font-size: 25px; 2420 text-transform: uppercase; 2421} 2422</style> 2423<!-- end 2025 --> 2424 </head> 2425 <body class="en home list"> 2426 <div class="elfsight-app-662cf189-0c9c-4800-a48e-d3f3d494d5b6" data-elfsight-app-lazy></div> 2427 <!-- HEADER --> 2428 <div class="container-fluid"> 2429 <div class="row"> 2430 <div class ="header-image cups col-xs-12 col-sm-12 col-md-12 col-lg-12"> 2431 <div class="clearfix "> 2432 <div class="content-wrapper"> 2433 <div class="col-md-4 col-sm-2 col-xs-1"> 2434 <!-- Website Logo --> 2435 <div class="logo"> 2436 <a href="/en/home/"> 2437 <img src="https://cdn.apogee.gr/files/Apogee_logo_2025_gr_white.png" class="img-responsive"> 2438 </a> 2439 </div> 2440 </div> 2441 <div class="col-md-8 col-sm-10 col-xs-11 insideleft"> 2442 <!-- Modal Toggles --> 2443 <div class="row modal_toggles_row"> 2444 <nav class="navbar navbar-inverse" role="navigation"> 2445 <div class="navbar-header"> 2446 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar2" aria-expanded="false" aria-controls="navbar">
2447 <span class="sr-only">Toggle options</span> 2448 <img src="https://apogee.gr/files/apogee_2017/settings.png"> 2449 </button> 2450 </div> 2451 <div id="navbar2" class="navbar-collapse collapse"> 2452 <div class="modal_toggles"> 2453 <a href="https://support.apogee.gr/help/1504017853" target=_blank no-data-toggle="modal" data-target="#contactModal"> 2454 2455 CONTACT 2456 </a> 2457 <span class="divider"> ⢠</span> 2458 <!--a href="#" data-toggle="modal" data-target="#newsletterModal"> 2459 2460 NEWSLETTER 2461 </a> 2462 <span class="divider"> ⢠</span--> 2463 <a href="#" data-toggle="modal" data-target="#searchModal"> 2464 2465 SEARCH 2466 </a> 2467 <span class="divider"> ⢠</span> 2468 <a href="#" data-toggle="modal" data-target="#langModal" class="lang" > 2469 2470 LANGUAGE: 2471 <span class="uppercase">en</span> 2472 </a> 2473 </div> 2474 </div> 2475 </nav> 2476 </div> 2477 2478 <!-- Main (Navigation) Menu --> 2479 <div class="row main_menu_row"> 2480 <nav class="navbar navbar-inverse" role="navigation"> 2481 <div class="navbar-header"> 2482 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 2483 <span class="sr-only">Toggle navigation</span> 2484 <span class="icon-bar"></span> 2485 <span class="icon-bar"></span> 2486 <span class="icon-bar"></span> 2487 </button> 2488 </div> 2489 2490 <div id="navbar" class="navbar-collapse collapse"> 2491 <ul class="nav navbar-nav menu"> 2492 <li class="submenu active "> 2493 <a class="link_white" href="https://apogee.gr/en/home/"> 2494 HOME 2495 </a> 2496 2497</li><li class="submenu "> 2498 <a class="link_white" href="https://apogee.gr/en/news/"> 2499 NEWS 2500 </a> 2501 2502</li><li class="submenu "> 2503 <a class="link_white" href="https://apogee.gr/en/success/"> 2504 SUCCESS 2505 </a> 2506 2507</li><li class="submenu dropdown"> 2508 <a class="link_white" href="https://apogee.gr/en/services/"> 2509 PRODUCTS 2510 </a> 2511 <ul class="dropdown-menu"> 2512 <li class="submenu2 " > 2513 <a href="https://apogee.gr/en/services/ESSENCE-WCMS.215/"> 2514 ESSENCE WCMS 2515 </a> 2516</li><li class="submenu2 " > 2517 <a href="https://apogee.gr/en/services/ICARUS-E-Learning.213/"> 2518 ICARUS E-LEARNING 2519 </a> 2520</li><li class="submenu2 " > 2521 <a href="https://apogee.gr/en/services/VOYAGER-OTS.214/"> 2522 VOYAGER OTS 2523 </a> 2524</li><li class="submenu2 " > 2525 <a href="https://apogee.gr/en/services/SEED.229/"> 2526 SEED 2527 </a> 2528</li> 2529</ul> 2530</li><li class="submenu dropdown"> 2531 <a class="link_white" href="https://apogee.gr/en/about-us/"> 2532 ABOUT 2533 </a> 2534 <ul class="dropdown-menu"> 2535 <li class="submenu2 " > 2536 <a href="https://apogee.gr/en/about-us/MESSAGE-BY-THE-MD.224/"> 2537 MESSAGE BY THE MD 2538 </a> 2539</li><li class="submenu2 " > 2540 <a href="https://apogee.gr/en/about-us/THE-A-TEAM.221/"> 2541 THE A-TEAM 2542 </a> 2543</li><li class="submenu2 " > 2544 <a href="https://apogee.gr/en/about-us/VISION-MISSION.219/"> 2545 VISION & MISSION 2546 </a> 2547</li><li class="submenu2 " > 2548 <a href="https://apogee.gr/en/about-us/n-STEPS.222/"> 2549 (n)STEPS 2550 </a> 2551</li><li class="submenu2 " > 2552 <a href="https://apogee.gr/en/about-us/LOCATIONS.223/"> 2553 LOCATIONS 2554 </a> 2555</li><li class="submenu2 " > 2556 <a href="https://apogee.gr/en/about-us/CREATIVE-PROCESS.220/"> 2557 CREATIVE PROCESS 2558 </a> 2559</li><li class="submenu2 " > 2560 <a href="https://apogee.gr/en/about-us/GENDER-EQUALITY-PLAN.231/"> 2561 GENDER EQUALITY PLAN (GEP) 2562 </a> 2563</li> 2564</ul> 2565</li> 2566</ul> 2567 </div> 2568 </nav> 2569 </div> 2570 <!-- Header Title & Text --> 2571 <div class="row header_content_row"> 2572 <h5>OUR MISSION</h5> 2573 <h4 id="top1">WE BRING QUALITY & CREATIVE INTELLIGENCE</h4> 2574 <p id="top2"><span>We operate at the intersection of digital transformation for international organisations, innovative e-learning, public service automation, and specialised commercial solutions</span></p> 2575 </div> 2576 </div> 2577 </div> 2578 </div> 2579 </div> 2580 </div> 2581 </div> 2582 <!-- CONTENT --><div class="container-fluid"> 2583 <div class="content-wrapper"> 2584 <!-- POSITIONS & NEWS --> 2585 <div class="row home_positions_and_news"> 2586 <!--OPEN POSITIONS--> 2587 2588 <!--LATEST NEWS--> 2589 <!-- 2590<div class="col-md-6 col-sm-6 col-xs-12"> 2591 <div class="latest_news_container"> 2592 <h2>OUR RESULTS</h2> 2593 <h1>LATEST NEWS</h1> 2594 temp1 2595 <div class="inline_links"> 2596 <a href="/en/news/" class="link_black"><u>list of news</u></a> ⢠2597 <a href="mailto:[email protected]" class="link_black"><u>PR relations</u></a> 2598 </div> 2599 </div> 2600</div> 2601--> 2602 2603<div class="col-xs-12"> 2604 <div class="latest_news_container"> 2605 <h2>OUR RESULTS</h2> 2606 <h1>LATEST NEWS</h1> 2607 <div class="row"> 2608 <div class="col-md-6 col-sm-6 col-xs-12"> 2609 <!-- 2610<div class="row news_item"> 2611 <div class="col-md-1 col-xs-2"> 2612 <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png"> 2613 </div> 2614 <div class="col-md-11 col-xs-10"> 2615 <p class="content_text_black">10 August, 2026</p> 2616 <a href="https://apogee.gr/en/news/Presenting-Apogee-MailOps-operations-and-troubleshooting-for-self-hosted-mail-servers.559/"> 2617 <p class="content_text_black bold_orange">Presenting Apogee MailOps: operations and troubleshooting for self-hosted mail servers</p> 2618 </a> 2619 </div> 2620</div> 2621--> 2622 2623<div class="row news_item"> 2624 <div class="col-md-2 col-xs-2"> 2625 <!-- 2626 <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260814004941_2026-08-13-apogee-mailops-launch.jpg"> 2627 --> 2628 <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260814004941_2026-08-13-apogee-mailops-launch.jpg?width=200"> 2629 </div> 2630 <div class="col-md-10 col-xs-10"> 2631 <b> 2632 <a href="https://apogee.gr/en/news/Presenting-Apogee-MailOps-operations-and-troubleshooting-for-self-hosted-mail-servers.559/"> 2633 <p class="content_text_black bold_orange">Presenting Apogee MailOps: operations and troubleshooting for self-hosted mail servers</p> 2634 </a> 2635 </b> 2636 </div> 2637</div><!-- 2638<div class="row news_item"> 2639 <div class="col-md-1 col-xs-2"> 2640 <img class="award" src="https://apogee.gr/files/apogee_2017/award.png"> 2641 </div> 2642 <div class="col-md-11 col-xs-10"> 2643 <p class="content_text_black">30 June, 2026</p> 2644 <a href="https://apogee.gr/en/news/Apogee-refreshes-the-Tavernarakis-Lab-website.558/"> 2645 <p class="content_text_black bold_orange">Apogee refreshes the Tavernarakis Lab website</p> 2646 </a> 2647 </div> 2648</div> 2649--> 2650 2651<div class="row news_item"> 2652 <div class="col-md-2 col-xs-2"> 2653 <!-- 2654 <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260813232318_2026-08-13-tavernarakis-lab-website-redesign.jpg"> 2655 --> 2656 <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260813232318_2026-08-13-tavernarakis-lab-website-redesign.jpg?width=200"> 2657 </div> 2658 <div class="col-md-10 col-xs-10"> 2659 <b> 2660 <a href="https://apogee.gr/en/news/Apogee-refreshes-the-Tavernarakis-Lab-website.558/"> 2661 <p class="content_text_black bold_orange">Apogee refreshes the Tavernarakis Lab website</p> 2662 </a> 2663 </b> 2664 </div> 2665</div><!-- 2666<div class="row news_item"> 2667 <div class="col-md-1 col-xs-2"> 2668 <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png"> 2669 </div> 2670 <div class="col-md-11 col-xs-10"> 2671 <p class="content_text_black">17 May, 2026</p> 2672 <a href="https://apogee.gr/en/news/Apogee-Watcher-launches-free-domain-PageSpeed-scan-and-domain-reports-for-customers.557/"> 2673 <p class="content_text_black bold_orange">Apogee Watcher launches free domain PageSpeed scan and domain reports for customers</p> 2674 </a> 2675 </div> 2676</div> 2677--> 2678 2679<div class="row news_item"> 2680 <div class="col-md-2 col-xs-2"> 2681 <!-- 2682 <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260518141702_watcher-check.jpg"> 2683 --> 2684 <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260518141702_watcher-check.jpg?width=200"> 2685 </div> 2686 <div class="col-md-10 col-xs-10"> 2687 <b> 2688 <a href="https://apogee.gr/en/news/Apogee-Watcher-launches-free-domain-PageSpeed-scan-and-domain-reports-for-customers.557/"> 2689 <p class="content_text_black bold_orange">Apogee Watcher launches free domain PageSpeed scan and domain reports for customers</p> 2690 </a> 2691 </b> 2692 </div> 2693</div><!-- 2694<div class="row news_item"> 2695 <div class="col-md-1 col-xs-2"> 2696 <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png"> 2697 </div> 2698 <div class="col-md-11 col-xs-10"> 2699 <p class="content_text_black">1 March, 2026</p> 2700 <a href="https://apogee.gr/en/news/Apogee-Celebrates-2-Successful-Years-of-Interact-Academy.556/"> 2701 <p class="content_text_black bold_orange">Apogee Celebrates 2 Successful Years of Interact Academy</p> 2702 </a> 2703 </div> 2704</div> 2705--> 2706 2707<div class="row news_item"> 2708 <div class="col-md-2 col-xs-2"> 2709 <!-- 2710 <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260323104224_ProfessionalofficewithInteractAcademywebsite.png"> 2711 --> 2712 <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260323104224_ProfessionalofficewithInteractAcademywebsite.png?width=200"> 2713 </div> 2714 <div class="col-md-10 col-xs-10"> 2715 <b> 2716 <a href="https://apogee.gr/en/news/Apogee-Celebrates-2-Successful-Years-of-Interact-Academy.556/"> 2717 <p class="content_text_black bold_orange">Apogee Celebrates 2 Successful Years of Interact Academy</p> 2718 </a> 2719 </b> 2720 </div> 2721</div> 2722 </div> 2723 <div class="col-md-6 col-sm-6 col-xs-12"> 2724 <!-- 2725<div class="row news_item"> 2726 <div class="col-md-1 col-xs-2"> 2727 <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png"> 2728 </div> 2729 <div class="col-md-11 col-xs-10"> 2730 <p class="content_text_black">15 February, 2026</p> 2731 <a href="https://apogee.gr/en/news/Presenting-Apogee-Watcher-PageSpeed-monitoring-for-agencies.553/"> 2732 <p class="content_text_black bold_orange">Presenting Apogee Watcher: PageSpeed monitoring for agencies</p> 2733 </a> 2734 </div> 2735</div> 2736--> 2737 2738<div class="row news_item"> 2739 <div class="col-md-2 col-xs-2"> 2740 <!-- 2741 <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260216201251_watcher-apogee-laptop.jpg"> 2742 --> 2743 <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260216201251_watcher-apogee-laptop.jpg?width=200"> 2744 </div> 2745 <div class="col-md-10 col-xs-10"> 2746 <b> 2747 <a href="https://apogee.gr/en/news/Presenting-Apogee-Watcher-PageSpeed-monitoring-for-agencies.553/"> 2748 <p class="content_text_black bold_orange">Presenting Apogee Watcher: PageSpeed monitoring for agencies</p> 2749 </a> 2750 </b> 2751 </div> 2752</div><!-- 2753<div class="row news_item"> 2754 <div class="col-md-1 col-xs-2"> 2755 <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png"> 2756 </div> 2757 <div class="col-md-11 col-xs-10"> 2758 <p class="content_text_black">9 February, 2026</p> 2759 <a href="https://apogee.gr/en/news/Apogee-Develops-WooCommerce-E-Shop-for-Enterhome.555/"> 2760 <p class="content_text_black bold_orange">Apogee Develops WooCommerce E-Shop for Enterhome</p> 2761 </a> 2762 </div> 2763</div> 2764--> 2765 2766<div class="row news_item"> 2767 <div class="col-md-2 col-xs-2"> 2768 <!-- 2769 <img class="award" style="width: 100%;
2769" src="https://apogee.gr/files/repository/20260319140830_enterhomeredesign.png"> 2770 --> 2771 <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260319140830_enterhomeredesign.png?width=200"> 2772 </div> 2773 <div class="col-md-10 col-xs-10"> 2774 <b> 2775 <a href="https://apogee.gr/en/news/Apogee-Develops-WooCommerce-E-Shop-for-Enterhome.555/"> 2776 <p class="content_text_black bold_orange">Apogee Develops WooCommerce E-Shop for Enterhome</p> 2777 </a> 2778 </b> 2779 </div> 2780</div><!-- 2781<div class="row news_item"> 2782 <div class="col-md-1 col-xs-2"> 2783 <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png"> 2784 </div> 2785 <div class="col-md-11 col-xs-10"> 2786 <p class="content_text_black">31 January, 2026</p> 2787 <a href="https://apogee.gr/en/news/Apogee-redesigns-and-develops-symposiumpesticideorg-for-Universita-Cattolica-del-Sacro-Cuore.554/"> 2788 <p class="content_text_black bold_orange">Apogee redesigns and develops symposiumpesticide.org for Università Cattolica del Sacro Cuore</p> 2789 </a> 2790 </div> 2791</div> 2792--> 2793 2794<div class="row news_item"> 2795 <div class="col-md-2 col-xs-2"> 2796 <!-- 2797 <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260319123733_iPadProdisplayingsymposiumdetails.png"> 2798 --> 2799 <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260319123733_iPadProdisplayingsymposiumdetails.png?width=200"> 2800 </div> 2801 <div class="col-md-10 col-xs-10"> 2802 <b> 2803 <a href="https://apogee.gr/en/news/Apogee-redesigns-and-develops-symposiumpesticideorg-for-Universita-Cattolica-del-Sacro-Cuore.554/"> 2804 <p class="content_text_black bold_orange">Apogee redesigns and develops symposiumpesticide.org for Università Cattolica del Sacro Cuore</p> 2805 </a> 2806 </b> 2807 </div> 2808</div><!-- 2809<div class="row news_item"> 2810 <div class="col-md-1 col-xs-2"> 2811 <img class="award" src="https://apogee.gr/files/apogee_2017/award4.png"> 2812 </div> 2813 <div class="col-md-11 col-xs-10"> 2814 <p class="content_text_black">3 December, 2025</p> 2815 <a href="https://apogee.gr/en/news/Levelling-up-digital-strategy-in-Greece-A-structured-SEO-process-for-IT-and-technology-firms.551/"> 2816 <p class="content_text_black bold_orange">Levelling up digital strategy in Greece: A structured SEO process for IT and technology firms</p> 2817 </a> 2818 </div> 2819</div> 2820--> 2821 2822<div class="row news_item"> 2823 <div class="col-md-2 col-xs-2"> 2824 <!-- 2825 <img class="award" style="width: 100%;" src="https://apogee.gr/files/repository/20260216202037_expert-seo.jpg"> 2826 --> 2827 <img class="award" style="width: 100%;" src="https://cdn.apogee.gr/files/repository/20260216202037_expert-seo.jpg?width=200"> 2828 </div> 2829 <div class="col-md-10 col-xs-10"> 2830 <b> 2831 <a href="https://apogee.gr/en/news/Levelling-up-digital-strategy-in-Greece-A-structured-SEO-process-for-IT-and-technology-firms.551/"> 2832 <p class="content_text_black bold_orange">Levelling up digital strategy in Greece: A structured SEO process for IT and technology firms</p> 2833 </a> 2834 </b> 2835 </div> 2836</div> 2837 </div> 2838 </div> 2839 <div class="inline_links"> 2840 <a href="/en/news/" class="link_black"><u>More news</u></a> 2841 </div> 2842 </div> 2843</div> 2844 </div> 2845 </div> 2846 <div class="content-wrapper"> 2847 <!-- SUCCESSES --> 2848 <div class="row home_successes"> 2849 <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-xs-12 inline_col"> 2850 <h2>HONORED TO PROVIDE OUR SOLUTIONS</h2> 2851 <h1>OUR SUCCESSES</h1> 2852 <div class="successes_row1"> 2853 2854 <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/interact_black.png');"></div> 2855 <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/EIPA_Logo_Green.png');"></div> 2856 <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/forth-ite-en.jpg');"></div> 2857 <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/logo-unicatt.png');"></div> 2858 2859 </div> <!-- end of row 1 --> 2860 2861 <div class="successes_row2"> 2862 <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/maastricht-university.png');"></div> 2863 <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/nsr-logo.png');"></div> 2864 <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/Interreg_Europe.jpg');"></div> 2865 <div class="success_item bg_image_centered_contain" style="background-image: url('https://cdn.apogee.gr/files/successes_2025/philips_logo.png');"></div> 2866 </div><!-- end of row 2 --> 2867 2868</div>
2869<div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-xs-12 inline_col"> 2870 <center> 2871 <a class="btn btn-secondary btn-lg orange_button_fill" type="button" no-data-toggle="modal" no-data-target="#startProjectModal" href="https://support.apogee.gr/help/1504017853"> 2872 START YOUR PROJECT 2873 </a> 2874 </center> 2875</div> 2876 </div> 2877 </div> 2878</div> 2879 2880 2881<div class="container-fluid"> 2882 2883 <div class="content-wrapper-fluid"> 2884 <!-- SLIDER --> 2885 <div class="row home_slider"> 2886 <div class="container-fluid content-wrapper"><h2>OUR SERVICES</h2></div> 2887 <div id="homeSlider" class="cycle-slideshow" 2888 data-cycle-fx="carousel" 2889 data-cycle-timeout="80000" 2890 data-cycle-carousel-visible="2" 2891 data-cycle-prev="#prev" 2892 data-cycle-next="#next" 2893 data-cycle-slides="> div.slideshow_item" 2894 data-cycle-carousel-fluid="true" 2895 data-cycle-pager=".sliderPager" 2896> 2897 <div class="slideshow_item active" style="background-color: #cccccc;" rel="#cccccc"> 2898 <div class="slideshow_item_title"> 2899 Public Sector Information Systems 2900 </div> 2901 <div class="slideshow_item_text "> 2902 We design and operate tailored Information Systems solutions for public institutions, with special focus on supporting Interreg Programmes. 2903 2904 <div class="link_list"> 2905 <!--a href="#">service information</a--> 2906 <span class="divider"> > </span> 2907 <a href="#" id="toggle" rel="4">contact us</a> 2908 </div> 2909 </div> 2910</div><div class="slideshow_item " style="background-color: #000000;" rel="#000000"> 2911 <div class="slideshow_item_title"> 2912 Private-Sector Information Systems 2913 </div> 2914 <div class="slideshow_item_text text_color_white"> 2915 <p data-start="1113" data-end="1157">We develop, maintain and support custom digital platforms built for critical business operations such as insurance processing, passenger information, ticketing and IoT device management.</p> 2916 2917 <div class="link_list"> 2918 <!--a href="#">service information</a--> 2919 <span class="divider"> > </span> 2920 <a href="#" id="toggle" rel="5">contact us</a> 2921 </div> 2922 </div> 2923</div><div class="slideshow_item " style="background-color: #cccccc;" rel="#cccccc"> 2924 <div class="slideshow_item_title"> 2925 Learning Platforms 2926 </div> 2927 <div class="slideshow_item_text "> 2928 Twenty years of experience implementing e-learning environments for training, certification, and peer learning for EU, public and private organisations. 2929 2930 <div class="link_list"> 2931 <!--a href="#">service information</a--> 2932 <span class="divider"> > </span> 2933 <a href="#" id="toggle" rel="6">contact us</a> 2934 </div> 2935 </div> 2936</div><div class="slideshow_item " style="background-color: #000000;" rel="#000000"> 2937 <div class="slideshow_item_title"> 2938 Content & Communication Platforms 2939 </div> 2940 <div class="slideshow_item_text text_color_white"> 2941 With open source and our own proprietary CMS, we implement websites and portals that support communication, community-building, e-commerce, and online services. 2942 2943 <div class="link_list"> 2944 <!--a href="#">service information</a--> 2945 <span class="divider"> > </span> 2946 <a href="#" id="toggle" rel="7">contact us</a> 2947 </div> 2948 </div> 2949</div> 2950</div> 2951<div class="sliderPager"></div> 2952<!-- STELIOS: enable buttons and set data-cycle-timeout="0" for debugging --> 2953<!--a href="#" id="prev"><img src="/files/site/ar-left.png" alt="arrow left"></a> 2954<a href="#" id="next"><img src="/files/site/ar-right.png" alt="arrow right"></a--> 2955 </div> 2956 </div> 2957 2958 <div class="content-wrapper"> 2959 <!-- FEATURED SERVICE --> 2960 <div class="row home_featured"> 2961 <div class="col-md-12"> 2962 <div class="row"> 2963 <div class="col-md-7 col-xs-7"> 2964 <h2>FEATURED TECHNOLOGY</h2> 2965 <h1>ESSENCE WCMS</h1> 2966 <p><p class="content_text_black">
2966Essence is an efficient web content management system that allows full maintenance, updating and management of your website or portal. Taking advantage of its features you can rely on an easy to use environment ready to cover all your needs while you will be able to introduce at anytime content updates.</p> <div class="inline_links"> <a href="https://apogee.gr/en/services/ESSENCE-WCMS.215/" class="link_black"><span style="text-decoration: underline;">further information</span></a> ⢠<span style="text-decoration: underline;"><a id="colorYourAudience" href="#" class="link_black">contact us</a></span></div></p> 2967 </div> 2968 <div class="col-md-5 col-xs-5"> 2969 <div class="lemon-image pull-left"> 2970 <!-- <img src="https://apogee.gr/files/repository/20170515132548_lemon.png" class="img-responsive"> --> 2971 <img src="https://cdn.apogee.gr/files/repository/20170515132548_lemon.png" class="img-responsive"> 2972 </div> 2973 </div> 2974</div> 2975 </div> 2976 </div> 2977 </div> 2978</div><!-- MODALS --> 2979<div class="modals_container"> 2980 <div id="langModal" class="modal fade" role="dialog"> 2981 <div class="modal-dialog"> 2982 <div class="modal-content"> 2983 <div class="modal-header"> 2984 <button type="button" class="close" data-dismiss="modal">Ã</button> 2985 <h3 class="modal-title"> 2986 LANGUAGE SELECTION 2987 </h3> 2988 </div> 2989 <div class="modal-body"> 2990 <div class="row"> 2991 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 lang_item"> 2992 <a href="#" class="orange_button_border active"> 2993 <!-- <img src="https://apogee.gr/files/site_new/en.png">--> 2994 English 2995 </a> 2996</div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 lang_item"> 2997 <a href="https://apogee.gr/el/home/list/" class="orange_button_border "> 2998 <!-- <img src="https://apogee.gr/files/site_new/el.png">--> 2999 Greek 3000 </a> 3001</div> 3002 </div> 3003 </div> 3004 </div> 3005 </div> 3006</div><div id="startProjectModal" class="modal fade" role="dialog"> 3007 <div class="modal-dialog"> 3008 <div class="modal-content"> 3009 <div class="modal-header"> 3010 <button type="button" class="close" data-dismiss="modal">Ã</button> 3011 <h3 class="modal-title">GET A QUOTE</h3> 3012 </div> 3013 <div class="modal-body"> 3014 <!-- intro text --> 3015 <div class="row"> 3016 <div class="col-md-12"> 3017 <div class="intro_text content_text_black"> 3018 <span class="xml-punctuation"></span><span class="xml-text">Please fill out this form and we'll get back to you within 24h !</span> 3019 </div> 3020 </div> 3021 </div> 3022 <!-- Start Project Form --> 3023 <div class="row startProjectFormContainer"> 3024 <div class="col-md-12"> 3025 <form id="startProjectModalForm" class="form-horizontal" action="https://apogee.gr/en/projects/post/" method= "POST"> 3026 <div class="row"> 3027 <div class="col-md-6 col-sm-12"> 3028 <div class="group"> 3029 <input type="text" name="name" value="" placeholder="" required> 3030 <span class="highlight"></span> 3031 <span class="bar"></span> 3032 <label> 3033 fill in your name here... 3034 </label> 3035 </div> 3036 </div> 3037 <div class="col-md-6 col-sm-12"> 3038 <div class="group"> 3039 <input type="text" name="company" value="" required>
3040 <span class="highlight"></span> 3041 <span class="bar"></span> 3042 <label> 3043 fill in your company name here... 3044 </label> 3045 </div> 3046 </div> 3047 </div> 3048 <div class="row"> 3049 <div class="col-md-12"> 3050 <div class="group"> 3051 <input type="text" name="email" value="" required> 3052 <span class="highlight"></span> 3053 <span class="bar"></span> 3054 <label> 3055 fill in your email here... 3056 </label> 3057 </div> 3058 </div> 3059 </div> 3060 <div class="row"> 3061 <div class="col-md-6 col-sm-12"> 3062 <select name="service"> 3063 <option value='-1' disabled selected>Select your desired service</option> 3064 <option value="1">Web Design & Development</option><option value="2">Web Content Management</option><option value="3">Project Management Suite</option><option value="4">Project Management Services</option><option value="5">Human Resources Services</option><option value="6">Research Consultancy Studies</option><option value="7">E-Marketing Services</option><option value="8">Electronic Protocol System</option><option value="9">E-Learning Services</option><option value="10">Online Ticketing System</option> 3065 </select> 3066 </div> 3067 <div class="col-md-6 col-sm-12"> 3068 <select name="budget"> 3069 <option value="-1" disabled selected>Select your budget</option> 3070 <option value='1000'>Under 1000â¬</option><option value='5000'>Between 1000⬠and 5000â¬</option><option value='10000'>Between 5000⬠and 10000â¬</option><option value='10001'>Over 10000â¬</option> 3071 </select> 3072 </div> 3073 </div> 3074 <div class="row"> 3075 <div class="col-md-12"> 3076 <textarea name="message" rows="10" placeholder="enter your message here..."></textarea> 3077 </div> 3078 </div> 3079 <div class="row"> 3080 <div class="col-md-12"> 3081 <label for="g-recaptcha">Spam protection:</label> 3082 <div id="RecaptchaQuote"></div> 3083 </div> 3084 </div> 3085 <div class="row"> 3086 <div class="col-md-12"> 3087 <center> 3088 <input type="submit" value="SEND"> 3089 </center> 3090 </div> 3091 </div> 3092 </form> 3093 </div> 3094 </div> 3095 <!-- loading spinner & message --> 3096 <div class="row"> 3097 <div class="col-md-12"> 3098 <div id="start_project_results"> 3099 <div class="spinner"> 3100 <center> 3101 <img src="/files/apogee_2017/spinner-ring.gif"> 3102 </center> 3103 </div> 3104 <div class="message"></div> 3105 </div> 3106 </div> 3107 </div> 3108 </div> 3109 <!-- footer --> 3110 <!--div class="modal-footer"> 3111 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 3112 </div--> 3113 </div> 3114 </div> 3115 3116
3116<script type="text/javascript"> 3117 3118 $(document).ready(function(){ 3119 // $('#startProjectModal select').select2({ width: '100%' }); 3120 }); 3121 </script>
3121 3122</div><!-- Search Modal --> 3123<div id="searchModal" class="modal fade" role="dialog"> 3124 <div class="modal-dialog"> 3125 <!-- Modal content--> 3126 <div class="modal-content"> 3127 <!-- header --> 3128 <div class="modal-header"> 3129 <button type="button" class="close" data-dismiss="modal">Ã</button> 3130 <h3 class="modal-title capitalize" lang="en"> 3131 SEARCH 3132 </h3> 3133 </div> 3134 <!-- body --> 3135 <div class="modal-body"> 3136 <form id="searchModalForm" method="POST"> 3137 <div class="row"> 3138 <div class="col-md-8"> 3139 <div class="group"> 3140 <input type="text" name="search_text" placeholder="" value="" required> 3141 <span class="highlight"></span> 3142 <span class="bar"></span> 3143 <label>your query</label> 3144 </div> 3145 </div> 3146 <div class="col-md-4"> 3147 <input value="GO" type="submit"> 3148 </div> 3149 </div> 3150 </form> 3151 </div> 3152 <!-- footer --> 3153 <div class="modal-footer"> 3154 <div class="spinner"> 3155 <center> 3156 <img src="/files/apogee_2017/spinner-ring.gif"> 3157 </center> 3158 </div> 3159 <div id="searchResults"></div> 3160 </div> 3161 </div> 3162 </div> 3163</div><!-- Search Modal --> 3164<div id="newsletterModal" class="modal fade " role="dialog"> 3165 <div class="modal-dialog"> 3166 <!-- Modal content--> 3167 <div class="modal-content"> 3168 <!-- header --> 3169 <div class="modal-header"> 3170 <button type="button" class="close" data-dismiss="modal">Ã</button> 3171 <h3 class="modal-title capitalize" lang="en"> 3172 NEWSLETTER 3173 </h3> 3174 </div> 3175 <!-- body --> 3176 <div class="modal-body"> 3177 <form id="newsletter_form" name="newsletter_form" action="https://apogee.gr/en/newsletter/subscribe/" method="POST"> 3178 <input name="fld_FK_newsletter_id" value="68" type="hidden"> 3179 <div class="row"> 3180 <div class="col-md-6"> 3181 <div class="group"> 3182 <input type="text" name="fld_Email" placeholder="" value="" required> 3183 <span class="highlight"></span> 3184 <span class="bar"></span> 3185 <label>E-mail address</label> 3186 </div> 3187 </div> 3188 <div class="col-md-6"> 3189 <input type="text" style='display:none;' name="docheiomeliou" value="" /> 3190 <input type="submit" id="newsletterModalFormSubmit" value="SUBSCRIBE / UNSUBSCRIBE"> 3191 </div> 3192 </div> 3193 </form> 3194 </div> 3195 </div> 3196 </div> 3197</div><!-- Contact Modal --> 3198<div id="contactModal" class="modal fade" role="dialog"> 3199 <div class="modal-dialog"> 3200 <div class="modal-content"> 3201 <div class="modal-header"> 3202 <button type="button" class="close" data-dismiss="modal">Ã</button> 3203 <h3 class="modal-title">CONTACT</h3> 3204 </div> 3205 <div class="modal-body"> 3206 <!-- intro text --> 3207 <div class="row"> 3208 <div class="col-md-12"> 3209 <div class="intro_text"> <!-- content_text_black --> 3210 <p>Please contact us (<a href="mailto:[email protected]">[email protected]</a>) for a presentation of our products and services at your premises, a price quotation or CV submission. With premises in Thessaloniki (Greece), Luxembourg (Luxembourg) and Barcelona (Spain) we are always next to you, available to provide you with the best services.</p> <a href="mailto:[email protected]"></a> 3211 </div> 3212 </div> 3213 </div> 3214 <!-- contact form --> 3215 <div class="row contactFormContainer"> 3216 <div class="col-md-12"> 3217 <form id="contactModalForm" class="form-horizontal" action="https://apogee.gr/en/contact/post/" method= "POST"> 3218 <!-- first name --> 3219 <div class="form-group group"> 3220 <input id="cfirst_name" name="first_name" class="required" type="text" required>
3221 <span class="highlight"></span> 3222 <span class="bar"></span> 3223 <label> 3224 First name: 3225 <span style="color:#FF2B06;">*</span> 3226 </label> 3227 </div> 3228 <!-- surname --> 3229 <div class="form-group group"> 3230 <input id="clast_name" name="last_name" value="" class="required" type="text" required> 3231 <span class="highlight"></span> 3232 <span class="bar"></span> 3233 <label> 3234 Surname: 3235 <span style="color:#FF2B06;">*</span> 3236 </label> 3237 </div> 3238 <!-- email --> 3239 <div class="form-group group"> 3240 <input id="cemail_address" name="email_address" value="" class="required email" type="text" required> 3241 <span class="highlight"></span> 3242 <span class="bar"></span> 3243 <label> 3244 E-mail address: 3245 <span style="color:#FF2B06;">*</span> 3246 </label> 3247 </div> 3248 <!-- phone --> 3249 <div class="form-group group"> 3250 <input id="cphone_number" class="text" name="phone_number" value="" type="text" required> 3251 <span class="highlight"></span> 3252 <span class="bar"></span> 3253 <label> 3254 Phone: 3255 <span style="color:#FF2B06;">*</span> 3256 </label> 3257 </div> 3258 3259 <!-- subject --> 3260 <div class="form-group"> 3261 <label for="csubject"> 3262 Subject: 3263 <span style="color:#FF2B06;">*</span> 3264 </label> 3265 <select id="csubject" name="subject" class="required"> 3266 <option value="">Select</option> 3267 <option value='1'>Web Design & Development</option><option value='2'>Web Content Management</option><option value='3'>Project Management Suite</option><option value='4'>Project Management Services</option><option value='5'>Human Resources Services</option><option value='6'>Research Consultancy Studies</option><option value='7'>E-Marketing Services</option><option value='8'>Electronic Protocol System</option><option value='9'>E-Learning Services</option><option value='10'>Online Ticketing System</option> 3268 <option value="Other">Other</option> 3269 </select> 3270 </div> 3271 <!-- file --> 3272 <!--div class="form-group"> 3273 <label for="uploadedfile">File:</label> 3274 <input name="uploadedfile" id="uploadedfile" method="post" enctype="multipart/form-data" type="file"> 3275 </div--> 3276 <!-- message --> 3277 <div class="form-group"> 3278 <label for="cmessage"> 3279 Message: 3280 <span style="color:#FF2B06;">*</span> 3281 </label> 3282 <textarea id="cmessage" name="message" class="required"></textarea> 3283 </div> 3284 <!-- recaptcha --> 3285 <div class="form-group"> 3286 <label for="g-recaptcha">Spam protection:</label> 3287 <div id="RecaptchaContact"></div> 3288 </div> 3289 <!-- submit button --> 3290 <div class="form-group"> 3291 <center> 3292 <input type="submit" value="SEND"> 3293 </center> 3294 </div> 3295 </form> 3296 </div> 3297 </div> 3298 <!-- loading spinner & message --> 3299 <!--div class="row"> 3300 <div class="col-md-12"> 3301 <div id="contact_results"> 3302 <div class="spinner"> 3303 <center> 3304 <img src="/files/apogee_2017/spinner-ring.gif"> 3305 </center> 3306 </div> 3307 <div class="message"></div> 3308 </div> 3309 </div> 3310 </div--> 3311 </div> 3312 </div> 3313 </div> 3314
3314<script type="text/javascript"> 3315 3316 $(document).ready(function(){ 3317 // $('#contactModal select').select2({ width: '100%' }); 3318 }); 3319 </script>
3319 3320</div><!-- Request Info Modal --> 3321<div id="requestInfoModal" class="modal fade" role="dialog"> 3322 <div class="modal-dialog"> 3323 <!-- Modal content--> 3324 <div class="modal-content"> 3325 <!-- header --> 3326 <div class="modal-header"> 3327 <button type="button" class="close" data-dismiss="modal">Ã</button> 3328 <h3 class="modal-title" lang="en"> 3329 REQUEST COMPANY INFORMATION 3330 </h3> 3331 <!--h4 class="modal_title"> 3332 Fill in the form below to download the company's brochure. You will be automatically subscribed to our newsletter. 3333 </h4--> 3334 </div> 3335 <!-- body --> 3336 <div class="modal-body"> 3337 <div class="row"> 3338 <div class="col-md-12"> 3339 <div class="intro_text content_text_black"> 3340 Fill in the form below to download the company's brochure. You will be automatically subscribed to our newsletter. 3341 </div> 3342 </div> 3343 </div> 3344 <div class="row requestInfoFormContainer"> 3345 <div class="col-md-12"> 3346 <form id="request_info_form" name="request_info_form" action="https://apogee.gr/en/newsletter/request_info/" method="POST"> 3347 <!-- First name --> 3348 <div class="form-group group"> 3349 <input id="cfirst_name" name="first_name" type="text" required> 3350 <span class="highlight"></span> 3351 <span class="bar"></span> 3352 <label> 3353 3354 <span class="mandatory">*</span> 3355 </label> 3356 </div> 3357 <!-- Surname --> 3358 <div class="form-group group"> 3359 <input id="clast_name" name="last_name" type="text" required> 3360 <span class="highlight"></span> 3361 <span class="bar"></span> 3362 <label for="clast_name"> 3363 Your surname 3364 <span class="mandatory">*</span> 3365 </label> 3366 </div> 3367 <!-- E-mail --> 3368 <div class="form-group group"> 3369 <input id="cemail_address" name="email_address" type="text" required> 3370 <span class="highlight"></span> 3371 <span class="bar"></span> 3372 <label for="cemail_address"> 3373 3374 <span class="mandatory">*</span> 3375 </label> 3376 </div> 3377 <!-- Terms & Conditions --> 3378 <div class="checkbox"> 3379 <label> 3380 <input id="cterms" name="terms" type='checkbox'> 3381 I have read and accept the <a href="/en/about-us-new/Legal-Disclaimer.205/" target="_blank">terms and conditions</a>. 3382 <span class="mandatory">*</span> 3383 </label> 3384 </div> 3385 <!-- re-Captcha --> 3386 <div class="form-group"> 3387 <div id="RecaptchaRequestInfo"></div> 3388 </div> 3389 <!-- Download --> 3390 <div class="form-group"> 3391 <input value="DOWNLOAD" type="submit"> 3392 </div> 3393 </form> 3394 </div> 3395 </div> 3396 </div> 3397 </div> 3398 </div> 3399</div><div id="loaderModal" class="modal fade" role="dialog" data-keyboard="false" data-backdrop="static"> 3400 <div class="modal-dialog"> 3401 <!-- Modal content--> 3402 <div class="modal-content"> 3403 <div class="modal-body"> 3404 <div id="loader_results"> 3405 <div class="spinner"> 3406 <center> 3407 <img src="/files/apogee_2017/spinner-ring.gif"> 3408 </center> 3409 </div> 3410 <div class="message"></div> 3411 </div> 3412 </div> 3413 <div class="modal-footer" style="display: none;"> 3414 <center> 3415 <button type="button" class="orange_button_border" data-dismiss="modal"> 3416 DISMISS 3417 </button> 3418 </center> 3419 </div> 3420 </div> 3421 </div> 3422</div> 3423</div> 3424<!-- FOOTER --> 3425<div class="container-fluid footer_container"> 3426 <div class="row footer_row"> 3427 <div class ="footer-image col-xs-12 col-sm-12 col-md-12 col-lg-12"> 3428 <div class="clearfix"> 3429 <div class="content-wrapper"> 3430 <!-- Left Column --> 3431 <div class="col-md-6 col-sm-6 col-xs-12 left_column"> 3432 <h3>© 2002 - 2026 APOGEE INFORMATION SYSTEMS</h3> 3433 <p class="content_text_white">
3434 We provide highly specialised services on Custom web and mobile Application Design and Development, Project Management, E-learning, <a href="https://apogeewatcher.com/">Web Performance</a>, Online Marketing & SEO. 3435 </p> 3436 <div class="useful_links"> 3437 <a href="/en/about-us/" class="link_white"> 3438 <u>about us</u> 3439 </a> 3440 <span class="divider"> ⢠</span> 3441 <a href="/en/about-us/Legal-Disclaimer.205/" class="link_white"> 3442 <u>legals</u> 3443 </a> 3444 <span class="divider"> ⢠</span> 3445 <a href="/en/sitemap/" class="link_white"> 3446 <u>sitemap</u> 3447 </a> 3448 <span class="divider"> ⢠</span> 3449 <a href="#" data-toggle="modal" class="link_white" data-target="#contactModal"> 3450 <u>contact us</u> 3451 </a> 3452 </div> 3453 <div style="margin-top:15px;color:#fff;">Member of <a target=blank_ href="https://www.italia.gr/"><img style="margin-left:10px;height:50px;margin-bottom:.25em; vertical-align:middle;" src="https://apogee.gr/files/site/greek-italia-logo_white_en.png"></a></div> 3454 </div> 3455 <!-- Right Column --> 3456 <div class="col-md-6 col-sm-6 col-xs-12 right_column"> 3457 <h3>NEXT TO YOU!</h3> 3458 <p class="content_text_white"> 3459 192 Delfon str. GR 542 48, Thessaloniki, Greece<br /> +30 231 032 3011 // [email protected] 3460 </p> 3461 <p class="content_text_white"> 3462 164 Ave. Diagonal, ES 08018 Barcelona, Spain<br /><span>40, Op der Heed, L-1747 Luxembourg,</span> Luxembourg 3463 </p> 3464 <div class="social_icons"> 3465 <a href="https://www.facebook.com/Apogee.Information.Systems?ref=ts" target="_blank"> 3466 <img class="icon_facebook" src="https://apogee.gr/files/apogee_2017/f.png"> 3467 </a> 3468 <a href="https://twitter.com/apogeeis" target="_blank"> 3469 <img class="icon_twitter" src="https://apogee.gr/files/apogee_2017/twitter.png"> 3470 </a> 3471 <a href="http://www.linkedin.com/company/apogee-information-systems" target="_blank"> 3472 <img class="icon_linkedin" src="https://apogee.gr/files/apogee_2017/in.png"> 3473 </a> 3474 </div> 3475 </div> 3476 3477 </div> 3478 </div> 3479 </div> 3480 </div> 3481</div> 3482 3483<!-- Google analytics --> 3484<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 3484-3485
3484 3485<script async src="https://www.googletagmanager.com/gtag/js?id=
3485UA-1038030-1
vendor: 13 bytes, line 3485
3485"></script>
3486<script> 3487
vendor: 138 bytes, lines 3487-3491
3487window.dataLayer = window.dataLayer || []; 3488 function gtag(){dataLayer.push(arguments);} 3489 gtag('js', new Date()); 3490 3491 gtag('config', '
3491UA-1038030-1
vendor: 10 bytes, lines 3491-3492
3491'); 3492
3492gtag('config', 'G-7K60GM6L69'); 3493</script>
3493 3494 3495<!-- Matomo -->
3496<script> 3497 var _paq = window._paq = window._paq || []; 3498 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 3499 _paq.push(['trackPageView']); 3500 _paq.push(['enableLinkTracking']); 3501 (function() { 3502 var u="//analytics.apogee.gr/"; 3503 _paq.push(['setTrackerUrl', u+'matomo.php']); 3504 _paq.push(['setSiteId', '7']); 3505 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 3506 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 3507 })(); 3508</script>
3508 3509<!-- End Matomo Code --> 3510
3510<script src="//rum-static.pingdom.net/pa-689483b49bf37300120008c3.js" async></script>
vendor: 2 bytes, line 3510
3510
3511<script> 3512 var map = {}; // You could also use an array 3513 var timer = null; 3514 var inactive = false; 3515 onkeydown = onkeyup = function(e){ 3516 e = e || event; // to deal with IE 3517 map[e.keyCode] = e.type == 'keydown'; 3518 //e.preventDefault(); 3519 // D + E + V 3520 if ( 68 in map && 69 in map && 86 in map) { 3521 //console.log(map["68"] && map["69"] && map["86"]); 3522 if (map["68"] && map["69"] && map["86"] && !inactive){ 3523 timer = setTimeout(function(){ 3524 inactive = true; 3525 window.location = "/en/home/list/&devmode=02102026"; 3526 },3000); 3527 } else { 3528 inactive = false; 3529 clearTimeout(timer); 3530 } 3531 } 3532 } 3533 </script>
3533<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0478016dbff1489db112ae7014f822ea","r":1,"spa":2}' crossorigin="anonymous"></script>
3533 3534</body> 3535</html><!-- Apogee ESSENCE CMS - http://apogeeis.eu - 5.210911 OmikronKappa:[] // Page gen. in 0.0656970 secs | 29 queries in 0.008479118347168 secs -- memory: 2 mb -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.