Created
December 2, 2014 15:02
-
-
Save foyzulkarim/41c0208bd93668dff258 to your computer and use it in GitHub Desktop.
HTML string to PDF. (Problem: Extra zoomed in)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<title></title> | |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" /> | |
</head> | |
<body> | |
<div> | |
<div class=" container ng-scope" ng-switch=" view"> | |
<div class=" row"> | |
<div ng-switch-when=" detail" class=" col-lg-12 ng-scope"> | |
<div class=" titleborder"> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-5 col-md-5 col-lg-5"> | |
<h4>APPLIED STUDENTS PROFILE VIEW</h4> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4"> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<div class=" downloadicon mytooltip"> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div ng-switch=" view" class=" container ng-scope"> | |
<!-- ngSwitchWhen: list --> | |
<!-- ngSwitchWhen: list --> | |
<!-- ngSwitchWhen: detail --><div ng-switch-when=" detail" class=" row ng-scope"> | |
<div class=" col-md-12"> | |
<div class=" panel panel-default"> | |
<div class=" panel-heading"> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<i class=" heading-panel-txt">ADMISSION INFORMATION</i> | |
<div class=" pull-right"> | |
<i class=" dateadjust">APPLICATION DATE: <strong class=" ng-binding">26/11/2014</strong></i> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class=" panel-body"> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 25%">SESSION</td> | |
<td><span class=" ng-binding">2014-2015</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 25%">VERSION</td> | |
<td><span class=" ng-binding">Bangla</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 25%">CLASS</td> | |
<td><span class=" ng-binding">Nine</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 25%">GROUP</td> | |
<td><span class=" ng-binding">Science</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class=" panel panel-default"> | |
<div class=" panel-heading"> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<i class=" heading-panel-txt">STUDENT'S INFORMATION</i> | |
</div> | |
</div> | |
</div> | |
<div class=" panel-body"> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-6 col-md-9 col-lg-9"> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%"><strong>STUDENT'S NAME</strong></td> | |
<td><span class=" ng-binding">test</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 50%">DATE OF BIRTH</td> | |
<td><span class=" ng-binding">26/11/2014</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 50%">BLOOD GROUP</td> | |
<td><span class=" ng-binding">A+</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">NATIONALITY</td> | |
<td><span class=" ng-binding">Bangladeshi</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">RELIGION</td> | |
<td><span class=" ng-binding">Islam</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">GENDER</td> | |
<td><span class=" ng-binding">Male</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">EMAIL</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">PHONE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">QUOTA</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-6 col-md-3 col-lg-3"> | |
<table width=" 100%"> | |
<tbody> | |
<tr> | |
<td align=" center"> | |
<!--<img src="images/StudentImages/std0306.png" alt="" class="img-thumbnail">--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<table width=" 100%" cellpadding=" 5"> | |
<tbody> | |
<tr> | |
<td><strong>PRESENT ADDRESS :</strong></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">ADDRESS</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">DISTRICT</td> | |
<td><span class=" ng-binding">Dhaka</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">THANA</td> | |
<td><span class=" ng-binding">Gulshan</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 40%">POST CODE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<table width=" 100%" cellpadding=" 5"> | |
<tbody> | |
<tr> | |
<td><strong>PERMANENT ADDRESS : </strong></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">ADDRESS</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">DISTRICT</td> | |
<td><span class=" ng-binding">Dhaka</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">THANA</td> | |
<td><span class=" ng-binding">Gulshan</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 40%">POST CODE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class=" panel panel-default"> | |
<div class=" panel-heading"> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<i class=" heading-panel-txt">ACADEMIC INFORMATION</i> | |
</div> | |
</div> | |
</div> | |
<div class=" panel-body"> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<div class=" table-responsive"> | |
<table class=" table table-bordered"> | |
<thead> | |
<tr> | |
<th>CLASS/EXAM</th> | |
<th>GROUP</th> | |
<th>YEAR</th> | |
<th>BOARD</th> | |
<th>REG. NO.</th> | |
<th>ROLL NO.</th> | |
<th>RESULT</th> | |
<th>INSTITUTE</th> | |
</tr> | |
</thead> | |
<tbody> | |
<!-- ngRepeat: academicInformation in academicInformations --> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class=" panel panel-default"> | |
<div class=" panel-heading"> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<i class=" heading-panel-txt">PARENTS INFORMATION</i> | |
</div> | |
</div> | |
</div> | |
<div class=" panel-body"> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-6 col-md-9 col-lg-9"> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%"><strong>FATHER'S NAME</strong></td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 50%">DATE OF BIRTH</td> | |
<td><span class=" ng-binding">26/11/2014</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 50%">BLOOD GROUP</td> | |
<td><span class=" ng-binding">A+</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 40%">NATIONAL ID</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">NATIONALITY</td> | |
<td><span class=" ng-binding">Bangladeshi</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">RELIGION</td> | |
<td><span class=" ng-binding">Islam</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">EDUCATION</td> | |
<td><span class=" ng-binding">SSC</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">OCCUPATION</td> | |
<td><span class=" ng-binding">Service</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> </div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">EMAIL</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">PHONE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-6 col-md-3 col-lg-3"> | |
<table width=" 100%"> | |
<tbody> | |
<tr> | |
<td align=" center"> | |
<!--<img src="images/StudentImages/std0306.png" alt="" class="img-thumbnail">--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<table width=" 100%" cellpadding=" 5"> | |
<tbody> | |
<tr> | |
<td><strong>OFFICE NAME & ADDRESS :</strong></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">ADDRESS</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">DISTRICT</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">THANA</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 40%">POST CODE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-6 col-md-9 col-lg-9"> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%"><strong>MOTHER'S NAME</strong></td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 50%">DATE OF BIRTH</td> | |
<td><span class=" ng-binding">26/11/2014</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 50%">BLOOD GROUP</td> | |
<td><span class=" ng-binding">A+</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 40%">NATIONAL ID</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">NATIONALITY</td> | |
<td><span class=" ng-binding">Bangladeshi</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">RELIGION</td> | |
<td><span class=" ng-binding">Islam</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">EDUCATION</td> | |
<td><span class=" ng-binding">SSC</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">OCCUPATION</td> | |
<td><span class=" ng-binding">Service</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> </div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">EMAIL</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">PHONE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-6 col-md-3 col-lg-3"> | |
<table width=" 100%"> | |
<tbody> | |
<tr> | |
<td align=" center"> | |
<!--<img src="images/StudentImages/std0306.png" alt="" class="img-thumbnail">--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<table width=" 100%" cellpadding=" 5"> | |
<tbody> | |
<tr> | |
<td><strong>OFFICE NAME & ADDRESS :</strong></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">ADDRESS</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">DISTRICT</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">THANA</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 40%">POST CODE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-6 col-md-9 col-lg-9"> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%"><strong>LOCAL GUARDIAN</strong></td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 50%">DATE OF BIRTH</td> | |
<td><span class=" ng-binding">26/11/2014</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 50%">BLOOD GROUP</td> | |
<td><span class=" ng-binding">A+</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 40%">NATIONAL ID</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">NATIONALITY</td> | |
<td><span class=" ng-binding">Bangladeshi</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">RELIGION</td> | |
<td><span class=" ng-binding">Islam</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">EDUCATION</td> | |
<td><span class=" ng-binding">SSC</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">OCCUPATION</td> | |
<td><span class=" ng-binding">Service</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-4"></div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">EMAIL</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">PHONE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-6 col-md-3 col-lg-3"> | |
<table width=" 100%"> | |
<tbody> | |
<tr> | |
<td align=" center"> | |
<!--<img src="images/StudentImages/std0306.png" alt="" class="img-thumbnail">--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<table width=" 100%" cellpadding=" 5"> | |
<tbody> | |
<tr> | |
<td width=" 20%"><strong>OFFICE NAME & ADDRESS :</strong></td> | |
<td width=" 80%" bgcolor=" #428bca" style=" color:#fff; padding-bottom:5px;"> | |
<strong>RELATION WITH STUDENT'S :</strong> | |
<span class=" ng-binding"></span> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=" row"> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">ADDRESS</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">DISTRICT</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 30%">THANA</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" clearfix visible-xs"></div> | |
<div class=" col-xs-12 col-sm-3 col-md-3 col-lg-3"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 40%">POST CODE</td> | |
<td><span class=" ng-binding"></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div ng-switch-when=" detail" class=" panel panel-default ng-scope"> | |
<div class=" panel-heading"> | |
<div class=" row"> | |
<div class=" col-md-12"> | |
<i class=" heading-panel-txt">PAYMENT INFORMATION</i> | |
</div> | |
</div> | |
</div> | |
<div class=" panel-body"> | |
<div class=" row"> | |
<div class=" col-md-4"> | |
<table class=" table table-bordered"> | |
<tbody> | |
<tr> | |
<td width=" 15%">MODE OF PAYMENT</td> | |
<td width=" 15%"><span class=" ng-binding">Bkash</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=" col-md-4 col-md-offset-4"> </div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class Program | |
{ | |
static void Main(string[] args) | |
{ | |
Byte[] bytes; | |
using (var ms = new MemoryStream()) | |
{ | |
using (var doc = new Document()) | |
{ | |
StyleSheet style = new StyleSheet(); | |
style.LoadTagStyle("body","font","8px"); | |
using (PdfWriter writer = PdfWriter.GetInstance(doc, ms)) | |
{ | |
writer.SetPageSize(PageSize.A10); | |
doc.Open(); | |
var example_html = @""; | |
var example_css = @""; | |
var url = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"; | |
example_css = (new WebClient()).DownloadString(url); | |
#region hard code | |
example_html = @"<div> <div class=""container ng-scope"" ng-switch=""view""> | |
<div class=""row""> | |
<div ng-switch-when=""detail"" class=""col-lg-12 ng-scope""> | |
<div class=""titleBorder""> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-5 col-md-5 col-lg-5""> | |
<h4>APPLIED STUDENTS PROFILE VIEW</h4> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-4 col-md-4 col-lg-4""> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<div class=""downloadIcon mytooltip""> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div ng-switch=""view"" class=""container ng-scope""> | |
<!-- ngSwitchWhen: list --> | |
<!-- ngSwitchWhen: list --> | |
<!-- ngSwitchWhen: detail --><div ng-switch-when=""detail"" class=""row ng-scope""> | |
<div class=""col-md-12""> | |
<div class=""panel panel-default""> | |
<div class=""panel-heading""> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<i class=""heading-panel-txt"">ADMISSION INFORMATION</i> | |
<div class=""pull-right""> | |
<i class=""dateAdjust"">APPLICATION DATE: <strong class=""ng-binding"">26/11/2014</strong></i> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class=""panel-body""> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""25%"">SESSION</td> | |
<td><span class=""ng-binding"">2014-2015</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""25%"">VERSION</td> | |
<td><span class=""ng-binding"">Bangla</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""25%"">CLASS</td> | |
<td><span class=""ng-binding"">Nine</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""25%"">GROUP</td> | |
<td><span class=""ng-binding"">Science</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class=""panel panel-default""> | |
<div class=""panel-heading""> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<i class=""heading-panel-txt"">STUDENT'S INFORMATION</i> | |
</div> | |
</div> | |
</div> | |
<div class=""panel-body""> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-6 col-md-9 col-lg-9""> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%""><strong>STUDENT'S NAME</strong></td> | |
<td><span class=""ng-binding"">test</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""50%"">DATE OF BIRTH</td> | |
<td><span class=""ng-binding"">26/11/2014</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""50%"">BLOOD GROUP</td> | |
<td><span class=""ng-binding"">A+</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">NATIONALITY</td> | |
<td><span class=""ng-binding"">Bangladeshi</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">RELIGION</td> | |
<td><span class=""ng-binding"">Islam</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">GENDER</td> | |
<td><span class=""ng-binding"">Male</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">EMAIL</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">PHONE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">QUOTA</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-6 col-md-3 col-lg-3""> | |
<table width=""100%""> | |
<tbody> | |
<tr> | |
<td align=""center""> | |
<!--<img src=""images/StudentImages/std0306.png"" alt="""" class=""img-thumbnail"">--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<table width=""100%"" cellpadding=""5""> | |
<tbody> | |
<tr> | |
<td><strong>PRESENT ADDRESS :</strong></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">ADDRESS</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">DISTRICT</td> | |
<td><span class=""ng-binding"">Dhaka</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">THANA</td> | |
<td><span class=""ng-binding"">Gulshan</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""40%"">POST CODE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<table width=""100%"" cellpadding=""5""> | |
<tbody> | |
<tr> | |
<td><strong>PERMANENT ADDRESS : </strong></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">ADDRESS</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">DISTRICT</td> | |
<td><span class=""ng-binding"">Dhaka</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">THANA</td> | |
<td><span class=""ng-binding"">Gulshan</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""40%"">POST CODE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class=""panel panel-default""> | |
<div class=""panel-heading""> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<i class=""heading-panel-txt"">ACADEMIC INFORMATION</i> | |
</div> | |
</div> | |
</div> | |
<div class=""panel-body""> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<div class=""table-responsive""> | |
<table class=""table table-bordered""> | |
<thead> | |
<tr><th>CLASS/EXAM</th> | |
<th>GROUP</th> | |
<th>YEAR</th> | |
<th>BOARD</th> | |
<th>REG. NO.</th> | |
<th>ROLL NO.</th> | |
<th>RESULT</th> | |
<th>INSTITUTE</th> | |
</tr></thead> | |
<tbody> | |
<!-- ngRepeat: academicInformation in academicInformations --> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class=""panel panel-default""> | |
<div class=""panel-heading""> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<i class=""heading-panel-txt"">PARENTS INFORMATION</i> | |
</div> | |
</div> | |
</div> | |
<div class=""panel-body""> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-6 col-md-9 col-lg-9""> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%""><strong>FATHER'S NAME</strong></td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""50%"">DATE OF BIRTH</td> | |
<td><span class=""ng-binding"">26/11/2014</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""50%"">BLOOD GROUP</td> | |
<td><span class=""ng-binding"">A+</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""40%"">NATIONAL ID</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">NATIONALITY</td> | |
<td><span class=""ng-binding"">Bangladeshi</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">RELIGION</td> | |
<td><span class=""ng-binding"">Islam</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">EDUCATION</td> | |
<td><span class=""ng-binding"">SSC</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">OCCUPATION</td> | |
<td><span class=""ng-binding"">Service</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> </div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">EMAIL</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">PHONE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-6 col-md-3 col-lg-3""> | |
<table width=""100%""> | |
<tbody> | |
<tr> | |
<td align=""center""> | |
<!--<img src=""images/StudentImages/std0306.png"" alt="""" class=""img-thumbnail"">--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<table width=""100%"" cellpadding=""5""> | |
<tbody> | |
<tr> | |
<td><strong>OFFICE NAME & ADDRESS :</strong></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">ADDRESS</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">DISTRICT</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">THANA</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""40%"">POST CODE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-6 col-md-9 col-lg-9""> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%""><strong>MOTHER'S NAME</strong></td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""50%"">DATE OF BIRTH</td> | |
<td><span class=""ng-binding"">26/11/2014</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""50%"">BLOOD GROUP</td> | |
<td><span class=""ng-binding"">A+</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""40%"">NATIONAL ID</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">NATIONALITY</td> | |
<td><span class=""ng-binding"">Bangladeshi</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">RELIGION</td> | |
<td><span class=""ng-binding"">Islam</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">EDUCATION</td> | |
<td><span class=""ng-binding"">SSC</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">OCCUPATION</td> | |
<td><span class=""ng-binding"">Service</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> </div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">EMAIL</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">PHONE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-6 col-md-3 col-lg-3""> | |
<table width=""100%""> | |
<tbody> | |
<tr> | |
<td align=""center""> | |
<!--<img src=""images/StudentImages/std0306.png"" alt="""" class=""img-thumbnail"">--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<table width=""100%"" cellpadding=""5""> | |
<tbody> | |
<tr> | |
<td><strong>OFFICE NAME & ADDRESS :</strong></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">ADDRESS</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">DISTRICT</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">THANA</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""40%"">POST CODE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-6 col-md-9 col-lg-9""> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%""><strong>LOCAL GUARDIAN</strong></td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""50%"">DATE OF BIRTH</td> | |
<td><span class=""ng-binding"">26/11/2014</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""50%"">BLOOD GROUP</td> | |
<td><span class=""ng-binding"">A+</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""40%"">NATIONAL ID</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">NATIONALITY</td> | |
<td><span class=""ng-binding"">Bangladeshi</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">RELIGION</td> | |
<td><span class=""ng-binding"">Islam</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">EDUCATION</td> | |
<td><span class=""ng-binding"">SSC</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">OCCUPATION</td> | |
<td><span class=""ng-binding"">Service</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-4""></div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">EMAIL</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">PHONE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-6 col-md-3 col-lg-3""> | |
<table width=""100%""> | |
<tbody> | |
<tr> | |
<td align=""center""> | |
<!--<img src=""images/StudentImages/std0306.png"" alt="""" class=""img-thumbnail"">--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<table width=""100%"" cellpadding=""5""> | |
<tbody> | |
<tr> | |
<td width=""20%""><strong>OFFICE NAME & ADDRESS :</strong></td> | |
<td width=""80%"" bgcolor=""#428BCA"" style=""color:#fff; padding-bottom:5px;""> | |
<strong>RELATION WITH STUDENT'S :</strong> | |
<span class=""ng-binding""></span> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class=""row""> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">ADDRESS</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">DISTRICT</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""30%"">THANA</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""clearfix visible-xs""></div> | |
<div class=""col-xs-12 col-sm-3 col-md-3 col-lg-3""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""40%"">POST CODE</td> | |
<td><span class=""ng-binding""></span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div ng-switch-when=""detail"" class=""panel panel-default ng-scope""> | |
<div class=""panel-heading""> | |
<div class=""row""> | |
<div class=""col-md-12""> | |
<i class=""heading-panel-txt"">PAYMENT INFORMATION</i> | |
</div> | |
</div> | |
</div> | |
<div class=""panel-body""> | |
<div class=""row""> | |
<div class=""col-md-4""> | |
<table class=""table table-bordered""> | |
<tbody> | |
<tr> | |
<td width=""15%"">MODE OF PAYMENT</td> | |
<td width=""15%""><span class=""ng-binding"">Bkash</span></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div class=""col-md-4 col-md-offset-4""> </div> | |
</div> | |
</div> | |
</div> | |
</div></div>"; | |
#endregion | |
using (var msCss = new MemoryStream(System.Text.Encoding.UTF8.GetBytes(example_css))) | |
{ | |
using (var msHtml = new MemoryStream(System.Text.Encoding.UTF8.GetBytes(example_html))) | |
{ | |
iTextSharp.tool.xml.XMLWorkerHelper.GetInstance().ParseXHtml(writer, doc, msHtml, msCss); | |
} | |
} | |
doc.Close(); | |
} | |
} | |
bytes = ms.ToArray(); | |
} | |
var testFile = Path.Combine("test-"+Guid.NewGuid()+".pdf"); | |
File.WriteAllBytes(testFile, bytes); | |
} | |
} | |
} |
ITextSharp you can download instantly from NuGet or can download here
But basiclythis dl i had in library, maybe from other extension :-)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I get an error while compiling the above code "The type or namespace name 'tool' does not exist in the namespace 'iTextSharp' (are you missing an assembly reference?)" on the line.
iTextSharp.tool.xml.XMLWorkerHelper.GetInstance().ParseXHtml(writer, doc, msHtml, msCss);
Am i missing a reference or something. i tried downloading the latest version from nuget but nothing helps.