Details - BEE Pro | No-code email & page design suite
Tue Jul 04 2023 17:45:28 GMT+0000 (Coordinated Universal Time)
Saved by @SapphireElite
<!DOCTYPE html>
<html>
<head>
<title>EliteOS Page Proof</title>
<meta content="summary_large_image" name="twitter:card" />
<meta content="website" property="og:type" />
<meta content="EliteOS Embedded Element" property="og:description" />
<meta content="https://xpws6xe2wz.preview-postedstuff.com/V2-H3iG-Ryfp-pdaW-ZasKH/eliteos-page-proof/" property="og:url" />
<meta content="https://pro-bee-beepro-thumbnail.getbee.io/messages/866062/850188/1910346/9011887_large.jpg" property="og:image" />
<meta content="EliteOS Page Proof" property="og:title" />
<meta content="EliteOS Embedded Element" name="description" />
<meta charset="utf-8" />
<meta content="width=device-width" name="viewport" />
<link href="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/866062_850188/favicon_images/SapphireTOP_1-b9742c-16-icon.png" rel="icon" sizes="16x16" />
<link href="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/866062_850188/favicon_images/SapphireTOP_1-b9742c-32-icon.png" rel="icon" sizes="32x32" />
<link href="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/866062_850188/favicon_images/SapphireTOP_1-b9742c-apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180" />
<link href="https://fonts.googleapis.com/css?family=Noto+Serif" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css2?family=Inter&family=Work+Sans:wght@700&display=swap" rel="stylesheet" type="text/css" />
<style>
.bee-row,
.bee-row-content {
position: relative
}
.bee-row-1 {
background-repeat: no-repeat
}
.bee-button .content {
text-align: center
}
.bee-row-3 .bee-col-1,
.bee-row-6 .bee-col-1,
.bee-row-7 .bee-col-1,
.bee-row-8 .bee-col-1,
.bee-row-9 .bee-col-1 {
border-bottom: 0 solid #4f5aba;
border-left: 0 solid #4f5aba;
border-right: 0px solid #4f5aba;
border-top: 0 solid #4f5aba
}
body {
background-color: #0921d7;
color: #000;
font-family: Inter, sans-serif
}
.bee-row-13 .bee-col-1 .bee-block-1 a,
.bee-row-13 .bee-col-2 .bee-block-1 a,
.bee-row-13 .bee-col-3 .bee-block-1 a,
.bee-row-15 .bee-col-2 .bee-block-1 a,
.bee-row-2 .bee-col-1 .bee-block-3 a,
.bee-row-4 .bee-col-2 .bee-block-3 a,
.bee-row-4 .bee-col-2 .bee-block-4 a,
.bee-row-6 .bee-col-1 .bee-block-2 a,
a {
color: #f710ce
}
* {
box-sizing: border-box
}
body,
h1,
h2,
p {
margin: 0
}
.bee-menu .bee-hamburger-trigger {
display: none
}
.bee-row-content {
max-width: 1250px;
margin: 0 auto;
display: flex
}
.bee-row-content .bee-col-w2 {
flex-basis: 17%
}
.bee-row-content .bee-col-w4 {
flex-basis: 33%
}
.bee-row-content .bee-col-w5 {
flex-basis: 42%
}
.bee-row-content .bee-col-w6 {
flex-basis: 50%
}
.bee-row-content .bee-col-w7 {
flex-basis: 58%
}
.bee-row-content .bee-col-w8 {
flex-basis: 67%
}
.bee-row-content .bee-col-w10 {
flex-basis: 83%
}
.bee-row-content .bee-col-w12 {
flex-basis: 100%
}
.bee-background-video-container,
.bee-iframe-video-container {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
pointer-events: none
}
.bee-background-video-container iframe,
.bee-iframe-video-container iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh
}
.bee-button a,
.bee-icon .bee-icon-label-right a,
.bee-menu ul li a {
text-decoration: none
}
.bee-divider,
.bee-image {
overflow: auto
}
.bee-divider .center,
.bee-image .bee-center {
margin: 0 auto
}
.bee-row-15 .bee-col-1 .bee-block-1,
.bee-row-4 .bee-col-1 .bee-block-1,
.bee-row-5 .bee-col-1 .bee-block-1 {
width: 100%
}
.bee-menu ul {
margin: 0;
padding: 0
}
.bee-icon {
display: inline-block;
vertical-align: middle
}
.bee-icon .bee-content {
display: flex;
align-items: center
}
.bee-image img {
display: block;
width: 100%
}
.bee-menu .bee-hamburger-controls {
cursor: pointer;
display: inline-block;
position: relative
}
.bee-menu .bee-hamburger-controls span {
display: block;
position: absolute;
top: 50%;
left: 50%;
background-size: 100%;
background-repeat: no-repeat;
transition: .12s ease-in-out
}
.bee-menu ul {
list-style-type: none
}
.bee-menu ul.bee-horizontal li {
display: inline-block
}
.bee-social .icon img {
max-height: 32px
}
.bee-paragraph {
overflow-wrap: anywhere
}
.bee-row-1 {
background-color: #201948;
background-size: auto
}
.bee-row-3,
.bee-row-5 {
background-size: cover;
background-repeat: no-repeat
}
.bee-row-1 .bee-row-content,
.bee-row-12 .bee-row-content,
.bee-row-14 .bee-row-content,
.bee-row-15 .bee-row-content,
.bee-row-5 .bee-row-content {
background-repeat: no-repeat;
background-size: auto;
border-radius: 0;
color: #000
}
.bee-row-1 .bee-col-1,
.bee-row-5 .bee-col-1 {
padding: 20px 10px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-1 .bee-col-1 .bee-block-1 {
padding-bottom: 5px;
padding-top: 5px;
width: 100%
}
.bee-row-1 .bee-col-2,
.bee-row-15 .bee-col-2,
.bee-row-5 .bee-col-2 {
padding: 5px 30px 5px 25px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-1 .bee-col-2 .bee-block-1,
.bee-row-5 .bee-col-2 .bee-block-1 {
color: #101112;
font-family: inherit;
font-size: 16px;
letter-spacing: 1px;
text-align: right
}
.bee-row-10,
.bee-row-11,
.bee-row-16,
.bee-row-2 {
background-repeat: no-repeat
}
.bee-row-2 .bee-row-content {
background-repeat: no-repeat;
border-radius: 0;
color: #000
}
.bee-row-2 .bee-col-1 {
padding: 60px 20px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-2 .bee-col-1 .bee-block-2 {
padding-bottom: 5px;
padding-top: 10px;
text-align: center;
width: 100%
}
.bee-row-2 .bee-col-1 .bee-block-3 {
padding-top: 30px
}
.bee-row-2 .bee-col-1 .bee-block-4,
.bee-row-4 .bee-col-2 .bee-block-6 {
padding-bottom: 15px;
padding-top: 30px;
text-align: left
}
.bee-row-2 .bee-col-2,
.bee-row-4 .bee-col-2 {
padding: 5px 20px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-3 {
background-image: url('https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/866062_850188/D2AA77D4-9088-4AD0-AEB1-A0897F2A0C08.png')
}
.bee-row-3 .bee-row-content,
.bee-row-6 .bee-row-content,
.bee-row-7 .bee-row-content,
.bee-row-8 .bee-row-content,
.bee-row-9 .bee-row-content {
background-repeat: no-repeat;
background-size: auto;
color: #000
}
.bee-row-3 .bee-col-1 {
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-4 {
background-color: #16066c;
background-repeat: no-repeat
}
.bee-row-10 .bee-row-content,
.bee-row-11 .bee-row-content,
.bee-row-16 .bee-row-content,
.bee-row-4 .bee-row-content {
background-repeat: no-repeat;
color: #000
}
.bee-row-4 .bee-col-1 {
padding: 35px 25px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-4 .bee-col-2 .bee-block-1 {
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
width: 100%
}
.bee-row-4 .bee-col-2 .bee-block-4 {
padding-top: 15px
}
.bee-row-5 {
background-color: #0618b5;
background-image: url('https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/866062_850188/editor_images/100b2108-2583-4e97-8fa0-daa5b838e97a.png')
}
.bee-row-6,
.bee-row-7,
.bee-row-8 {
background-repeat: no-repeat;
background-size: auto
}
.bee-row-6 .bee-col-1 {
padding: 55px 25px 15px
}
.bee-row-6 .bee-col-1 .bee-block-1 {
text-align: center;
width: 100%
}
.bee-row-6 .bee-col-1 .bee-block-2 {
padding-bottom: 20px;
padding-top: 15px
}
.bee-row-6 .bee-col-1 .bee-block-3 {
padding-bottom: 30px;
padding-top: 30px
}
.bee-row-7 .bee-col-1,
.bee-row-9 .bee-col-1 {
padding-left: 25px;
padding-right: 25px
}
.bee-row-8 .bee-col-1 {
padding: 5px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-8 .bee-col-1 .bee-block-1,
.bee-row-8 .bee-col-2 .bee-block-1,
.bee-row-8 .bee-col-3 .bee-block-1 {
padding: 10px;
text-align: center
}
.bee-row-13 .bee-col-2,
.bee-row-13 .bee-col-3,
.bee-row-8 .bee-col-2,
.bee-row-8 .bee-col-3 {
padding-bottom: 5px;
padding-top: 5px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-9 {
background-image: url('https://d1oco4z2z1fhwp.cloudfront.net/templates/default/7816/bg-pattern-light.png');
background-repeat: repeat;
background-size: auto
}
.bee-row-11 .bee-col-1 {
padding-left: 25px;
padding-right: 25px
}
.bee-row-12,
.bee-row-13,
.bee-row-14 {
background-color: #4f5aba;
background-image: url('https://d1oco4z2z1fhwp.cloudfront.net/templates/default/7816/Header-bg.png');
background-position: top center;
background-repeat: repeat;
background-size: auto
}
.bee-row-13 .bee-row-content,
.bee-row-15 {
background-repeat: no-repeat;
background-size: auto
}
.bee-row-12 .bee-col-1 {
padding: 60px 25px 15px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-12 .bee-col-1 .bee-block-1 {
padding-bottom: 20px;
padding-top: 5px;
text-align: center;
width: 100%
}
.bee-row-13 .bee-row-content {
background-color: #404bac;
border-radius: 0;
color: #000
}
.bee-row-13 .bee-col-1 {
padding: 60px 25px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-14 .bee-col-1 {
padding: 60px 25px 10px;
display: flex;
flex-direction: column;
justify-content: center
}
.bee-row-15 {
background-color: #201f42
}
.bee-row-15 .bee-col-1 {
padding: 40px 10px 40px 30px;
display: flex;
flex-direction: column;
justify-content: center
}
@media (max-width:1270px) {
.bee-row-1 .bee-col-1,
.bee-row-5 .bee-col-1 {
padding: 20px 0 20px 10px !important
}
.bee-row-1 .bee-col-2,
.bee-row-15 .bee-col-2,
.bee-row-5 .bee-col-2 {
padding: 5px 25px 20px !important
}
.bee-row-2 .bee-col-1 {
padding: 60px 20px !important
}
.bee-row-4 .bee-col-1 {
padding: 35px 25px !important
}
.bee-row-4 .bee-col-2 {
padding: 5px 0 0 !important
}
.bee-row-6 .bee-col-1 {
padding: 35px 25px 0 !important
}
.bee-row-8 .bee-col-1 {
padding: 5px !important
}
.bee-row-10 .bee-col-1 {
padding: 0 15px !important
}
.bee-row-12 .bee-col-1 {
padding: 50px 25px 20px !important
}
.bee-row-13 .bee-col-1 {
padding: 40px 25px 10px !important
}
.bee-row-13 .bee-col-2 {
padding: 5px 25px !important
}
.bee-row-13 .bee-col-3 {
padding: 10px 25px 40px !important
}
.bee-row-14 .bee-col-1 {
padding: 30px 25px 10px !important
}
.bee-row-15 .bee-col-1 {
padding: 20px 10px !important
}
}
.bee-row-15 .bee-col-2 .bee-block-2 {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
text-align: right
}
.bee-row-16 .bee-col-1 {
padding-bottom: 5px;
padding-top: 5px
}
.bee-row-16 .bee-col-1 .bee-block-1 {
color: #9d9d9d;
font-family: inherit;
font-size: 15px;
padding-bottom: 5px;
padding-top: 5px;
text-align: center
}
.bee-row-2 .bee-col-1 .bee-block-3 {
color: #fff;
direction: ltr;
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
line-height: 180%;
text-align: left
}
.bee-row-4 .bee-col-2 .bee-block-3,
.bee-row-4 .bee-col-2 .bee-block-4,
.bee-row-6 .bee-col-1 .bee-block-2 {
color: #201f42;
line-height: 180%;
direction: ltr;
font-weight: 400;
letter-spacing: 0
}
.bee-row-2 .bee-col-1 .bee-block-3 p:not(:last-child),
.bee-row-4 .bee-col-2 .bee-block-3 p:not(:last-child),
.bee-row-4 .bee-col-2 .bee-block-4 p:not(:last-child),
.bee-row-6 .bee-col-1 .bee-block-2 p:not(:last-child) {
margin-bottom: 0
}
.bee-row-1 .bee-col-2 .bee-block-1 li,
.bee-row-5 .bee-col-2 .bee-block-1 li {
padding: 5px 15px
}
.bee-row-1 .bee-col-2 .bee-block-1 li a,
.bee-row-5 .bee-col-2 .bee-block-1 li a {
color: #fff
}
.bee-row-4 .bee-col-2 .bee-block-3 {
font-size: 23px;
text-align: left
}
.bee-row-4 .bee-col-2 .bee-block-4 {
font-size: 18px;
text-align: left
}
.bee-row-6 .bee-col-1 .bee-block-2 {
font-size: 18px;
text-align: center
}
.bee-row-13 .bee-col-1 .bee-block-1,
.bee-row-13 .bee-col-2 .bee-block-1,
.bee-row-13 .bee-col-3 .bee-block-1 {
color: #fff;
direction: ltr;
font-size: 24px;
font-weight: 400;
letter-spacing: 0;
line-height: 120%;
text-align: center
}
.bee-row-13 .bee-col-1 .bee-block-1 p:not(:last-child),
.bee-row-13 .bee-col-2 .bee-block-1 p:not(:last-child),
.bee-row-13 .bee-col-3 .bee-block-1 p:not(:last-child),
.bee-row-15 .bee-col-2 .bee-block-1 p:not(:last-child) {
margin-bottom: 16px
}
.bee-row-16 .bee-col-1 .bee-block-1 .bee-icon-image {
padding: 5px 6px 5px 5px
}
.bee-row-16 .bee-col-1 .bee-block-1 .bee-icon:not(.bee-icon-first) .bee-content {
margin-left: 0
}
.bee-row-16 .bee-col-1 .bee-block-1 .bee-icon::not(.bee-icon-last) .bee-content {
margin-right: 0
}
.bee-row-15 .bee-col-2 .bee-block-1 {
color: #fff;
direction: ltr;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
line-height: 120%;
text-align: right
}
@media (max-width:768px) {
.bee-menu ul.with-bee-hamburger {
display: none;
padding: 5px 0;
position: relative;
top: -4px
}
.bee-menu ul.with-bee-hamburger li {
display: block;
text-align: center
}
.bee-menu ul.with-bee-hamburger li a {
text-decoration: none
}
.bee-menu ul.with-bee-hamburger span,
.bee-mobile_hide {
display: none
}
#bee-hamburger-memu-r0c1m0:checked~ul,
#bee-hamburger-memu-r4c1m0:checked~ul,
.bee-row-content:not(.no_stack) {
display: block
}
.bee-row-2 .bee-col-1 .bee-block-4,
.bee-row-6 .bee-col-1 .bee-block-3 {
padding: 30px 0 0 !important
}
.bee-row-2 .bee-col-1 .bee-block-4 .bee-button-content {
font-size: initial !important;
line-height: normal !important;
text-align: center !important
}
.bee-row-2 .bee-col-1 .bee-block-4 a,
.bee-row-2 .bee-col-1 .bee-block-4 span {
text-align: center !important;
font-size: 18px !important;
line-height: auto !important
}
.bee-row-2 .bee-col-1 .bee-block-2 h1 {
font-size: 34px !important
}
.bee-row-2 .bee-col-1 .bee-block-3,
.bee-row-6 .bee-col-1 .bee-block-2 {
padding: 5px 0 0 !important
}
.bee-row-1 .bee-col-2 .bee-block-1 .bee-hamburger-controls,
.bee-row-5 .bee-col-2 .bee-block-1 .bee-hamburger-controls {
width: 36px;
height: 36px;
background-color: #fff;
border-radius: 50%
}
.bee-row-1 .bee-col-2 .bee-block-1 .bee-hamburger-controls span,
.bee-row-5 .bee-col-2 .bee-block-1 .bee-hamburger-controls span {
width: 18px;
height: 18px
}
.bee-row-1 .bee-col-2 .bee-block-1 .bee-hamburger-controls span.bee-hamburger-open,
.bee-row-5 .bee-col-2 .bee-block-1 .bee-hamburger-controls span.bee-hamburger-open {
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNGY1YWJhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgd2lkdGg9IjY0IiB5PSI1MiIvPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB3aWR0aD0iNjQiIHk9IjI2Ii8+PC9nPjwvc3ZnPg==");
transform: translate(-50%, -50%) scaleY(1)
}
.bee-row-1 .bee-col-2 .bee-block-1 .bee-hamburger-controls span.bee-hamburger-close,
.bee-row-5 .bee-col-2 .bee-block-1 .bee-hamburger-controls span.bee-hamburger-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNGY1YWJhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGhlaWdodD0iMTIiIHJ4PSI2IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjcwNzEwNjc4IC0uNzA3MTA2NzggLjcwNzEwNjc4IC0uNzA3MTA2NzggMzEuOTkxMzc4IDc3LjIzNDAxOSkiIHdpZHRoPSI4MiIgeD0iLTkuMDA4NjIyIiB5PSIyNS45OTEzNzgiLz48cmVjdCBoZWlnaHQ9IjEyIiByeD0iNiIgdHJhbnNmb3JtPSJtYXRyaXgoLS43MDcxMDY3OCAuNzA3MTA2NzggLS43MDcxMDY3OCAtLjcwNzEwNjc4IDc3LjgxOTgwNiAzMi4yMzQwMTkpIiB3aWR0aD0iODIiIHg9Ii04Ljc2NTk4MSIgeT0iMjYuMjM0MDE5Ii8+PC9nPjwvc3ZnPg==");
transform: translate(-50%, -50%) scaleY(0)
}
.bee-row-1 .bee-col-2 .bee-block-1 ul.with-bee-hamburger,
.bee-row-5 .bee-col-2 .bee-block-1 ul.with-bee-hamburger {
background-color: #fff
}
.bee-row-1 .bee-col-2 .bee-block-1 ul.with-bee-hamburger li,
.bee-row-1 .bee-col-2 .bee-block-1 ul.with-bee-hamburger li a,
.bee-row-5 .bee-col-2 .bee-block-1 ul.with-bee-hamburger li,
.bee-row-5 .bee-col-2 .bee-block-1 ul.with-bee-hamburger li a {
color: #4f5aba
}
#bee-hamburger-memu-r0c1m0:checked~.bee-hamburger-controls .bee-hamburger-open,
#bee-hamburger-memu-r4c1m0:checked~.bee-hamburger-controls .bee-hamburger-open {
transform: translate(-50%, -50%) scaleY(0)
}
#bee-hamburger-memu-r0c1m0:checked~.bee-hamburger-controls .bee-hamburger-close,
#bee-hamburger-memu-r4c1m0:checked~.bee-hamburger-controls .bee-hamburger-close {
transform: translate(-50%, -50%) scaleY(1)
}
.bee-row-4 .bee-col-1 .bee-block-1 {
padding: 0 !important
}
.bee-row-15 .bee-col-1 .bee-block-1 img,
.bee-row-4 .bee-col-1 .bee-block-1 img {
float: none !important;
margin: 0 auto !important
}
.bee-row-4 .bee-col-2 .bee-block-1 h2 {
font-size: 22px !important
}
.bee-row-4 .bee-col-2 .bee-block-3 {
font-size: 18px !important
}
.bee-row-4 .bee-col-2 .bee-block-4 {
padding: 10px 0 0 !important;
font-size: 16px !important
}
.bee-row-6 .bee-col-1 .bee-block-1 h2 {
font-size: 24px !important
}
.bee-row-6 .bee-col-1 .bee-block-3 .bee-separator {
margin: auto !important;
float: right !important
}
.bee-row-12 .bee-col-1 .bee-block-1 {
padding: 5px 0 0 !important;
text-align: left !important
}
.bee-row-12 .bee-col-1 .bee-block-1 h1 {
font-size: 22px !important;
text-align: left !important
}
.bee-row-13 .bee-col-1 .bee-block-1,
.bee-row-13 .bee-col-2 .bee-block-1,
.bee-row-13 .bee-col-3 .bee-block-1 {
padding: 0 !important;
text-align: left !important;
font-size: 16px !important
}
.bee-row-15 .bee-col-1 .bee-block-1 {
padding: 0 60px !important
}
.bee-row-15 .bee-col-2 .bee-block-1,
.bee-row-15 .bee-col-2 .bee-block-2 {
text-align: center !important
}
}
</style>
</head>
<body>
<div class="bee-page-container">
<div class="bee-row bee-row-1">
<div class="bee-row-content no_stack">
<div class="bee-col bee-col-1 bee-col-w4">
<div class="bee-block bee-block-1 bee-image"><img alt="Academic Logo" class="bee-fixedwidth" src="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/866062_850188/SEdevicn_1.png" style="max-width:99px;" /></div>
</div>
<div class="bee-col bee-col-2 bee-col-w8">
<div class="bee-block bee-block-1 bee-menu">
<nav class="bee-menu"><input class="bee-hamburger-trigger" id="bee-hamburger-memu-r0c1m0" type="checkbox" /><label class="bee-hamburger-controls" for="bee-hamburger-memu-r0c1m0"><span class="bee-hamburger-open"></span><span class="bee-hamburger-close"></span></label>
<ul class="bee-horizontal with-bee-hamburger">
<li><a href="https://example.com/" target="_self" title="Academics">ACADEMICS</a></li>
<li><a href="https://example.com/" target="_self" title="Research">RESEARCH</a></li>
<li><a href="https://example.com/" target="_self" title="Student Life">STUDENT LIFE</a></li>
<li><a href="https://example.com/" target="_self" title="Admission">ADMISSIONS</a></li>
<li><a href="https://example.com/" target="_self" title="News">NEWS</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-2">
<div class="bee-background-video-container">
<div class="bee-iframe-video-container"><iframe allow="fullscreen" allowfullscreen="allowfullscreen" frameborder="0" src="https://www.youtube.com/embed/G1LZUry8D04?controls=0&autoplay=1&mute=1&playlist=G1LZUry8D04&loop=1"></iframe></div>
</div>
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w7">
<div class="bee-block bee-block-1 bee-spacer bee-mobile_hide">
<div class="spacer" style="height:90px;"></div>
</div>
<div class="bee-block bee-block-2 bee-heading">
<h1 style="color:#ffffff;direction:ltr;font-family:'Noto Serif', Georgia, serif;font-size:60px;font-weight:700;letter-spacing:normal;line-height:120%;text-align:left;margin-top:0;margin-bottom:0;"><span class="tinyMce-placeholder">University Open <br />House Days</span> </h1>
</div>
<div class="bee-block bee-block-3 bee-paragraph">
<p><span style="font-family: inherit; background-color: transparent;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></p>
<p><span style="font-family: inherit; background-color: transparent;">Egestas risus, nunc, ultrices est. Tortor, turpis pellentesque, nibh in venenatis.</span></p>
</div>
<div class="bee-block bee-block-4 bee-button"><a class="bee-button-content" href="https://example.com/" style="font-size: 22px; background-color: #4f5aba; border-bottom: 1px solid #4F5ABA; border-left: 1px solid #4F5ABA; border-radius: 0px; border-right: 1px solid #4F5ABA; border-top: 1px solid #4F5ABA; color: #ffffff; direction: ltr; font-family: 'Noto Serif', Georgia, serif; font-weight: 400; max-width: 100%; padding-bottom: 5px; padding-left: 30px; padding-right: 30px; padding-top: 5px; width: auto; display: inline-block;" target="_self"><span style="word-break: break-word; font-size: 22px; line-height: 200%;">Register Now </span></a></div>
<div class="bee-block bee-block-5 bee-spacer bee-mobile_hide">
<div class="spacer" style="height:90px;"></div>
</div>
</div>
<div class="bee-col bee-col-2 bee-col-w5">
<div class="bee-block bee-block-1 bee-spacer bee-mobile_hide">
<div class="spacer" style="height:60px;"></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-3">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-spacer">
<div class="spacer" style="height:80px;"></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-4">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w6">
<div class="bee-block bee-block-1 bee-image"><img alt="Students celebration" class="bee-center bee-fixedwidth" src="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/866062_850188/20230218_093033004_iOS.png" style="max-width:575px;" /></div>
</div>
<div class="bee-col bee-col-2 bee-col-w6">
<div class="bee-block bee-block-1 bee-heading">
<h2 style="color:#4f5aba;direction:ltr;font-family:'Noto Serif', Georgia, serif;font-size:44px;font-weight:700;letter-spacing:normal;line-height:120%;text-align:left;margin-top:0;margin-bottom:0;"><span class="tinyMce-placeholder">University of Academic</span> </h2>
</div>
<div class="bee-block bee-block-2 bee-spacer bee-mobile_hide">
<div class="spacer" style="height:80px;"></div>
</div>
<div class="bee-block bee-block-3 bee-paragraph">
<p>Inspiring generations since 1832</p>
</div>
<div class="bee-block bee-block-4 bee-paragraph">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Egestas risus, nunc, ultrices est. Tortor, turpis pellentesque cursus ornare justo, nibh in venenatis. Faucibus mattis vulputate tristique nisl, malesuada. Molestie lectus sed iaculis sapien at ipsum.</p>
</div>
<div class="bee-block bee-block-5 bee-spacer bee-mobile_hide">
<div class="spacer" style="height:80px;"></div>
</div>
<div class="bee-block bee-block-6 bee-button"><a class="bee-button-content" href="https://example.com/" style="font-size: 16px; background-color: #201f42; border-bottom: 1px solid #201F42; border-left: 1px solid #201F42; border-radius: 0px; border-right: 1px solid #201F42; border-top: 1px solid #201F42; color: #ffffff; direction: ltr; font-family: 'Noto Serif', Georgia, serif; font-weight: 400; max-width: 100%; padding-bottom: 5px; padding-left: 30px; padding-right: 30px; padding-top: 5px; width: auto; display: inline-block;" target="_self"><span style="word-break: break-word; font-size: 16px; line-height: 200%;">Learn More</span></a></div>
</div>
</div>
</div>
<div class="bee-row bee-row-5">
<div class="bee-row-content no_stack">
<div class="bee-col bee-col-1 bee-col-w5">
<div class="bee-block bee-block-1 bee-image"><img alt="Academic Logo" class="bee-fixedwidth" src="https://d1oco4z2z1fhwp.cloudfront.net/templates/default/7816/Your-logo.png" style="max-width:200px;" /></div>
</div>
<div class="bee-col bee-col-2 bee-col-w7">
<div class="bee-block bee-block-1 bee-menu">
<nav class="bee-menu"><input class="bee-hamburger-trigger" id="bee-hamburger-memu-r4c1m0" type="checkbox" /><label class="bee-hamburger-controls" for="bee-hamburger-memu-r4c1m0"><span class="bee-hamburger-open"></span><span class="bee-hamburger-close"></span></label>
<ul class="bee-horizontal with-bee-hamburger">
<li><a href="https://example.com/" target="_self" title="Academics">ACADEMICS</a></li>
<li><a href="https://example.com/" target="_self" title="Research">RESEARCH</a></li>
<li><a href="https://example.com/" target="_self" title="Student Life">STUDENT LIFE</a></li>
<li><a href="https://example.com/" target="_self" title="Admission">ADMISSIONS</a></li>
<li><a href="https://example.com/" target="_self" title="News">NEWS</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-6">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-heading">
<h2 style="color:#4f5aba;direction:ltr;font-family:'Noto Serif', Georgia, serif;font-size:38px;font-weight:700;letter-spacing:normal;line-height:120%;text-align:center;margin-top:0;margin-bottom:0;"><span class="tinyMce-placeholder">Open House Days 2023</span> </h2>
</div>
<div class="bee-block bee-block-2 bee-paragraph">
<p>Join us for Open House Days, in person or online.</p>
</div>
<div class="bee-block bee-block-3 bee-divider">
<div class="center bee-separator" style="border-top:2px solid #E3DFFB;width:100%;"></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-7 bee-mobile_hide">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-spacer">
<div class="spacer" style="height:40px;"></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-8">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w4">
<div class="bee-block bee-block-1 bee-button">
<div class="bee-button-content" style="font-size: 16px; background-color: #8a3c90; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-radius: 4px; border-right: 0px solid transparent; border-top: 0px solid transparent; color: #ffffff; direction: ltr; font-family: inherit; font-weight: 400; max-width: 100%; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px; width: auto; display: inline-block;"><span style="word-break: break-word; font-size: 16px; line-height: 200%;">Button</span></div>
</div>
</div>
<div class="bee-col bee-col-2 bee-col-w4">
<div class="bee-block bee-block-1 bee-button">
<div class="bee-button-content" style="font-size: 16px; background-color: #8a3c90; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-radius: 4px; border-right: 0px solid transparent; border-top: 0px solid transparent; color: #ffffff; direction: ltr; font-family: inherit; font-weight: 400; max-width: 100%; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px; width: auto; display: inline-block;"><span style="word-break: break-word; font-size: 16px; line-height: 200%;">Button</span></div>
</div>
</div>
<div class="bee-col bee-col-3 bee-col-w4">
<div class="bee-block bee-block-1 bee-button">
<div class="bee-button-content" style="font-size: 16px; background-color: #8a3c90; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-radius: 4px; border-right: 0px solid transparent; border-top: 0px solid transparent; color: #ffffff; direction: ltr; font-family: inherit; font-weight: 400; max-width: 100%; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; padding-top: 5px; width: auto; display: inline-block;"><span style="word-break: break-word; font-size: 16px; line-height: 200%;">Button</span></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-9">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-spacer">
<div class="spacer" style="height:80px;"></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-10">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-spacer">
<div class="spacer" style="height:50px;"></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-11 bee-mobile_hide">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-spacer">
<div class="spacer" style="height:50px;"></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-12">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-heading">
<h1 style="color:#ffffff;direction:ltr;font-family:'Noto Serif', Georgia, serif;font-size:40px;font-weight:700;letter-spacing:normal;line-height:120%;text-align:center;margin-top:0;margin-bottom:0;"><span class="tinyMce-placeholder">Next Steps</span> </h1>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-13">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w4">
<div class="bee-block bee-block-1 bee-paragraph">
<p><a href="https://example.com/" rel="noopener" style="text-decoration: underline;" target="_blank"><u>REQUEST INFORMATION</u> -></a></p>
</div>
</div>
<div class="bee-col bee-col-2 bee-col-w4">
<div class="bee-block bee-block-1 bee-paragraph">
<p><a href="https://example.com/" rel="noopener" style="text-decoration: underline;" target="_blank"><u>SCHEDULE A TOUR</u> -></a></p>
</div>
</div>
<div class="bee-col bee-col-3 bee-col-w4">
<div class="bee-block bee-block-1 bee-paragraph">
<p><a href="https://example.com/" rel="noopener" style="text-decoration: underline;" target="_blank"><u>ACADEMIC ADMISSIONS</u> -></a></p>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-14">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-spacer">
<div class="spacer" style="height:10px;"></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-15">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w2">
<div class="bee-block bee-block-1 bee-image"><img alt="" class="bee-autowidth" src="https://d1oco4z2z1fhwp.cloudfront.net/templates/default/7816/Your-logo.png" style="max-width:168px;" /></div>
</div>
<div class="bee-col bee-col-2 bee-col-w10">
<div class="bee-block bee-block-1 bee-paragraph">
<p>Copyright © 2023 Your Brand Here, All rights reserved.</p>
</div>
<div class="bee-block bee-block-2 bee-social">
<div class="content"><span class="icon" style="padding:0 7.5px 0 7.5px;"><a href="https://example.com/" target="_self"><img alt="facebook" src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-circle-white/facebook@2x.png" title="facebook" /></a></span><span class="icon" style="padding:0 7.5px 0 7.5px;"><a href="https://example.com/" target="_self"><img alt="twitter" src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-circle-white/twitter@2x.png" title="twitter" /></a></span><span class="icon" style="padding:0 7.5px 0 7.5px;"><a href="https://example.com/" target="_self"><img alt="linkedin" src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-circle-white/linkedin@2x.png" title="linkedin" /></a></span><span class="icon" style="padding:0 7.5px 0 7.5px;"><a href="https://example.com/" target="_self"><img alt="instagram" src="https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-circle-white/instagram@2x.png" title="instagram" /></a></span></div>
</div>
</div>
</div>
</div>
<div class="bee-row bee-row-16">
<div class="bee-row-content">
<div class="bee-col bee-col-1 bee-col-w12">
<div class="bee-block bee-block-1 bee-icons" id="beepro-locked-footer">
<div class="bee-icon bee-icon-last">
<div class="bee-content">
<div class="bee-icon-image"><a href="https://www.designedwithbee.com/?utm_source=editor&utm_medium=bee_pro&utm_campaign=free_footer_link" target="_blank" title="Designed with BEE"><img alt="Designed with BEE" height="32px" src="https://d1oco4z2z1fhwp.cloudfront.net/assets/bee.png" width="auto" /></a></div>
<div class="bee-icon-label bee-icon-label-right"><a href="https://www.designedwithbee.com/?utm_source=editor&utm_medium=bee_pro&utm_campaign=free_footer_link" target="_blank" title="Designed with BEE">Designed with BEE</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
BeeFree.io
https://pro.beefree.io/866062/850188/1910346/9011887/details
Comments