{{ define "main" }}
<style>
  @media (max-width: 1199px){
    h1 {
      font-size: 60px!important;
    }
    h2 {
      font-size: 50px!important;
    }
    h3 {
      font-size: 30px!important;
    }
    h4 {
      font-size: 20px!important;
    }
    .schedule-line {
      margin-top: 60px!important;
    }
    .toppic_item_1 {
      padding-top: 18%!important;
    }
    .item-headshot {
      width: 33%!important;
    }
  }
  @media (max-width: 991px){
    h1 {
      font-size: 50px!important;
    }
    h2 {
      font-size: 40px!important;
    }
    h3 {
      font-size: 30px!important;
    }
    h4 {
      font-size: 20px!important;
    }
    .schedule-line {
      margin-top: 50px!important;
    }
    .container-event {
      max-height: none!important;
      flex-direction: column!important;
      align-items: center;
    }
    .event-svag{
      flex-direction: column;
      align-items: center;
    }
    .item-event-1{
      padding-bottom: 10px;
    }
    .item-event-2{
      padding-left: 0px!important;
    }
    .item-headshot {
      width: 50%!important;
    }
    .schedule-day {
      flex-direction: column;
    }
    .schedule-item1 {
      padding-left: 20px;
    }
    .schedule-line {
      border-right: none!important;
      border-top: 2px solid #ffffff;
      height: 0px!important;
      margin: 20px 0px!important;
    }
    .img-event-svag{
      width: 100%!important;
    }
    .stop-item-2 h4{
      font-size: 18px!important;
    }
  }
  @media (max-width: 767px){
    h1 {
      font-size: 30px!important;
      line-height: normal!important;
    }
    h2 {
      font-size: 30px!important;
      line-height: normal!important;
    }
    h3 {
      font-size: 20px!important;
    }
    h4 {
      font-size: 15px!important;
    }
    .toppic_item_1 {
      padding-top: 44%!important;
    }
    .item-headshot {
      width: 322px!important;
    }
    .container-stop {
      flex-direction: column;
      align-items: flex-start;
    }
    .stop-item-1 {
      width: 100%!important;
    }
    .schedule-item2 hr {
      width: 90%!important;
    }
    .stop-item-2 {
      padding-left: 0px!important;
    }
  }
  @media (max-width: 575px){
    .schedule-photo{
      flex-wrap: wrap;
      width: 180px;
    }
    .img-schedule {
      width: 50%;
    }
    .schedule-item2 hr {
      width: 198px!important;
    }
  }
</style>


<section>
<div class="al-body-container">
  <section class="al-page-index">
<!-- thank you block-->
    <div class="al-index-register">
      <div class="container al-py-md" style="padding: 0 40px 0 40px;">
        <h2 style="font-size: 50px; letter-spacing: 0.80px; font-weight: 600; margin-bottom: 20px;">{{ i18n "Thank you, CloudFest!" }}</h2>
        <p style="margin-bottom: 20px; line-height: 28px; letter-spacing: 0.25px;">
          <i>{{ i18n "AlmaLinux Day: Germany was one of the best events I've ever had. With nearly 300 attendees adjacent to one of my favorite annual events, we got to connect with people all week who were excited about AlmaLinux. I can't wait to do this again!" }}</i>                 <p>--benny Vasquez</p>
                <span class="small text-uppercase mb-1">Chair, Board of Directors</span>
                <span class="small fw-light">AlmaLinux OS Foundation</span>
        </p>
        <div style="text-align: center">
          <a href="https://www.youtube.com/playlist?list=PLqKzWfm6zyltcA6vEbRAD92AJEH3bnr_q" class="btn btn-lg px-4 me-md-2 al-cta-blue">{{ i18n "See the recordings on Youtube" }}</a>
        </div>
      </div>
    </div>	  
