Untitled

<?php
$koneksi = new mysqli("localhost","root","","saran");

?>


<!DOCTYPE html>
<html>
<head>
    <title>4 Peperangan yang diikuti Rasulullah SAW</title>
    <link rel="stylesheet" type="text/css" media="all" href="style7.css">
</head>
<body>
    <div id="layout">
        <div id="header">
        <img src="header.jpg" class="header">
    </div>
        <div class="topnav">
      <a href="kerja projek.html" class="active">Home</a>
      <a href="about+komen.php">about us</a>
    </div>
            <div class="kami">
            <h1><center><b><font color="maroon">TENTANG KAMI</font></b></center></h1>


            <table class="table">
                <h3><p><b>Assalamualaikum semua. Alkaedah Muslim History adalah suatu lembaga website yang bertujuan untuk memperkenalkan kepada pembaca kisah sejarah umat muslim di masa lalu. Baik sejarah berupa peperangan maupun sejarah biografi tokoh muslimin di masa lalu</h3>
            <h2>Contac Us on:</h2>
            <h3><img src="envelope.png" width="25px" height="25px">  fatihalfawaz01@gmail.com</h3></b></p>
            <h3><img src="call.png" width="25px" height="25px">  081317906488</h3></b></p>
                <hr color="black">
            <tr>
                <h1><center><a href="https://www.google.com/maps/place/Perumahan+Taman+Juanda/@-6.24643,107.0233583,3a,75y,90t/data=!3m8!1e2!3m6!1sAF1QipNf8aCEU7qR-9tUSnKcZwM9PlnXLwn4vZqPJpmS!2e10!3e12!6shttps:%2F%2Flh5.googleusercontent.com%2Fp%2FAF1QipNf8aCEU7qR-9tUSnKcZwM9PlnXLwn4vZqPJpmS%3Dw152-h86-k-no!7i3264!8i1836!4m5!3m4!1s0x2e698e8bd76c9f39:0xf0b40a606feeae39!8m2!3d-6.24643!4d107.0233583/"target="blink">
                 <img src="placeholder.png" width="25px" height="25px">
                Alamat</center></h1>
                    <h2><center>(Perumahan Taman Juanda)</center></h2>
                    <center><img src="tj.jpg" width="290px" height="200px">                   <img src="capture.jpg" width="300px" height="200px">                         <img src="1.jpg" width="300px" height="200px"></center>
                </a>
            </tr>
            <br>
            <br>
            <br>
            <hr color="black">
            <tr>
                <div id="isi">
        <div class="isipostingan" style="font-family:calibri;
        font-size:20px; ">

        <h1><center><strong>Tambahkan Komentar </strong>
        </center></h1>
        <div>
<form method="POST">
        <center>Nama :
        <br/>
        <input type="text" name="nama" required>
        </div>
        <br/>
        <div>
        <center>Email :
        <br/>
        <input type="text" name="email" required>
        </center>
        </div>
        <br/>
        <div>
        <center>Komentar :
        <br/>
        <textarea name="komen" width="30" height="30"></textarea>
        </div>
        <div>
        <center><input type="submit" name="posting" value="kirim">
        </div>
    </center>
</div>
    </center>
</form>
<center>
    <?php
if(isset($_POST['posting'])){
    $koneksi->query("INSERT INTO komen (nama, email, komentar) VALUES ('$_POST[nama]','$_POST[email]','$_POST[komen]')
    ");
echo "<script>alert('Komentar berhasil ditambahkan');</script>";
echo "<script>location:'aboutus.html';</script> ";
}
?>
    <div style="font-size: 20px; color:white; font-family: arial ;">
    <?php $pilih = $koneksi->query("SELECT * FROM komen");?>
            <?php while($ambil=$pilih->fetch_assoc()){?>
            <div>
            <?php echo $ambil['nama'];?>
            </div>
            <div>
            <?php echo $ambil['email'];?>
            </div>
            <div>
            <?php echo $ambil['komentar'];?>
            </div>
            <hr height="10">
            <?php } ?>
        </center>
    </div>
<?php
if(isset($_POST['posting'])){
    $koneksi->query("INSERT INTO komen (nama, email, komentar) VALUES ('$_POST[nama]','$_POST[email]','$_POST[komen]')
    ");
echo "<script>alert('Komentar berhasil ditambahkan');</script>";
echo "<script>location:'aboutus.html';</script> ";
}
?>

    <div class="bawah"><center> Ikuti Kami</center>
        <br>
<center><a href="https://www.instagram.com/fatih_alfawaz/" target="blink"><img src="ig.png" width="25px" height="25px"></a> <a href="https://www.facebook.com/_Fatihalfawaz/" target="blink"><img src="fb.png" width="25px" height="25px""></a><a href="https://www.twitter.com/_fatihalfawaz/" target="blink"><img src="twiter.png" width="25px" height="25px"">
</a>
</center>
</div>
</div>