Desktop design

Inner page - destination

Inner page - crew

Inner page - technology

Tablet design

Mobile design

Space tourism multi-page website

<app-a11y _ngcontent-ng-c2580189175="" _nghost-ng-c4222770290=""><ul _ngcontent-ng-c4222770290=""><li _ngcontent-ng-c4222770290=""><a _ngcontent-ng-c4222770290="" href="#main-content" class="a11y-link"> skip to main content </a></li></ul></app-a11y>

<a _ngcontent-ng-c4222770290="" href="#main-content" class="a11y-link"> skip to main content </a>

770290=""><ul _ngcontent-ng-c4222770290=""><li _n

770290=""><li _ngcontent-ng-c4222770290=""><a _ng

770290=""><a _ngcontent-ng-c4222770290="" href="#main-content" class="a11y-link"> skip

883593=""><header _ngcontent-ng-c1080883593="" class="main-header"><div _

n-header"><div _ngcontent-ng-c1080883593="" class="l-grid-layout"><div _

d-layout"><div _ngcontent-ng-c1080883593="" class="main-header__inner"><a _ng

r__inner"><a _ngcontent-ng-c1080883593="" routerlink="/home" class="main-header__logo" href="/Space-Tourism-Website-Angular/home"><img _

lar/home"><img _ngcontent-ng-c1080883593="" src="./assets/images/shared/logo.svg" alt="SpaceY Home Page"></a><a

411205=""><nav _ngcontent-ng-c2535411205="" id="main-nav" class="main-nav" data-page="home"><butto

ge="home"><button _ngcontent-ng-c2535411205="" aria-controls="main-nav-list" type="button" class="main-nav__open" aria-expanded="false"><img _

d="false"><img _ngcontent-ng-c2535411205="" src="./assets/images/shared/icon-hamburger.svg" alt="Open navigation"></butt

></button><div _ngcontent-ng-c2535411205="" class="main-nav__inner"><butto

v__inner"><button _ngcontent-ng-c2535411205="" aria-controls="main-nav-list" type="button" class="main-nav__close" aria-expanded="false"><img _

d="false"><img _ngcontent-ng-c2535411205="" src="./assets/images/shared/icon-close.svg" alt="Close the navigation"></butt

></button><ul _ngcontent-ng-c2535411205="" id="main-nav-list" class="main-nav__list"><li _n

av__list"><li _ngcontent-ng-c2535411205=""><a _ng

411205=""><a _ngcontent-ng-c2535411205="" ariacurrentwhenactive="page" routerlinkactive="js-current" href="/Space-Tourism-Website-Angular/home" class="js-current" aria-current="page"><span

nt="page"><span _ngcontent-ng-c2535411205="" aria-hidden="true">00</sp

pan> home <span _ngcontent-ng-c2535411205="" class="u-sr-only"> page<

></a></li><li _ngcontent-ng-c2535411205=""><a _ng

411205=""><a _ngcontent-ng-c2535411205="" ariacurrentwhenactive="page" routerlinkactive="js-current" href="/Space-Tourism-Website-Angular/destination"><span

tination"><span _ngcontent-ng-c2535411205="" aria-hidden="true">01</sp

stination <span _ngcontent-ng-c2535411205="" class="u-sr-only"> page<

411205=""><a _ngcontent-ng-c2535411205="" ariacurrentwhenactive="page" routerlinkactive="js-current" href="/Space-Tourism-Website-Angular/crew"><span

lar/crew"><span _ngcontent-ng-c2535411205="" aria-hidden="true">02</sp

pan> crew <span _ngcontent-ng-c2535411205="" class="u-sr-only"> page<

411205=""><a _ngcontent-ng-c2535411205="" ariacurrentwhenactive="page" routerlinkactive="js-current" href="/Space-Tourism-Website-Angular/technology"><span

chnology"><span _ngcontent-ng-c2535411205="" aria-hidden="true">03</sp

echnology <span _ngcontent-ng-c2535411205="" class="u-sr-only"> page<

pp-header><main _ngcontent-ng-c2580189175="" class="main" data-end-padded="true"><div _

ed="true"><div _ngcontent-ng-c2580189175="" class="l-grid-layout"><div _

d-layout"><div _ngcontent-ng-c2580189175="" class="main__inner" data-bleed-left="false"><!----

748305=""><div _ngcontent-ng-c4216748305="" class="l-content-wrapper l-grid-switch"><div _

d-switch"><div _ngcontent-ng-c4216748305=""><h1 _n

748305=""><h1 _ngcontent-ng-c4216748305=""><span

748305=""><span _ngcontent-ng-c4216748305="" class="u-fs-600 u-text-uppercase"> so, y

to </span><br _ngcontent-ng-c4216748305=""><b _ng

748305=""><b _ngcontent-ng-c4216748305="" class="u-fs-1100 u-keyword">space<

e</b></h1><p _ngcontent-ng-c4216748305=""> Let"s

</p></div><div _ngcontent-ng-c4216748305="" class="explore-link"><a _ng

ore-link"><a _ngcontent-ng-c4216748305="" routerlink="/destination" href="/Space-Tourism-Website-Angular/destination"> explo

Design comparison

Please log in to post a comment

Space Tourism Website With Angular And Subgrid

Design comparison

Community feedback

Please log in to post a comment

Join our Discord community