CoffeeScript

HTML

<style>
    body
    {
      margin: 0mm 0mm 0mm 0mm;
    }
    @media print {
        body
        {
          margin: 0mm 0mm 0mm 0mm;
        }
        .wrap{word-break: break-all;
        display: inline-block;
        word-break: break-word;}
    }
    table
    {
        border-color: #000;
        color: #000;
        border-collapse: collapse;
        font-size: 14px;
    }
    td{color:#000;padding-bottom:2px;padding-top:2px;}    
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .text-center
    {
        text-align: center;
    }    
    .wrap{word-break: break-all;word-break: break-word;}
    #watermark {
        position: fixed;
        top: -5px !important;
        left: -10px !important;
        width: 21.8cm;
        height: 28cm;
        z-index: -1000;
    }
</style>
<div id="watermark">
    <img src="C:\wamp64\wwww\demo-project\storage\app\images\page_border.png" style = " width : 122%; height:132%;"/>
</div>
<div class="content-wrapper">
    <div class="content">
        <div class="col-md-12">
            <fieldset class="content-group" style="border: none !important;padding:0px">
                <div class="form-group">
                    <table  style="width: 100%">
                        <tr>
                            <td style="font-size:25px" valign="top"><b>XXXXXX YYYYYYYY</b></td>
                            <td valign="top" style="text-align: right">	<img src="C:\wamp64\wwww\demo-project\storage\app\images\purchase_order_old.jpg" style = " width :250px; height:90px;" /></td>
                            </tr>
                    </table>

                    <fieldset style="margin-top: 30px;">
                        <legend>XXXXXXXXXXX Details:</legend>
                        <table style="width: 100%; margin-top: 10px;">
                            <tr>
                                <td style="width: 20%"><b>  Date: </b></td>   
                     ...