Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. body {
  2.     margin: 0;
  3.     padding: 0;
  4.     overflow-y: hidden;
  5.     background-color: #729FCFFF;
  6. }
  7.  
  8. .wrapper {
  9.     width: 100%;
  10.     margin:10px auto;
  11. }
  12.  
  13. section {
  14.     width: 600px;
  15.     height: 350px;
  16.     display: block;
  17.     background-color: #FFFFFFFF;
  18.     display: inline-flex;
  19.     margin-top: 125px;
  20.     margin-left: 350px;
  21. }
  22.  
  23. .left {
  24.     float: left;
  25.     margin-left: 50px;
  26.     width: 200px;
  27.     height: 380px;
  28.     margin-top: -30px; /* Silahkan atur bagian ini untuk menyesuaikan posisi foto */
  29.     box-shadow: 1px 1px 1px 1px #222;
  30.     background-color: #F3F3F3FF;
  31.     border-top-right-radius: 5px;
  32.     border-top-left-radius: 5px;
  33. }
  34.  
  35. img {
  36.     width: 100%; /* Atur bagian ini untuk lebar foto */
  37.     height: 100%; /* Atur bagian ini untuk tinggi foto */
  38. }
  39.  
  40. .right {
  41.     float: right;
  42.     width: 400px;
  43. }
  44.  
  45. h4 {
  46.     text-align: center;
  47.     font-family: 'Helvetica';
  48.     font-size: 25px;
  49.     font-weight: lighter;
  50.     background-color: #2E3436FF;
  51.     color: #FFF;
  52.     width: 100px;
  53.     margin:50px auto;
  54. }
  55.  
  56. h2 {
  57.     text-align: center;
  58.     font-family: 'Arial';
  59.     margin-top: -35px;
  60. }
  61.  
  62. span {
  63.     width: 350px;
  64.     margin:10px auto;
  65. }
  66.  
  67. p {
  68.     font-family: 'Arial';
  69.     text-align: center;
  70.     padding: 20px;
  71.     margin-top: -20px;
  72. }
  73.  
  74. a {
  75.     text-decoration: none;
  76.     border:1px solid #3465A4FF;
  77.     background-color: #FFF;
  78.     color: #3465A4FF;
  79.     text-align: center;
  80.     font-family: 'Helvetica';
  81.     padding: 10px 20px;
  82.     border-radius: 10px;
  83. }