<!-- end thank you block-->
    <div class="al-index-toppicTokyo" style="background: url('/landingpages/aldg-2024/europa-park.png') 50%/cover no-repeat;">
      <div class="container al-py-lg" style="padding: 0 40px 0 40px; height: 900px; display: flex; flex-direction: column;">
        <div class="toppic_item_1" style="padding-top: 11%;">
          <h1 style="font-size: 80px; letter-spacing: 0.80px; font-weight: 700;">{{ i18n "AlmaLinux Day: Germany" }}</h1>
          <h3>
            {{ i18n "Learn, build, engage, and connect" }}<br>
            {{ i18n "March 18th, 2024" }}
          </h3>
          <p>
            {{ i18n "Europa Park" }}
            {{ i18n "Rust, Germany" }}
          </p>
        </div>
        <div class="toppic_item_2" style="padding-top: 30px;">
          <a href="https://eventyay.com/e/c9789850" class="btn btn-lg px-4 me-md-2 al-cta-blue">{{ i18n "Register now!" }}</a>           <a href="#schedule" class="btn btn-lg px-4 me-md-2 al-cta-blue">{{ i18n "See the schedule" }}</a>
        </div>
      </div>
    </div>
<!-- pull them in -->
    <div class="al-index-peopleinfo">
      <div class="container al-py-md" style="padding: 0 40px 0 40px;">
        <h2 style="font-size: 80px;">{{ i18n "No drama, just linux." }}</h2>
        <p>{{ i18n "As CentOS Linux enters its final 6 months of support, the whole world is looking at where they go next. The AlmaLinux community benefits from the stability and intentionality that we take to building a stable, free operating system. Come hear all about what we do and how we're supporting our community at AlmaLinux Day: Germany" }}</p>
      </div>
    </div>
<!-- / pull them in -->
<!-- speakers container -->    <div class="al-index-meet" style="background: #0e3b5c;">
      <div class="container al-py-md" style="padding: 0 40px 0 40px;">
        <h2 style="font-size: 60px; text-align: center; letter-spacing: 0.80px; font-weight: 700;">
          {{ i18n "On stage at AlmaLinux Day" }}
        </h2>
        <div style="text-align: center; line-height: 28px; word-wrap: break-word;">
          <h3 style="margin-bottom: 20px;">
             {{ i18n "Hear from the experts" }}
          </h3>
        </div>
        <div class="container-speakers" style="display: flex; justify-content: center; flex-wrap: wrap;">
<!-- speaker one -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/board/benny.jpg" alt="benny Vasquez" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>benny Vasquez</p>
                <span class="small text-uppercase mb-1">{{ i18n "Chair, Board of Directors" }}</span>
                <span class="small fw-light">AlmaLinux OS Foundation</span>
              </div>
            </div>
          </div>
<!-- speaker two -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/igor.jpeg" alt="Igor Seletskiy" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Igor Seletskiy</p>
                <span class="small text-uppercase mb-1">{{ i18n "CEO" }}</span>
                <span class="small fw-light">TuxCare</span>
              </div>
            </div>
          </div>
<!-- speaker three -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/kenneth.tan.jpg" alt="Kenneth Tan, PhD" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Kenneth Tan, PhD</p>
                <span class="small text-uppercase mb-1">{{ i18n "Executive Director" }}</span>
                <span class="small fw-light">Sardina Systems</span>
              </div>
            </div>
          </div>
<!-- speaker four -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/simon.jpg" alt="Simon Phipps" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Simon Phipps</p>
                <span class="small text-uppercase mb-1">{{ i18n "Founder" }}</span>
                <span class="small fw-light">Meshed Insights Ltd</span>
              </div>
            </div>
          </div>
<!-- speaker five -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/jesse.jpg" alt="Jesse Asklund" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Jesse Asklund</p>
                <span class="small text-uppercase mb-1">{{ i18n "Chief Experience Officer" }}</span>
                <span class="small fw-light">WebPros</span>
              </div>
            </div>
          </div>
<!-- speaker six -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/board/alexiribarren.jpg" alt="Alex Iribarren" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Alex Iribarren</p>
                <span class="small text-uppercase mb-1">{{ i18n "Leader of Cloud IaaS and Linux Platform Engineering teams" }}</span>
                <span class="small fw-light">CERN</span>
              </div>
            </div>
          </div>
