<!-- DEBUG-VIEW START 1 APPPATH/Views/checkin/response_en.php -->
<!-- DEBUG-VIEW START 1 APPPATH/Views/checkin/response_en.php -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Qatar Government Excellence Program</title>
    <!-- Include Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.5.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-6E5z5F5j5Mu1v8BGNRn7I5z5wPb8Pp5f5c5f5z5F5k5f5F5E5z5F5j5Mu1v8BGNRn7I5z" crossorigin="anonymous">
    <!-- Include FontAwesome CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" rel="stylesheet">
     <script>
        function downloadImage() {
           
            var base64Data = document.getElementById('downloadImage').src.split(',')[1];

            
            var a = document.createElement('a');

          
            a.href = 'data:image/png;base64,' + base64Data;

          
            a.download = 'downloaded_image.png';

           
            document.body.appendChild(a);

            
            a.click();

          
            document.body.removeChild(a);
        }
    </script>
    <style>
    * {
    padding: 0;
    margin: 0;
    }
    body {
    
    display: flex;
    justify-content: center;
    align-items: center;
    color:#0a3e5e;
    font-family:cairo;
    height: 100vh;
    }
    .bg{
    width: 100%;
    height: 100%;  
    background-image: url(/public/assets/images/Patterns-01.png);
    background-repeat: no-repeat;
    background-position: -200%;
    background-size: 110%;
    
    }
    
    .container {
    text-align: center;
    width: 100%;
    height: 100vh;
    
    }
    .icon-accepted {
    color: green;
    font-size: 100px;
    margin-top:100px;
    }
    .icon-rejected {
    color: red;
    font-size: 100px;
    margin-top:100px;
    }
    
    
  .container .content h1{
font-size: 19px;
    margin-top: 40px;
    margin-bottom: 10px;
    width: 25%;
    word-spacing: 5px;
  }
    .container .mainLogo .navbar-brand img{
    max-width: 35%;
    }
    .container .icon img{
           max-width: 110px;
    }
    .container .info-para p
     {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 2.7;
    align-items: center;
    }
    .container .info-para p a{
    color: #0a3e5e;
    text-decoration: none;
        display: flex;
    justify-content: center;
    align-items: center;
    }
    .container .info-para p a img{
            max-width: 22px;
            margin-right: 10px;
    }
    .container div:last-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin-top: 17px; */
    }
    .container div p a{
    display: block;
    width: fit-content;
    text-align: center;
    }
    
    
    
    
    
    
    @media (max-width: 1461px) 
    {
        .container div:last-child {
        padding: 0 100px;
        }
        
        .container div p {
        
        width: 100%;
        }
    }
    
    
    @media (max-width: 910px) {
        .container div:last-child {
        padding: 0 50px;
        }
    }
    
    @media (max-width: 693px){
        .container .mainLogo img{
        width: 525px;
        height: auto;
        }
    }
    @media (max-width: 583px){
        .container div:last-child p{
        font-size: 18px;
        }
        .mainLogo {
        padding-top: 0px;
        }
    }
    
    @media (max-width: 523px){
        .container .mainLogo img{
        width: 340px;
        }
        .container div:last-child {
        padding: 0 20px;
        }
    }
    
    

  @media (max-width:1271px){ 
    .bg {
        width: 100%;
        height: 100%;
        background-image: url(/public/assets/images/Patterns-01.png);
        background-repeat: no-repeat;
        background-position: 30%;
        background-size: 180%;
    }

    .container .mainLogo .navbar-brand img {
        max-width: 65%;
    }
    .container .content h1 {
        font-size: 25px;
        margin-top: 40px;
        margin-bottom: 10px;
        width: 50%;
        word-spacing: 5px;
    }
    .container .info-para p {
        font-size: 21px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: 2.7;
    }
  }

  @media (max-width:934px){
    .container .mainLogo .navbar-brand img {
        max-width: 80%;
    }
    .container .content h1 {
        width: 100%;
    }
    .container .icon img {
        max-width: 150px;
    }
    .bg {
        background-position: 41%;
        background-size: 287% 149%;
    }
  }

  @media (max-width:907px){
    .container .content h1 {
        width: 60%;
    }
  }
  @media (max-width:667px){
    .container .content h1 {
        width: 100%;
    }
    .container .mainLogo .navbar-brand img {
        max-width: 100%;
    }
  }
  @media (max-width:450px){
    .bg {
        background-position: 41%;
        background-size: 250% 210%;
    }
  }
    </style>
</head>
<body>
   

<!-- Content of your webpage goes here -->
<div class="bg"><div class="container">
     <div class="mainLogo">
        <div class="navbar-brand" href="#"><img src="https://rsvp.zoomarts.com/public/assets/images/logos.png" alt="Logo" ></div>
    </div>
       <div class="content">
    
       	
       	
        <h1>نشكركم على تأكيد حضوركم لجائزة قطر للأداء الحكومي المتميز</h1><br>
      	<!--<div style=" border: 10px solid #607D8B;margin-top:30px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWAQAAAAAUekxPAAABLElEQVR42u3WMWpEMQwE0AEVupRB13LxwYItdC2DLuVCMCmym82S7ttlXL7GZsbIBv+swr/tmgNK+mXJCci2BRmrd1hJkrlvrhELF4Q55Yw59DFPWh8lzDNGRpBk2Ucud80BjYhHZn70dtdIMpZ6s897ddfCoVyjZNqE7JtDGXRYfqewaww6dEkWZDY7YGvQccFmkzpgSyNcH8ySwgELH7FGQTjfGdw378OhJEv4yuC4aaw+wiHT8rXvjmHEghYsM7lvQS6MBZlWNmXfXL2rC2f7OfOW0UfQL0hZNdk3H66ubgXg2dGOkaRrFCDMkm1zQJeSzN+93bfn3PUmydlk31wjGMwCADtja3hrlllnzLs+soQ8YWSsjgtWkLlvDqhDSyba+124b///xA37AsEd1OlSwrSQAAAAAElFTkSuQmCC" style="padding-top: 5px;padding-left: 5px;padding-right: 5px;" height=150px width=150px></div><br>-->
        <div class="icon"><img src="/public/assets/images/check-icon.png" alt=""></div>
       
     <div class="info-para">
            <p>الأحد 11 فبراير 2024، من الساعة 9 صباحًا حتى 11 صباحًا<br>شيراتون جراند الدوحة قاعة الدفنة <br>rsvp.qgea@cgb.gov.qa لأية استفسارات يرجى إرسال بريد إلكتروني إلى </p>
            <p><a href='https://qgea.cgb.gov.qa/program/'><img src="/public/assets/images/external-link.png" alt="">برنامج الحفل هنا</a></p>
       </div>

	   
       
    

   
   </div>
    </div></div>


<!-- Include Bootstrap JS (optional) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.0/dist/js/bootstrap.min.js" integrity="sha384-vk5WoKIg7F5v7ZRZ7f5FsCOo9E09zgDkAB5ZvF+76X9Bf4+5z5v7z7b5l5z5F5w5sCOo9" crossorigin="anonymous"></script>
</body>
</html>
<!-- DEBUG-VIEW ENDED 1 APPPATH/Views/checkin/response_en.php -->

<!-- DEBUG-VIEW ENDED 1 APPPATH/Views/checkin/response_en.php -->
