<?php 
use App\Models\SettingModel;
$setting    = new SettingModel();
$app_setting  = $setting->get_application_setting();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://fonts.googleapis.com/css?family=Hind:400,700&amp;subset=devanagari,latin-ext" rel="stylesheet">
  <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=Tiro+Devanagari+Hindi&display=swap" rel="stylesheet"> 
</head>
<body >

</style>
  <div >
    <?php 
      $path = $image_d;
      $type = pathinfo($path, PATHINFO_EXTENSION);
      $base64 = 'data:image/' . $type . ';base64,' . base64_encode($image_d);
    ?>
   <img src="<?php echo $base64; ?>" style="position:absolute; width: 297mm; 
    height: 210mm;">
  </div>

  <div style="position:absolute; z-index:999;font-size:45px;font-weight:900;top:375px;left: 50px;width:1035px;color:#282828;text-align: center"><?php echo session()->get('vol_name'); ?></div>
  <div style="position:absolute; z-index:999;font-size:25px;font-weight:900;top:633px;left: 305px;color:#282828;"><?php echo date('d-M-Y', strtotime(session()->get('vol_date'))); ?></div>
  <div style="position:absolute; z-index:999;font-size:20px;font-weight:900;top:752px;left: 155px;color:#282828;"><?php echo session()->get('member_id'); ?></div>
</body>
</html>
<style type="text/css">
@page {
  size: A4 landscape;
  margin: 0;
}
@media print {
  html, body {
    width: 297mm; 
    height: 210mm;
  }
  /* ... the rest of the rules ... */
}
</style>
<script type="text/javascript">
 // window.print();
 </script>