<!-- speaker seven -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/ishikawa.jpeg" alt="Hidenori Ishikawa" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Hidenori Ishikawa</p>
                <span class="small text-uppercase mb-1">{{ i18n "Manager / Product Development Engineer" }}</span>
                <span class="small fw-light">Prime Strategy Co., Ltd.</span>
              </div>
            </div>
          </div>
<!-- speaker eight -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/Chieko_2500.jpg" alt="Chieko Aihara" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Chieko Aihara</p>
                <span class="small text-uppercase mb-1">{{ i18n "Vice President / Product Manager" }}</span>
                <span class="small fw-light">Prime Strategy Co., Ltd.</span>
              </div>
            </div>
          </div>
<!-- /speaker eight -->
<!-- speaker nine -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/alukoshko.jpg" alt="Andrew Lukoshko" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Andrew Lukoshko</p>
                <span class="small text-uppercase mb-1">{{ i18n "Release Engineering Lead" }}</span>
                <span class="small fw-light">AlmaLinux</span>
              </div>
            </div>
          </div>
<!-- /speaker nine -->
<!-- speaker ten -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/tristan.jpeg" alt="Tristan Theroux" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Tristan Theroux</p>
                <span class="small text-uppercase mb-1">{{ i18n "IT Infrastructure & Security Director" }}</span>
                <span class="small fw-light">SHED</span>
              </div>
            </div>
          </div>
<!-- /speaker ten -->
<!-- speaker eleven -->
          <div class="item-headshot" style="width: 25%; align-items: center; padding: 20px 20px;">
            <div class="item-speakers" style="display: flex; flex-direction: column; align-items: center; background: #0f4266; padding: 20px 0; height: 320px;">
                <img class="img-fluid mb-3 img-thumbnail" src="/2024speakers/jonas.jpg" alt="Jonas Trüstedt" style="max-width: 180px;">
              </span>
              <div style="display: flex; flex-direction: column; text-align: center;">
                <p>Jonas Trüstedt</p>
                <span class="small text-uppercase mb-1">{{ i18n "Senior orcharhino Architect" }}</span>
                <span class="small fw-light">ATIX AG</span>
              </div>
            </div>
          </div>
<!-- /speaker eleven -->
        </div>
		<!-- /speaker container -->
      </div>
	  <!-- /this specific row -->
    </div>
<!-- / al-index-meet (speaker container)-->
<!-- registration call out -->
    <div class="al-index-register-2">
      <div class="container al-py-md" style="padding: 0 40px 0 40px;">
        <div class="event-svag" style="display: flex;">
        <div class="item-event-1">
          <img class="img-event-svag" src="/landingpages/aldg-2024/swag.jpg" style="object-fit: cover; width:280px; height: 100%;">
        </div>
        <div class="item-event-2" style="display: flex; flex-direction: column; justify-content: space-between; padding-left: 40px;">
        <h2 style="font-size: 50px; letter-spacing: 0.80px; font-weight: 600; margin-bottom: 20px;">{{ i18n "Save your spot and get your swag!" }}</h2>

<span> {{ i18n "While the event is free, registration is required for attendance. Register before March 1st to reserve your AlmaLinux Day: Germany swag bag." }}</span>

        <div style="text-align: center">
          <a href="https://eventyay.com/e/c9789850" class="btn btn-lg px-4 me-md-2 al-cta-blue">{{ i18n "Register now!" }}</a>
        </div>
	  </div>
  </div>
      </div>
    </div>
