TIMELINE » alias architects

home | TIMELINE

2007

Vertical Density, Los Angeles, USA, Competition, Awarded

Prototype for bioclimatic housing settlement

Practice Centre for Implantology, Peridontology, Prosthetics

Prototype of a compact residential building

2008

2009

MaxView – LandscapeCity, Montreux, Suisse

Mosaic Atrium Cube

2010

Cemetery of Dionyssos, extension and restoration

Cube Apartment Athens

2011

Vocational Lyceum Boarding School

EcoRings in the Park

EcoRings in the Park

HUGO BOSS stores

2012

Ecoweek, Greenhouse Metamorfosi, Athens, Greece

2013

HUGO BOSS headquarters PL

2014

TOU, Bioclimatic extension of private residence, Kifissia, Greece

Urban upgrade of local axes – Mouson Street

Archeological Thematic Museum of Piraeus

2015

Living on the Alte Bergstrasse

2016

Extention of a private residence

Public market with treetop shadow

2017

NSI for HUGO BOSS AG

Outdoor school landscape and sport facilities

2018

Day nursery and public hall

Satellite Hotel

Residential Complex

Renovation of an apartment on the sea

Regeneration of a former railway area

Public Community and Facility Center

2019

Konrad Adenauer Stiftung

Spiral for Spirits

Sculpture for Fine Arts

New Archaeological Museum of Sparta NAMS

Privacy Imprint

/* ----------------------------------------- */ /* View slug: timeline - start */ /* ----------------------------------------- */ div#main-myfooter { position: fixed; width: 100%; bottom: 0; z-index: 100000; } ol, ul {list-style: none !important;} .frst-timeline-style-17 .events-content li h4 {border-bottom: 1px solid rgba(255, 0, 0, 0.28);padding: 11px 5px;line-height: 22px;} .frst-timeline-style-17 a {text-decoration: none;} .frst-timeline-style-17 {opacity: 0; margin: 0 auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;} .frst-timeline-style-17::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .tlproject { padding: 15px; border-bottom: 1px solid rgba(255, 0, 0, 0.3); font-size: 18px; line-height: 21px; } .frst-timeline-style-17.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .frst-timeline-style-17 .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .frst-timeline-style-17 .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .frst-timeline-style-17 .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .frst-timeline-style-17 .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(60deg, #ef5350 , #e53935); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .frst-timeline-style-17 .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 16px; padding-bottom: 15px; color: #f3f3f3; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .frst-timeline-style-17 .events a::after { content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -7px; height: 16px; width: 16px; border-radius: 50%; border: 2px solid #e63b37; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .frst-timeline-style-17 .events a:hover::after { background: linear-gradient(60deg, #ef5350 , #e53935); border-color: #e73e3a; } .frst-timeline-style-17 .events a.selected { pointer-events: none; } .frst-timeline-style-17 .events a.selected::after { background: linear-gradient(60deg, #ef5350 , #e53935); border-color: #e73e3a; } @media only screen and (min-width: 1100px) { .frst-timeline-style-17 { margin:0 auto; } .frst-timeline-style-17::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .frst-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; color: #dfdfdf; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .frst-timeline-navigation a:hover { border: 2px solid #ea4643; color: #ea4744; } .frst-timeline-navigation a.prev{ left:0; } .frst-timeline-navigation a.prev::before { content: "\f053"; font-family: FontAwesome; color: #ccc; font-size: 16px; display: block; position: absolute; top: 3px; left: -22px; z-index: 10000; height: 100%; width: 100%; text-align: center; } .frst-timeline-navigation a.next::before { content: "\f054"; font-family: FontAwesome; font-size: 16px; display: block; position: absolute; top: 3px; left: -20px; z-index: 10000; color: #ccc; height: 100%; width: 100%; text-align: center; } .frst-timeline-navigation a:hover:before { color: #e9433f; } .frst-timeline-navigation a.next { right: 0; } .no-touch .frst-timeline-navigation a:hover { border-color: #e94340; } .frst-timeline-navigation a.inactive { cursor: not-allowed; } .frst-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .frst-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .frst-timeline-style-17 .events-content { position: relative; max-width: 760px; margin: 0 auto; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .frst-timeline-style-17 .events-content li { text-align: left; position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .frst-timeline-style-17 .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .frst-timeline-style-17 .events-content li.enter-right, .frst-timeline-style-17 .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .frst-timeline-style-17 .events-content li.enter-left, .frst-timeline-style-17 .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .frst-timeline-style-17 .events-content li.leave-right, .frst-timeline-style-17 .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .frst-timeline-style-17 .events-content li > * { max-width: 800px; margin: 0 auto; } .frst-timeline-style-17 .events-content h2 { color: #005695; font-weight: 600; font-size: 20px; line-height: 1.2; } { display: block; margin: 0 auto; } .frst-timeline-style-17 .events-content p { font-size: 1.4rem; color: #959595; } .frst-timeline-style-17 .events-content em, .frst-timeline-style-17 .events-content p { line-height: 1.6; } .frst-timeline-style-17 .events-content p { display: block; margin-bottom: 15px; } .frst-timeline-style-17 .events-content .media-section { position: relative; max-width: 600px; } .frst-timeline-style-17 .events-content .media-section img, .frst-timeline-style-17 .events-content .media-section iframe { max-width:100%; } @media only screen and (min-width: 768px) { .frst-timeline-style-17 .events-content h2 { font-size: 20px; color: #ec4b48; } .frst-timeline-style-17 .events-content em { font-size: 16px; } .frst-timeline-style-17 .events-content p { font-size: 17px; } } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /* ----------------------------------------- */ /* View slug: timeline - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: related-years - start */ /* ----------------------------------------- */ .frst-timeline-style-17 h5 { display: table; margin: 0px auto 25px !important; text-align: center; background: #d00b0b; padding: 6px 11px; border-radius: 3px; font-weight: 700; letter-spacing: 2px; } /* ----------------------------------------- */ /* View slug: related-years - end */ /* ----------------------------------------- */