<?php 
 echo $genelmetin = '	   
   <div class="order-status order-success">
  <div class="top-part">
    <i class="fa fa-check-circle"></i>
    <h3>
       Ödeme Başarılı 🙂
      <span>Sipariş Numaranız : '.$siparisno.'</span>
    </h3>
  </div>
  <ul>
    <li>
      <div>Adınız Soyadınız:</div>
      <div>'.$adsoyad.'</div>
    </li>
    <li>
      <div>Ödeme Yöntemi:</div>
      <div>'.$odemetipi.'</div>
    </li>
    <li>
      <div>Toplam Ödenecek Tutar:</div>
      <div>'.fiyatgoster($toplamtutar).'</div>
    </li>

    <li>
      <div>Sipariş Durumu:</div>
      <div>'.$durum.'</div>
    </li>
	
	<li>
      <div>Sipariş Tarihi:</div>
      <div>'.$tarih.'</div>
    </li>
	
    <li>
      <div>Sipariş Adresi:</div>
      <div>'.$adres.' '.$il.' / '.$ilce.'</div>
    </li>
   
  </ul>
</div>
  ';
 ?>
 <style>

.order-status {
  text-align: center;
  max-width: 600px;
  margin: 10px auto;
  border: 1px solid #eee;
}
.order-status .top-part {
  border-bottom: 1px solid #eee;
}
.order-status .top-part i {
  font-size: 50px;
  padding-top: 15px;
}
.order-status.order-success .top-part {
  color: #2ca954;
}
.order-status.order-error .top-part {
  color: #ff0000;
}
.order-status .top-part h3 {
  margin-bottom: 0;
  font-weight: bold;
  margin-bottom: 15px;
}
.order-status .top-part small {
  font-size: 14px;
  font-weight: normal;
  display: block;
  color: #000;
  background: #f1f3f6;
  padding: 20px 40px;
}
.order-status .top-part h3 span {
  display: block;
  margin-top: 5px;
  color: #000;
  font-size: 16px;
  font-weight: normal;
}
.order-status ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.order-status ul li {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  text-transform: capitalize;
  border-bottom: 1px solid #eee;
}
.order-status ul li:last-child {
  border: none;
}
.order-status ul li div {
  font-size: 14px;
  font-weight: 600;
  color: #444;
}
.order-status ul li div:last-child {
  font-weight: 400;
  color: #000;
}

</style>