<!-- end registration call out -->
<!-- schedule -->	
    <div class="al-index-program" style="background: #113147;">
      <div id="schedule" class="container al-py-md" style="padding: 0 40px 0 40px;">
        <h2 style="font-size: 60px; letter-spacing: 0.80px; font-weight: 700; margin-bottom: 20px;">{{ i18n "Hackathon and AlmaLinux Day!" }}</h2>
		<!-- I made this on canva https://www.canva.com/design/DAF6ROw5OhA/c2yHJNXHcbWymRHvatVB_w/, but don't have the html knowledge to make it into code soooooo here is our temporary solution -->
        <div class="schedule-day" style="display: flex; justify-content: center;">
          <div class="schedule-item1" style="display: flex; flex-direction: column;">
            <h3 style="font-size: 40px; letter-spacing: 0.80px; font-weight: 500; margin-bottom: 20px;">{{ i18n "March 16-17" }}</h3>
            <h4 style="font-size: 23px; letter-spacing: 0.80px; font-weight: 500; margin-bottom: 20px;">{{ i18n "CloudFest Hackathon" }}</h4>
            <span style="letter-spacing: 0.80px;">
              {{ i18n "10:00 am: Hackathon kicks off!" }}<br>
              <b>{{ i18n "Securing more infrastructure by" }}<br>
              {{ i18n "easing OS upgrades" }}</b>
            </span>
            <hr size=3px width=165px align="left" color="white" style="margin-top: 5px; margin-bottom: 5px;">
            <img class="img-thumbnail" src="/landingpages/aldg-2024/CloudFesthackathon.jpg" alt="a collection of people sitting at a table with laptopls in front of them" style="object-fit: cover; max-width: 250px;">
            <span style="letter-spacing: 0.80px;">
              {{ i18n "Join us as we work to improve the" }}<br>
              {{ i18n "security of infrastructure globally" }}<br>
			  <a href="https://hackathon.cloudfest.com/project/securing-more-infrastructure-by-easing-os-upgrades/">{{ i18n "Learn more about the project" }}</a><br>
			  <a href="https://hackathon.cloudfest.com/agenda/">{{ i18n "See the full Hackathon agenda" }}</a>			  
            </span>
          </div>
          <div class="schedule-line" style="height: 220px; border-right: 2px solid #ffffff; padding-left:50px; margin-top: 70px;"></div>
          <div class="schedule-item2" style="display: flex; flex-direction: column; padding-left: 20px;">
            <h3 style="font-size: 40px; letter-spacing: 0.80px; font-weight: 500; margin-bottom: 20px;">{{ i18n "March 18th" }}</h3>
            <h4 style="font-size: 23px; letter-spacing: 0.80px; font-weight: 500; margin-bottom: 20px;">{{ i18n "AlmaLinux Day: Germany" }}</h4>
            <span style="letter-spacing: 0.80px;">
              {{ i18n "9:00 am" }}<br>
              <b>{{ i18n "Stability, security, and the strength of the AlmaLinux Community" }}</b>
            </span>
            <div class="schedule-photo" style="display: flex; flex-wrap: wrap;">
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/benny.jpeg" alt="benny Vasquez" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/igor.jpeg" alt="Igor Seletskiy" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/kenneth.tan.jpg" alt="Kenneth Tan, PhD" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/HidenoriIshikawa.jpeg" alt="HidenoriIshikawa" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/Chieko_2500.jpg" alt="Chieko Aihara" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/tristan.jpeg" alt="Tristan Theroux" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/jonas.jpg" alt="Jonas Trüstedt" style="max-width:70px;">
              </div>
            </div> <!-- end keynote session -->
            <hr size=3px width=75% align="left" color="white" style="margin-top: 5px; margin-bottom: 5px;">
            <span style="letter-spacing: 0.80px;">
              {{ i18n "10:30 am" }}<br>
              <b>{{ i18n "Building without following: RHEL compatibility for AlmaLinux's Community" }}</b>
            </span>
            <div class="img-schedule" style="padding: 10px;">
              <img src="/2024speakers/alukoshko.jpg" alt="Andrew Lukoshko" style="max-width:70px;">
            </div>
            <hr size=3px width=75% align="left" color="white" style="margin-top: 5px; margin-bottom: 5px;">
            <span style="letter-spacing: 0.80px;">
              {{ i18n "11:00 am" }}<br>
              <b>{{ i18n "Meet the Board: AlmaLinux OS Foundation Board" }}</b>
            </span>
            <div class="schedule-photo" style="display: flex;">
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/benny.jpeg" alt="benny Vasquez" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/board/alexiribarren.jpg" alt="Alex Iribarren" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/simon.jpg" alt="Simon Phipps" style="max-width:70px;">
              </div>
              <div class="img-schedule" style="padding: 10px;">
                <img src="/2024speakers/jesse.jpg" alt="Jesse Asklund" style="max-width:70px;">
              </div>
			  <!-- end keynote speakers -->
            </div>
            <hr size=3px width=75% align="left" color="white" style="margin-top: 5px; margin-bottom: 5px;">
          </div>
        </div>
      </div>
    </div>
