~NAXC~

File Content: `authorization-certificate-print.php`

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Authorization Certificate Print | RNNYC</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
  <!-- google fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap" rel="stylesheet">
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap" rel="stylesheet">
  <style>
    body, html {
    height: 100%;
    width:100%;
    margin: 0;
    }
    .certificate-bg {
    background-image: url("../../assets/img/authorization-certificate-format.jpeg");
    height: 655px; 
    width:500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin:auto;
    overflow:auto;
    }
    .content{
    width:335px;
    margin:auto;
    padding-top:288px;
    }
    h6{
        line-height:13px;
    }
    .font-14{
        font-size:13px;
    }
    .h-20{
        min-height:20px;
        max-height:20px;
    }
    .h-13{
        min-height:13px;
        max-height:13px;
    }
    .h-14{
        min-height:17px;
        max-height:17px;
    }
    .h-27{
        min-height:19px;
        max-height:19px;
    }
    .h-30{
        min-height:30px;
        max-height:30px;
    }
    .h-50{
        min-height:45px;
        max-height:45px;
    }
    .study-centre-code{
        color:white;
        margin-left:222px;
        margin-top:17px;
    }
    .date{
        font-size:10px; 
        font-weight:700; 
        margin-top:40px; 
        margin-right:125px; 
        color:royalblue;   
    }
@media print{
    html, body {
        height: 99%;    
    }
    .certificate-bg {
    height: 96%; 
    width:100%;
    margin-top:10px;
    background-size: cover;
    overflow: visible;
    }
    .content{
        width:71%;
        margin:auto;
        padding-top:433px;
    }
    h6{
        line-height:21px;
    }
    .font-14{
        font-size:20px;
    }
    .h-14{
        min-height:25px;
        max-height:25px;
    }
    .h-13{
        min-height:28px;
        max-height:28px;
    }
    .h-27{
        min-height:53px;
        max-height:53px;
    }
    .study-centre-code{
        margin-top:28px;
        margin-left:325px;
        font-size:26px;
        font-weight:700;
    }
    .date{
        font-size:15px; 
        font-weight:700; 
        margin-top:65px; 
        margin-right:185px; 
        color:royalblue;   
    }
}
</style>
</head>
<body>

    <div class="certificate-bg">         
        <div class="content" align="center">
            <div class="h-20">
                <h6 class="text-danger font-14"><i>Aishwariya Rai Bachhan and Abhisekh Bachhan</i></h6>
            </div>
            <div class="h-14"></div>
            <div class="h-30">
                <h6 class="text-danger font-14">RABINDRA NATH NATIONAL YOUTH CENTRE</h6>
            </div>
            <div class="h-13"></div>
            <div class="h-50">
                <h6 class="text-danger font-14">Vill - Motiganj, Military road, B.S.F Camp more</h6>
            </div>
            <div class="h-27"></div>
            <h6 class="text-danger font-14">April - 2022 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; March - 2023</h6>
            <h5 class="study-centre-code">700388</h5>
            <h6 class="date">07th, January 2017</h6>
        </div>
    </div>

</body>
</html>
File Content: authorization-certificate-print.php

File Content: `authorization-certificate-print.php`
