Line 50: | Line 50: | ||
<div class="col-12"> | <div class="col-12"> | ||
<header> | <header> | ||
− | <h2 class="ocp-banner-title">Open CSP</h2> | + | <h2 class="ocp-banner-title"><img src="/logo/open-csp_1.svg" id="Open CSP Logo" style="height:150px;"/></h2> |
<p class="mx-auto ocp-banner-subtitle"> | <p class="mx-auto ocp-banner-subtitle"> | ||
The open source content services platform | The open source content services platform |
Revision as of 09:16, 30 June 2023
<style>
.ocp-banner-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; margin-top: 74px; background-color: rgba( 0, 0, 0, .5 ); }
.ocp-banner-section video { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -60%); min-width: 100%; min-height: 100%; }
.ocp-banner-text-container { position: relative; z-index: 1000; color: white; text-align: center; max-width: 520px; }
.ocp-banner-title { font-size: 3rem; font-weight: 300; margin-bottom: 40px; color:white; }
.ocp-banner-subtitle { font-size: 1.5rem; font-weight: 300; max-width: 500px; }
</style>