<!-- end schedule -->	
<!-- last call to register -->
    <div class="al-index-event">
      <div class="container al-py-md" style="padding: 0 40px 0 40px;">
        <div class="container-event" style="display: flex; max-height: 400px;">
          <div class="item-event-1">
            <img class="img-thumbnail" src="/landingpages/aldg-2024/audience.jpg" alt="generic audience at a conference"style="object-fit: cover; width: 100%; height: 100%;">
          </div>
          <div class="item-event-2" style="display: flex; flex-direction: column; justify-content: space-between; padding-left: 40px;">
          <h2 style="font-size: 50px; letter-spacing: 0.80px; font-weight: 600; margin-bottom: 20px;">{{ i18n "The event for you." }}</h2>
            <span style="line-height: 28px; letter-spacing: 0.25px; padding-bottom: 20px;">
          {{ i18n "Hear all of the latest about the project, listen as industry experts talk about what they're doing with AlmaLinux, and find out what we're doing to make this the most stable free enterprise linux distribution in the world." }}
            </span>
	        <div>
	          <a href="https://eventyay.com/e/c9789850" class="btn btn-lg px-4 me-md-2 al-cta-blue">{{ i18n "Register now!" }}</a>
	        </div>
          </div>
        </div>
      </div>
    </div>
<!-- sponsors -->
    <div class="al-index-sponsors">
      <div class="container al-py-md" style="padding: 0 40px 0 40px;">
        <h2 style="font-size: 60px; font-weight: 700; line-height: 80px;">{{ i18n "Thank you to our sponsors!" }}</h2>
		<!--begin small logos -->
        <div class="row row-cols-2 row-cols-sm-4 row-cols-md-6 g-5 al-backed-by-list">
          <a href="https://www.cloudlinux.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container">
              <img style="object-fit: contain;" loading="lazy" src="/brands/cloudlinux.svg" alt="CloudLinux" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.cybertrust.co.jp/almalinux/" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container">
              <img style="object-fit: contain;" loading="lazy" src="/brands/cybertrust-japan.svg" alt="Cybertrust Japan" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://tuxcare.com/" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container">
              <img style="object-fit: contain;" loading="lazy" src="/brands/TuxCare_Horizontal_Logo_NoTagLine_White.svg" alt="TuxCare" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://codenotary.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container">
              <img style="object-fit: contain;" loading="lazy" src="/brands/codenotary.svg" alt="Codenotary" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://aws.amazon.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container">
              <img style="object-fit: contain;" loading="lazy" src="/brands/aws.svg" alt="Amazon AWS" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://azure.microsoft.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container">
              <img style="object-fit: contain;" loading="lazy" src="/brands/azurelarge1.svg" alt="Microsoft Azure" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.arm.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/arm.svg" alt="ARM" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.sinenomine.net/offerings/linux/almalinux" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/sine_nomine_logo_grayscale.svg" alt="Sine Nomine" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.equinix.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/equinix.svg" alt="Equinix" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://cpanel.net" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/cpanel.svg" alt="CPanel" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.hivelocity.net" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/hivelocity.svg" alt="Hivelocity" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://osuosl.org" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/osuosl.svg" alt="OSU Open Source Lab" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.plesk.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/plesk.svg" alt="Plesk" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://mattermost.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/mattermost.svg" alt="Mattermost" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.algolia.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/logo-algolia-nebula-blue-full_a52auc4.svg" alt="Algolia" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.knownhost.com/" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/KnownHostLogoFLATWHITE.svg" alt="KnownHost" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.amd.com/" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/AMD_Logo.svg" alt="AMD" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://black.host/" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/blackhost_logo.svg" alt="BlackHOST" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.cloudfest.com/" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/Cloudfest_logo_2022_white_1.svg" alt="CloudFest" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://procomputers.com/" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/procomputers_logo_white.svg" alt="ProComputers" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://orcharhino.com/en/" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/orcharhino.svg" alt="Orcharhino" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://world4you.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/w4y_logo_4C_white.svg" alt="World4You" class="al-backer-logo-small">
            </div>
          </a>

          <a href="https://www.hawkhost.com" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/HawkHost.svg" alt="HawkHost" class="al-backer-logo-small">
            </div>
          </a>

          <a href="#" >
            <div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container" >
              <img style="object-fit: contain;" loading="lazy" src="/brands/retired/logo-openlogic-tagline-white.svg" alt="OpenLogic" class="al-backer-logo-small">
            </div>
          </a>

		  <a  href="https://www.megware.com/">
          	<div class="col d-flex flex-fill align-items-center justify-content-center al-backer-logo-container">
            	<img loading="lazy" src="/brands/MEGWARE.svg" alt="Megware" class="al-backer-logo-small">
			</div>
		  </a>
		  
	    </div>
		<!--end small logos -->
      </div>
    </div>
    <div class="al-index-stop" style="background: #22C2FF;">
      <div class="container al-py-md" style="padding: 0 40px 0 40px;">
        <div class="container-stop" style="display: flex;">
          <div class="stop-item-1" style="width: 60%;">
            <h2 style="font-size: 60px; font-weight: 700; line-height: 80px;">
              {{ i18n "Can't make it?" }}
            </h2>
            <p style="font-weight: 400; line-height: 26px;">
              {{ i18n "We'll miss you, but if you can't make it to AlmaLinux Day: Germany, you can join us online! We'll be posting the videos from the talks at the event to share with everyone." }}
            </p>
          </div>
          <div class="stop-item-2" style="padding-left: 50px;">
			  <h4 class="fw-bold mb-0 pb-2">{{ i18n "Come hang out with us!" }}</h4>
				<ul>
				  <li class="social-item-mattermost sociallist"><a href="https://chat.almalinux.org">chat.almalinux.org</a></li>
				  <li class="social-item-fosstadon sociallist"><a href="https://fosstodon.org/@almalinux">fosstodon.org/@almalinux</a></li>
				  <li class="social-item-twitter sociallist"><a href="https://twitter.com/almalinux">twitter.com/almalinux</a></li>
				  <li class="social-item-reddit sociallist"><a href="https://reddit.com/r/almalinux">reddit.com/r/almalinux</a></li>
				  <li class="social-item-lists sociallist"><a href="https://lists.almalinux.org">lists.almalinux.org</a></li>
				  <li class="social-item-discourse sociallist"><a href="https://forums.almalinux.org">forums.almalinux.org</a></li>
				  <li class="social-item-github sociallist"><a href="https://github.com/AlmaLinux">github.com/AlmaLinux</a></li>
				  <li class="social-item-wiki sociallist"><a href="https://wiki.almalinux.org/">wiki.almalinux.org</a></li>
				</ul>
          </div>
        </div>
      </div>
    </div>
    <div class="al-index-image-by" style="background: #0e3b5c;">
      <div class="container al-py-md" style="padding: 0 40px 0 40px;">
        <p>{{ i18n "Header image:" }} <a style="color: #fff;" href="https://www.europapark.de/en">{{ i18n "Europa Park" }}</a>
      </div>
    </div>

  </section>
</div>
</section>
{{end}}