Arkadaşlar merhaba,

Pizza sipariş formu kodları için bir arkadaş sağolsun yardımcı oldu fakat şimdide görsel tasarımı aşağıdaki örnekteki gibi yapmak istiyorum ama birtürlü beceremedim. Bu konuda yardımcı olacak arkadaşlar varmı acaba ? index.php ve siparis.php dosyalarım için tasarımda yardımcı olursanız çok mutlu olurum.

index.php bana ait siparis.php farklı bir forum sitesinde v4r1able nickli arkadaş tarafından yapılmıştır. Onada burada ayrıca teşekkür ediyorum.


EDİTTTT: Projeye başka bir forumdaki yine v4r1able nickli hocam yardım etti sağolsun ortaya süper bir iş çıktı.
Kodlarınıda paylaşıyorum. (Ücretli yapacak arkadaşlar kusura bakmasın)






İndex.php
<html>
<head>
<title>Pizza Salonu</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style type="text/css">
body {
background-image:url("images/pizza.jpg");
background-size:cover;
color:white;
text-align:center;
}

.baslik {
font-size:30px;
}

.pizza-form {
border-radius:.2rem;
border: 1px solid transparent;
border-color:white;
}
</style>
</head>
<body>
<p class="baslik">PİZZA SALONU</p>
<br>
<div class="container">
<div class="row">
<div class="col-md-5" style="padding-left: 48px;left: 763px;">
<form action="siparis.php" method="POST" class="pizza-form">
<br>
<div class="form-group col-md-12">
<h3><i class="fa fa-shopping-cart"></i> Sipariş Ver</h3>
</div>
<div class="form-group col-md-12">
<input type="radio" name="pizza_boyu" value="super_boy"> Süper Boy 50 TL<br>
<input type="radio" name="pizza_boyu" value="standart_boy"> Standart Boy 30 TL<br>
<input type="radio" name="pizza_boyu" value="diyetteyim_boy"> Diyetteyim Boy 15 TL<br>
</div>
<div class="form-group col-md-12">
<input type="number" class="form-control" name="pizza_sayisi" placeholder="Pizza sayısı giriniz"> Adet istiyorum<br>
</div>
<div class="form-group col-md-12">
<input type="checkbox" name="ogrenciyim" value="1"> Öğrenciyim (%5 İNDİRİM!)<br>
</div>
<u>Salon sahibinin uğurlu sayısını biliyorum! </u>
<br><br>
<div class="form-group col-md-12">
<input type="number" name="ugurlu_sayi" size="33" class="form-control" placeholder="Uğurlu sayıyı yazın veya tahminde bulunun!">
</div>
<br>
<button type="submit" class="btn btn-info" name="gonder"><i class="fa fa-check"></i> Siparişi Tamamla</button><br><br>
</form>
</div></div></div>
</body>
</html>
siparis.php

<html>
<head>
<title>Pizza Salonu</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style type="text/css">
body {
background-image:url("images/pizza.jpg");
background-size:cover;
color:white;
text-align:center;
}

.baslik {
font-size:30px;
}

.pizza-form {
border-radius:.2rem;
border: 1px solid transparent;
border-color:white;
}
</style>
</head>
<body>
<p class="baslik">PİZZA SALONU</p>
<br>
<div class="container">
<div class="row">
<div class="col-md-5" style="padding-left: 48px;left: 763px;">
<form action="siparis.php" method="POST" class="pizza-form">
<br>
<div class="form-group col-md-12">
<h3><i class="fa fa-shopping-cart"></i> Sipariş Durumu</h3>
</div>
<div class="form-group col-md-12">
<?php
error_reporting(0);
if(isset($_POST["gonder"])) {

$ugurlu_sayi = "4";


if(empty(trim($_POST["pizza_boyu"] and $_POST["pizza_sayisi"] and $_POST["ugurlu_sayi"]))) {
echo 'Sipariş verirken gerekli alanları doldurmanız gerekmektedir.<br><br>
<a href="index.php" class="btn btn-secondary"><i class="fa fa-plus"></i> Tekrar sipariş ver</a>';
} else {

$pizza_sayisi = $_POST["pizza_sayisi"];

if($pizza_sayisi<1) {
echo 'Pizza sayısı en az 1 olmalıdır.<br><br>
<a href="index.php" class="btn btn-secondary"><i class="fa fa-plus"></i> Tekrar sipariş ver</a>';
} else {

$pizza_boyu = $_POST["pizza_boyu"];

if($pizza_boyu=="super_boy") {
$ucret = "50";
$pizza_adi = "Süper Boy";
}

if($pizza_boyu=="standart_boy") {
$ucret = "30";
$pizza_adi = "Standart Boy";
}

if($pizza_boyu=="diyetteyim_boy") {
$ucret = "15";
$pizza_adi = "Diyetteyim Boy";
}

if($_POST["ogrenciyim"]=="1") {
$yuzde = ($ucret*5)/100;
$ucret = $ucret-$yuzde;
}

$ucret = $ucret*$pizza_sayisi;

$yuvarla = round($ucret);

echo "<br>".$pizza_sayisi." adet ".$pizza_adi." pizza siparişiniz alınmıştır toplam ücret : ".$yuvarla." TL";

$bol = $_POST["ugurlu_sayi"]/$ugurlu_sayi;

if(strstr($bol, ".")) {
$kalan = "1";
} else {
$kalan = "0";
}

if($kalan=="0") {
echo '<br>Tebrikler uğurlu sayıyı bildiniz! Ek olarak 1 adet diyetteyim boy pizza kazandınız.';
}

echo '<br><br><a href="index.php" class="btn btn-secondary"><i class="fa fa-plus"></i> Tekrar sipariş ver</a>';

}
}
}
?>
</div>
<br><br>
</form>
</div></div></div>
</body>
</html>