API tools faq
paste
Advertisement
Guest User

mPDF PDF Code

a guest
Feb 7th, 2020
1,420
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 17.75 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. require_once __DIR__ . '/vendor/autoload.php';
  3. $html = '<html><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap" rel="stylesheet">
  4. <style>
  5. @page {background-color: #fff;}
  6. @page rotated{background-color: #fff;}
  7. div,p,h1,h2,h3,h4,h5,h6,span,ul,li{box-sizing: border-box;font-family: Source Sans Pro, sans-serif;}
  8. table,td,tr{font-family: Source Sans Pro, sans-serif;color: #53576D;}
  9. .pdf_outerwrap{font-family: Source Sans Pro, sans-serif;font-size:15px; line-height:1.4; color: #53576D;padding:20px 0px;margin:0px;box-sizing: border-box;}
  10. h3{font-size: 30px;font-weight: bold;color: #24AAE1;padding:10px 0px;text-transform:uppercase;width:100%;float:left;margin:0px;box-sizing: border-box;}
  11. h4{color: #000;font-size: 19px;font-weight: bold;padding: 10px 0px;width:100%;float:left;margin:0px;box-sizing: border-box;font-family: Source Sans Pro, sans-serif;}
  12. p {margin: 5px 0px;box-sizing: border-box;}
  13. .main_heading{text-align:center;padding:30px 0px;color: #000;text-transform:none;box-sizing: border-box;margin-bottom:20px;}
  14. .main_imagewrap{width:100%;float:left;padding:10px 0px;text-align:Center;box-sizing: border-box;}
  15. .logowrap{padding:20px 0px;width:100%;float:left;text-align:Center;box-sizing: border-box;margin:15px 0px;}
  16.  
  17. .itinerary_item{width:100%;float:left;padding:20px 0px 30px 0px;border-bottom:2px solid #57585A;box-sizing: border-box;}
  18. .itinerary_item table h4{font-family: Source Sans Pro, sans-serif;padding: 0px 10px;}
  19.  
  20. .hotel_item{width:100%;float:left;padding:20px 0px 30px 0px;border-bottom:2px solid #57585A;box-sizing: border-box;}
  21. .hotel_page h3{margin-bottom:20px;}
  22. .hotel_item p{margin-bottom:20px;}
  23. .hotel_item a{text-decoration: underline !important;color: #7ACC00;font-weight: 600;font-size: 18px;}
  24.  
  25. .activity_item{width:100%;float:left
  26. ;padding:20px 0px 30px 0px;border-bottom:2px solid #57585A;box-sizing: border-box;}
  27. .activity_item img{margin:10px 0px 20px 0px;box-sizing: border-box;float:left;}
  28. .activity_item h4{margin-bottom:5px;}
  29. .activity_item p{margin-bottom:5px;margin-top:20px;}
  30. .activities_link{width:100%;float:left;padding:0px 0px 30px 0px;box-sizing: border-box;}
  31. .activities_link a{text-decoration: underline !important;color: #7ACC00;font-weight: 600;font-size: 18px;}
  32.  
  33. table.contact_table td {padding: 10px 15px;border-right: 1px solid #CFD0D0;}
  34. table.contact_table td table td{padding: 5px;border-right: 0px solid #CFD0D0;}
  35.  
  36. .contact_wrap{width:100%;float:left;padding:10px 0px;box-sizing: border-box;}
  37. .contact_inner{width:33.33%;float:left;padding:10px 5px;border-right:1px solid #CFD0D0;box-sizing: border-box;}
  38. .remove_border{border:0px !important;box-sizing: border-box;}
  39. .contact_table p,.contact_inner p{font-size:13px;padding-left: 30px;height: 30px;margin: 0px;vertical-align: middle;box-sizing: border-box;color: #53576D;}
  40. .contact_table p span,.contact_inner p span {display: block;box-sizing: border-box;color: #53576D;}
  41. .contact_table p a{color: #53576D;text-decoration:none;box-sizing: border-box;color: #53576D;}
  42.  
  43. .other_item{width:100%;float:left;padding:20px 0px 30px 0px;border-bottom:2px solid #57585A;box-sizing: border-box;}
  44. .head_wrap {display: table;vertical-align: middle;float: left;width: 100%;padding: 0px;box-sizing: border-box;}
  45. .head_wrap img {display: table-cell;float: none;vertical-align: middle;box-sizing: border-box;}
  46. .head_wrap h4 {float: none;vertical-align: middle;padding: 0px 10px;display: table-cell;box-sizing: border-box;}
  47. .content_wrap{width:100%;float:left;box-sizing: border-box;}
  48. .content_wrap ul{margin:0px;padding: 20px 20px;width: 100%;float: left;box-sizing: border-box;}
  49. .content_wrap ul li{width:50%;float:left;padding:10px 0px;list-style-type: circle;box-sizing: border-box;}
  50. .summary_item{width:100%;float:left;padding:20px 0px 30px 0px;border-bottom:2px solid #57585A;box-sizing: border-box;}
  51. .summary_item ul{margin:0px;padding: 20px 20px 0px 20px;width: 100%;float: left;box-sizing: border-box;}
  52. .summary_item ul li{width:50%;float:left;padding:10px 0px;list-style-type: circle;box-sizing: border-box;}
  53. .help_top{width:100%;float:left;padding:10px 0px 30px 0px;border-bottom:2px solid #57585A;box-sizing: border-box;}
  54. .help_bottom{width:100%;float:left;padding:30px 0px 30px 0px;box-sizing: border-box;}
  55. .help_left{width:55%;float:left;padding:25px 30px 25px 0px;box-sizing: border-box;}
  56. .help_right{width:45%;float:left;padding:15px 5px 15px 55px;border-left:1px solid #C8C9CB;box-sizing: border-box;}
  57. .help_wrap{width:100%;float:left;padding:10px 0px 30px 0px;box-sizing: border-box;margin:10px 0px 30px 0px;}
  58. .help_wrap p{font-size:13px;padding-left: 30px;height: 30px;margin: 0px;vertical-align: middle;box-sizing: border-box;}
  59. .help_wrap p span,.help_wrap p a {display: block;box-sizing: border-box;}
  60. .faq_item{width:100%;float:left;padding:10px 0px 20px 0px;box-sizing: border-box;}
  61. .final_page .logowrap{margin-top:150px;}
  62. .personal_details{margin-top:20px;}
  63. .personal_details h3{margin:0px 0px 30px 0px;}
  64. </style>
  65. <div class="pdf_outerwrap">
  66. <div class="page1">
  67. <h3 class="main_heading">Explore Bhutan with Raven Tours & Treks</h3>
  68. <div class="main_imagewrap">
  69. <img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/raven_tours_treks.jpg" class="main_image">
  70. </div>
  71. <div class="logowrap">
  72. <img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/raven_tours_treks_logo.jpg" class="logo">
  73. </div>
  74. <div class="contact_wrap">
  75. <table class="contact_table" style="color: #53576D;">
  76. <tr>
  77. <td width="33.33%" style="font-size:13px;">
  78. <table><tr>
  79. <td><img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/location_icn.png"></td><td><p class="address">Thori Lam, Upper Motithang,
  80. <span style="display:block;">Thimphu, Bhutan. Post Code : 11001</span></p></td>
  81. </tr></table>
  82. </td>
  83. <td width="33.33%" style="font-size:13px;">
  84. <table><tr>
  85. <td><img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/email_icn.png"></td><td><p class="email"><a target="_blank" href="mailto:inquiry@ravenbhutan.com" style="margin:5px 0px;color: #53576D;text-decoration:none;">inquiry@ravenbhutan.com</a>
  86. <a target="_blank" href="mailto:raventourstreks@gmail.com" style="color: #53576D;margin:5px 0px;text-decoration:none;">raventourstreks@gmail.com</a></p></td>
  87. </tr></table>
  88. </td>
  89. <td width="33.33%" style="border:0px solid transparent;font-size:13px;" class="remove_border">
  90. <table><tr>
  91. <td><img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/whatsapp_icn.png"></td><td><p class="wa">+975-1777 4250</p></td></tr>
  92. <tr><td><img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/call_icn.png"></td><td><p class="tell">+975-326062, 326011, 334492</p></td></td>
  93. </tr></table>
  94. </td>
  95. </table>
  96. </div>
  97. </div>
  98. <pagebreak>
  99. <div class="hotel_page">
  100. <h3>Hotels</h3>
  101. <img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/hotel_img.png">
  102. <div class="hotel_item">
  103. <h4>Bumthang</h4>
  104. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  105. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  106. <a target="_blank" href="https://demowhistle.com/raven/hotel-categories/bumthang/">View all hotels in Bhumtang >></a>
  107. </div>
  108. <div class="hotel_item">
  109. <h4>Gangtey / Phobjikha</h4>
  110. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  111. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  112. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  113. <a target="_blank" href="https://demowhistle.com/raven/hotel-categories/gangtey-phobjikha/">View all hotels in Gangtey / Phobjikha >></a>
  114. </div>
  115. <div class="hotel_item">
  116. <h4>Haa</h4>
  117. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  118. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  119. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  120. <a target="_blank" href="https://demowhistle.com/raven/hotel-categories/haa/">View all hotels in Haa >></a>
  121. </div>
  122. <div class="hotel_item">
  123. <h4>Punakha / Wangdue</h4>
  124. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  125. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.</p>
  126.  
  127. <a target="_blank" href="https://demowhistle.com/raven/hotel-categories/punakha-wangdue/">View all hotels in Punakha / Wangdue >></a>
  128. </div>
  129. <div class="hotel_item">
  130. <h4>Paro</h4>
  131. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  132. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  133. <a target="_blank" href="https://demowhistle.com/raven/hotel-categories/paro/">View all hotels in Paro >></a>
  134. </div>
  135. <div class="hotel_item remove_border">
  136. <h4>Thimpu</h4>
  137. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  138. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum.</p>
  139. <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  140. <a target="_blank" href="https://demowhistle.com/raven/hotel-categories/thimpu/">View all hotels in Thimpu >></a>
  141. </div>
  142. </div>
  143. <pagebreak>
  144. <div class="help_bottom">
  145. <h3>CANCELLATIONS & REFUNDS</h3>
  146. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
  147. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in </p>
  148. </div>
  149. </div>
  150. <pagebreak>
  151. <div class="faq_page">
  152. <h3>FAQ</h3>
  153. <div class="faq_item">
  154. <p><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy?</strong></p>
  155. <p>Nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.</p>
  156. </div>
  157. <div class="faq_item">
  158. <p><strong>Velit esse molestie consequat, vel illum dolore? </strong></p>
  159. <p>Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
  160. </div>
  161. <div class="faq_item">
  162. <p><strong>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit?</strong></p>
  163. <p>Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  164. </div>
  165. <div class="faq_item">
  166. <p><strong>Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut? </strong></p>
  167. <p>Laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
  168. </div>
  169. <div class="faq_item">
  170. <p><strong>Ut wisi enim ad minim veniam, quis nostrud exerci tation?</strong></p>
  171. <p>Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit.</p>
  172. </div>
  173. </div>
  174. <pagebreak>
  175. <div class="personal_page">
  176. <div class="personal_details">
  177. <h3>Details submitted by you:</h3>
  178.                         <p>Name: '.$itename.'</p>
  179.                         <br>
  180.                         <p>Phone: '.$itephone.'</p>
  181.                         <br>
  182.                         <p>Email: '.$to.'</p>
  183.                         <br>
  184.                         <p>Number of Travellers: '.$adults.' Adults, '.$students.' Students, '.$children.' Children and '.$kids.' Kids.</p>
  185.                         <br>
  186.                         <p>Date: '.$from_to_date.'</p>
  187.                         <br>
  188.                         <p>Purpose of Travel: '.$travel_purpose.'</p>
  189.                         <br>
  190.                         <p>Selected Places in Bhutan: '.$s1place.'</p>
  191.                         <br>
  192.                         <p>Interested Activities: '.$s2place1.'</p>
  193.                         <br>
  194.                         <p>Other Interested Activities: '.$s2place2.'</p>
  195.                         <br>
  196.                         <p>Suggest me festivals and local happenings if any in the travel period: '.$festival_suggestions.'</p>
  197.                         <br>
  198.                         <p>Flexible to change the travel dates based on Raven Bhutan Suggestions: '.$flexible_travel_dates.'</p>
  199.                         <br>
  200.                         <p>Subscribe to Raven Bhutans monthy newsletter: '.$newsletter.'</p>
  201.                         <br>
  202. </div>
  203. <pagebreak page-selector="rotated">
  204. <div class="final_page">
  205. <div class="logowrap">
  206. <img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/raven_tours_treks_logo.jpg" class="logo">
  207. </div>
  208. <table class="contact_table" style="color: #53576D;">
  209. <tr>
  210. <td width="33.33%" style="font-size:13px;">
  211. <table><tr>
  212. <td><img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/location_icn.png"></td><td><p class="address">Thori Lam, Upper Motithang,
  213. <span style="display:block;">Thimphu, Bhutan. Post Code : 11001</span></p></td>
  214. </tr></table>
  215. </td>
  216. <td width="33.33%" style="font-size:13px;">
  217. <table><tr>
  218. <td><img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/email_icn.png"></td><td><p class="email"><a target="_blank" href="mailto:inquiry@ravenbhutan.com" style="margin:5px 0px;color: #53576D;text-decoration:none;">inquiry@ravenbhutan.com</a>
  219. <a target="_blank" href="mailto:raventourstreks@gmail.com" style="color: #53576D;margin:5px 0px;text-decoration:none;">raventourstreks@gmail.com</a></p></td>
  220. </tr></table>
  221. </td>
  222. <td width="33.33%" style="border:0px solid transparent;font-size:13px;" class="remove_border">
  223. <table><tr>
  224. <td><img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/whatsapp_icn.png"></td><td><p class="wa">+975-1777 4250</p></td></tr>
  225. <tr><td><img src="https://demowhistle.com/raven/wp-content/uploads/2020/02/call_icn.png"></td><td><p class="tell">+975-326062, 326011, 334492</p></td></td>
  226. </tr></table>
  227. </td>
  228. </table>
  229. </div>
  230. </div>
  231. </div></html>';
  232.  
  233.  
  234. $mpdf = new mPDF();
  235. $mpdf->SetCompression(false);
  236. $mpdf->WriteHTML($html);
  237.     $pdfName = 'test';
  238.     $location = __DIR__ .'/cipdf/';
  239.     $mpdf->Output($location.$pdfName.'.pdf', 'F');
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!