MAINHACK

Viewing / Editing File: bill_final.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Invoice  [ Studybuddy ]</title>

/*table.top*/
    table.top-deteals{ width: 100%; border: none; border-bottom-color: currentcolor; border-bottom-style: none; 
    border-bottom-width: medium; border-bottom: 10px solid #1171b9; background: #fff; background: #f7f7f78a; padding: 10px 0 20px; display: block; }
    table.top-deteals tr { border: none; }  
    table.top-deteals tr td{ border: none; }      
    table.top-deteals tr td h4{ text-align: left; font-size: 26px; line-height: 30px; padding: 0 0 5px; margin: 0; color: #00599b;}
    table.top-deteals tr td p{ padding: 0; margin: 0; text-align: left; font-size: 16px; line-height: 30px; color: #000000c4; font-family: revert;}
    table.top-deteals tr td img{ width: 95%;  }
    
    /*table.date-deteals*/
    table.date-deteals{ width: 100%; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;
    border-bottom:5px solid #ff20203d; background: #fff;background: #f7f7f78a; padding: 10px 0 20px; display: block; }
    table.date-deteals tr { width: 100%; border: none; } 
    table.date-deteals tr td { width: 30%; border: none; }   
    table.date-deteals tr td h2{ text-align: left; font-size: 20px; line-height: 30px; padding: 0 0 5px; margin: 0; color: #1171b9; font-weight: bold; }   
    table.date-deteals tr td p{ padding: 0; margin: 0; text-align: left; font-size: 16px; line-height: 30px; color: #000000c4; font-family: revert;}
    
    /*table.instructions-deteals*/
    table.instructions-deteals{ width: 100%; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom:5px solid #fff; background: #fff;background: #f7f7f7; padding: 10px 0 20px; display: block; }
    table.instructions-deteals tr { width: 100%; border: none; } 
    table.instructions-deteals tr td { width: 100%; border: none; }   
    table.instructions-deteals tr td h2{ font-weight: inherit; text-align: left; font-size: 20px; line-height: 30px; padding: 0 0 5px; margin: 0; color: #fd0000; }   
    table.instructions-deteals tr td p{ padding: 0; margin: 0; text-align: left; font-size: 16px; line-height: 30px; color: #000000c4; font-family: revert;}
        
    /*table.instructions-deteals*/    
    table.product-deteals{ width: 100%; background: #FFF; } 
    table.product-deteals tr th{ background: #041643; color: #fff; font-size: 15px; line-height: 22px; }  
    table.product-deteals tr td{ color: #000; font-size: 13px; line-height: 22px; padding: 10px 0; margin: 0; text-align: center; }     
    
    /*table.heigh*/    
    table.heigh{ border-top:none; text-align:center;}
    table.heigh tr:last-child td{ padding-bottom:1em;}
    table.heigh tr,td{}
    table.heigh .left-border{  width: 78%; text-align: right; font-size: 13px; }
    
    /*print*/
    .print{padding: 8px 15px; margin: 0 auto; background: #1171b9; Color: #fff; border-radius: 30px; border: none; font-size: 15px; font-weight: bold; box-shadow: 0px 5px 11px 0px rgba(35, 35, 35, 0.36); cursor: pointer; }
    .print:hover{ background: red; }   
    .no-print{ margin:2em 0;}
    @media print
    {    
        .no-print, .no-print *
        {
            display: none !important;
        }
        div.table{    margin: 0% auto; width: 90%; border: 1px solid #d0d0d0;  }
        table.date-deteals tr td p {text-align: left; font-size: 13px; line-height: 25px; }
        aside {margin: 0; transform: rotate(90deg); position: absolute; top: 37%; left: 45%; width: 90%; z-index: 99999;}
        aside h3 { font: bold 30px Sans-Serif; font-size: 30px; letter-spacing: 1px; text-transform: uppercase; background: #f4f4f400; color: #9b9393; padding: 0px 5px; margin: 0 0 10px 0; line-height: 70px; transform-origin: 0 0; width: 100%; font-weight: lighter; font-family: revert; }
        table.instructions-deteals{ padding: 5px 5px;}
        table.date-deteals{ padding: 5px 5px;}
        table.top-deteals{ padding: 5px 5px;}

}
</style>

</head>
<body>

<div class='privacy about' style='padding:0 5em 5em 2em;'>
    <div class="table">
        
        <aside>
          <h3>Invoice Number : <span>[ 789QWE4F ]</span></h3>
        </aside>        
        
        
        
            <table class="top-deteals">
                <tr>  
                    <td width="70%" class="text-left">
                        <h4><b>Study Buddye</b></h4>
                        <p>www.studybuddy.com</p>
                        <p><b>Office :</b><br>IG/6/2, GANAPATHI VIHAR, North 24 Parganas, West Bengal, 700159</p>
                        <p><b>GST :</b> 19ADVPI0238C2ZK</p>
                        <p><b>Invoice ID :</b>789QWE4F</p>
                        <p><b>E-Mail :</b>  info@studybuddy.com </p>
                        <p><b>Phone :</b> +91 99999 99999 </p>
                    </td>                 
                    <td width="30%" class="text-center">
                        <img src="images/logo.png" alt="studybuddy" class="logoimg">
                    </td>
                </tr>                
            </table>

<table class="date-deteals">
                <tr>  
                  <td>  <h2>Package details :</h2>
                        <p>Buy Date : 02.06.2025</p>
                        <p>Expiry Date : 01.07.2025</p>
                  </td>
                    
                    <td>
                        <h2>Student Details</h2>
                        <p><b>Name :</b>Babul Majumdar</p>
                        <p><b>Mob No :</b> 88888 88888</p>
                        <p><b>E-Mail :</b> info@gmail.com</p>
                        <p><b>Address : </b> A4/2, Zafran bldg, West bengal, India </p>
                    </td>                   
                </tr>                
            </table>  
      
            <table class="product-deteals" style="">
                <tr>
                    <th>Sl No   </th>
                    <th>Package Name</th> 
                    <th>Live Test </th>
                    <th>Package Price </th>
                    <th> Total Price </th>              
                               
                </tr>
                
      
                <tr>
                    <td>01.</td>
                    <td>Monthly Package</td>
                    <td>Railways</td>
                    <td>999/-</td>
                    <td>999/-</td>                
                </tr>
               
               
                            
                
            </table>

</table>

<table class="heigh">
                <tr>
                    <td class="left-border">Taxable Amount : Rs <?=$previous?><br>
                    Amount Breakup : <?=$previous?> + <?=$cgst?> (9% CGST) + <?=$cgst?> (9% IGST)= Rs <?=$total1+$total2?>
                    
                    </td>
                    <td width='12%'><?=$total1+$total2?></td>
                </tr>
              <tr>
                    <td class="left-border">Delivery Charge <b>:</b></td>
                    <td width='12%'> <?=$delivery_amt?></td>
                </tr>     
              
                <tr>
                    <td class="left-border"><label>Total Amount Paid (INR) <b>:</b></label></td>
                    <td width='12%'><?=$delivery_amt+$total1+$total2?></td>
                </tr>
            </table>

<div class="no-print" align="center">
                <button onclick="myFunction()" class="print">Print this page</button>
                <div>
                
                    <script>
                    function myFunction() {
                        window.print();
                    }
                    </script>
                    
                </div>
            </div>

</div>
</div>
</body>
</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: bill_final.php

Server Info

System Features

User Info