• Source 
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. 	<meta charset="utf-8">
    5. 	<title>Hello World!!</title>
    6.  
    7. 	<style type="text/css">
    8.  
    9. 	::selection { background-color: #E13300; color: white; }
    10. 	::-moz-selection { background-color: #E13300; color: white; }
    11.  
    12. 	body {
    13. 		background-color: #fff;
    14. 		margin: 40px;
    15. 		font: 13px/20px normal Helvetica, Arial, sans-serif;
    16. 		color: #4F5155;
    17. 	}
    18.  
    19. 	h1 {
    20. 		color: #444;
    21. 		background-color: transparent;
    22. 		border-bottom: 1px solid #D0D0D0;
    23. 		font-size: 19px;
    24. 		font-weight: normal;
    25. 		margin: 0 0 14px 0;
    26. 		padding: 14px 15px 10px 15px;
    27. 	}
    28.  
    29. 	#body {
    30. 		margin: 0 15px 0 15px;
    31. 	}
    32.  
    33. 	#container {
    34. 		margin: 10px;
    35. 		border: 1px solid #D0D0D0;
    36. 		box-shadow: 0 0 8px #D0D0D0;
    37. 	}
    38. 	</style>
    39. </head>
    40. <body>
    41.  
    42. <div id="container">
    43. 	<h1>Hello World</h1>
    44.  
    45. 	<div id="body">
    46. 		<p>Nama : <?php echo $data['nama'] ?></p>
    47.  
    48. 		<p>NRP : <?php echo $data['nrp'] ?></p>
    49.  
    50. 		<p>No. HP/WA : <?php echo $data['hp'] ?></p>
    51.  
    52. 		<p>Sosial Media : <br>
    53. 		<ul>
    54. 			<li>Facebook : <?php echo $data['social_media']['fb'] ?></li>
    55. 			<li>Twitter : <?php echo $data['social_media']['twitter'] ?></li>
    56. 			<li>Linkedin : <?php echo $data['social_media']['linkedin'] ?></li>
    57. 		</ul>
    58. 		</p>
    59. 		<p>Daftar Aplikasi : <br>
    60. 		<ul>
    61. 		<?php 
    62. 		foreach ($data['daftar_aplikasi'] as $app) { ?>
    63. 		<li>
    64. 		<?php echo $app; ?>
    65. 		</li>
    66. 		<?php } ?>
    67. 		</ul>
    68. 		</p>
    69. 	</div>
    70.  
    71. </div>
    72.  
    73. </body>
    74. </html>