/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; font-family:Poppins, sans-serif; line-height: 25px; } .header-wrapper{ background-color: #F6D578; display: flex; align-items: center; justify-content: center; flex-direction: row; } .header{ max-height: 50px; display: grid; grid-template-areas: "initial icons"; justify-content: space-between; width: 84%; padding-bottom: 20px; } .header-initial{ padding-top: 15px; grid-area: initial; } .header-links{ padding-left: 20px; width: 100px; align-items: center; } .header-icon-size{ padding-top: 3px; width: 53px; height: 46px; padding-left: 10px; } .header-icons-align{ padding-bottom: 5px; grid-area: icons; } .header-search{ border-radius: 45px; border-color: #29335c; border-width: 1px; padding-left: 10px; padding-bottom: 2px; } .search-icon-header{ padding-top: 10px; position: absolute; } .email-id-header{ background-color: #ffffff; border: 0; color: #f5f5f5; border-radius: 40px; padding: 5px; } .search-icon-header{ width: 25px; height: 25px; fill: #f5f5f5; padding-top: 10px; display: block; } .search-tab-header{ padding-right: 10px; } .footer { background: #29335c; color: #ffffff; font-size: 14px; line-height: 1.5; padding: 18px 0; } #column-1{ grid-area: "column-1"; position: relative; } #column-2{ grid-area: "column-2"; } #column-3{ grid-area: "column-3"; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; display: grid; grid-template-areas: "column-1 column-2 column-3"; gap: 10px; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-col { padding: 0 3px; } #footer-col-copyRight { justify-content: flex-start; grid-area: "footer-col-copyRight"; } #footer-copyright{ grid-area: "footer-copyright" } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } .image-wrapper::before{ content: "\a"; white-space: pre; } .image-wrapper{ position: absolute; bottom: 0px; padding-top: 20px; } .footer-image{ width: 180px; height: 50px; } #footer-row { grid-area: footer-row; position: absolute; bottom: 0px; padding: 20px; } .column-heading{ color: #ffffff; font-weight: bold; font-size: medium; } .column-text{ color: #f5f5f5; font-size: medium; } .linking-text{ text-decoration: none; font-size: medium; font-weight: 200; border: #ffffff; color: #ffffff; } .linking-text:link, .linking-text:visited, .linking-text:hover, .linking-text:focus, .linking-text:active { text-decoration: none; font-size: medium; font-weight: 200; border: #ffffff; color: #ffffff; } .twitter-icon{ width: 25px; height: 25px; fill: #ffffff; padding-bottom: 2px; } .socialmedia-icon{ width: 30px; height: 30px; fill: #ffffff; padding-left: 10px; } .email-id{ background-color: #29335c; border: 0; color: #f5f5f5; padding: 5px; } ::placeholder{ color: #f5f5f5; font-size: small; } .email-arrow{ color: #ffffff; } .email-line{ color: #ffffff; width: 200px; } .line-break{ display: block; } @media screen and (max-width: 480px) { .header-links::after{ content: "\a"; white-space: pre; } .header-initial{ padding-top: 2px; } .header{ grid-template-areas: "initial"; width: 100%; max-height: 80px; } #footer-row{ display: grid; grid-template-areas: "footer-col-copyRight" "footer-copyright"; } .line-break{ display: none; } .footer-wrap{ display: grid; grid-template-areas: "column-1" "column-2" "column-3" "footer-row"; } #footer-col-copyRight{ padding-left: 170px; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; flex-direction: column; } .logo { margin: 0 auto; } } /* # sourceMappingURL=styles.css.map */ @media only screen and (min-width: 480px){ .header{ width: 100%; white-space: nowrap; } .header-initial{ float: left; } .header-icons-align{ float: left; } } @media only screen and (min-width: 1920px){ .header{ width: 62%; white-space: nowrap; justify-content: space-between; } .header-initial{ float: left; } .header-icons-align{ float: left; } }

It’s time to go to Greece!

Alesha Savannah

Alesha Savannah Member (Full) Posts: 15

June 27 in Travel and Transport

Hey y’all!

Have you been able to check this out on LinkedIn?!

https://www.linkedin.com/posts/annzaslowrethaber_inclusivityispower-inclusiveworkplace-community-activity-7077615808960462848-ybn9?utm_source=share&utm_medium=member_ios

1

Comments

Meryl Evans Member (Full) Posts: 16

July 7

That's cool! Thanks for sharing!

1

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; font-family:Poppins, sans-serif; line-height: 25px; } .header-wrapper{ background-color: #F6D578; display: flex; align-items: center; justify-content: center; flex-direction: row; } .header{ max-height: 50px; display: grid; grid-template-areas: "initial icons"; justify-content: space-between; width: 84%; padding-bottom: 20px; } .header-initial{ padding-top: 15px; grid-area: initial; } .header-links{ padding-left: 20px; width: 100px; align-items: center; } .header-icon-size{ padding-top: 3px; width: 53px; height: 46px; padding-left: 10px; } .header-icons-align{ padding-bottom: 5px; grid-area: icons; } .header-search{ border-radius: 45px; border-color: #29335c; border-width: 1px; padding-left: 10px; padding-bottom: 2px; } .search-icon-header{ padding-top: 10px; position: absolute; } .email-id-header{ background-color: #ffffff; border: 0; color: #f5f5f5; border-radius: 40px; padding: 5px; } .search-icon-header{ width: 25px; height: 25px; fill: #f5f5f5; padding-top: 10px; display: block; } .search-tab-header{ padding-right: 10px; } .footer { background: #29335c; color: #ffffff; font-size: 14px; line-height: 1.5; padding: 18px 0; } #column-1{ grid-area: "column-1"; position: relative; } #column-2{ grid-area: "column-2"; } #column-3{ grid-area: "column-3"; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; display: grid; grid-template-areas: "column-1 column-2 column-3"; gap: 10px; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-col { padding: 0 3px; } #footer-col-copyRight { justify-content: flex-start; grid-area: "footer-col-copyRight"; } #footer-copyright{ grid-area: "footer-copyright" } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } .image-wrapper::before{ content: "\a"; white-space: pre; } .image-wrapper{ position: absolute; bottom: 0px; padding-top: 20px; } .footer-image{ width: 180px; height: 50px; } #footer-row { grid-area: footer-row; position: absolute; bottom: 0px; padding: 20px; } .column-heading{ color: #ffffff; font-weight: bold; font-size: medium; } .column-text{ color: #f5f5f5; font-size: medium; } .linking-text{ text-decoration: none; font-size: medium; font-weight: 200; border: #ffffff; color: #ffffff; } .linking-text:link, .linking-text:visited, .linking-text:hover, .linking-text:focus, .linking-text:active { text-decoration: none; font-size: medium; font-weight: 200; border: #ffffff; color: #ffffff; } .twitter-icon{ width: 25px; height: 25px; fill: #ffffff; padding-bottom: 2px; } .socialmedia-icon{ width: 30px; height: 30px; fill: #ffffff; padding-left: 10px; } .email-id{ background-color: #29335c; border: 0; color: #f5f5f5; padding: 5px; } ::placeholder{ color: #f5f5f5; font-size: small; } .email-arrow{ color: #ffffff; } .email-line{ color: #ffffff; width: 200px; } .line-break{ display: block; } @media screen and (max-width: 480px) { .header-links::after{ content: "\a"; white-space: pre; } .header-initial{ padding-top: 2px; } .header{ grid-template-areas: "initial"; width: 100%; max-height: 80px; } #footer-row{ display: grid; grid-template-areas: "footer-col-copyRight" "footer-copyright"; } .line-break{ display: none; } .footer-wrap{ display: grid; grid-template-areas: "column-1" "column-2" "column-3" "footer-row"; } #footer-col-copyRight{ padding-left: 170px; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; flex-direction: column; } .logo { margin: 0 auto; } } /* # sourceMappingURL=styles.css.map */ @media only screen and (min-width: 480px){ .header{ width: 100%; white-space: nowrap; } .header-initial{ float: left; } .header-icons-align{ float: left; } } @media only screen and (min-width: 1920px){ .header{ width: 62%; white-space: nowrap; justify-content: space-between; } .header-initial{ float: left; } .header-icons-align{ float: left; } }

Email

contact@openinclusion.com

Contact Numbers

UK +44 20 39501957
USA +1 (903)650-9470
9am - 5PM GMT and EST/EDT on weekdays

if you wish to call us via text relay / TRS Please dial the following before our number: 18001 (in the UK) or 711 (in the US)

Head Office

Open Inclusion 86-90 Paul Street, London, EC2A 4NE, United Kingdom

Privacy Policy
All BSL videos
Accessibility
How we use language
Carbon footprint

If you have any feedback about how we can make this website or our community space more accessible and inclusive, please let us know. We have a form on the Accessibility Page or email us at support@openinclusion.com

Follow us on