<html>
    <head>
    <title>about us</title>
<?php
    session_start();
    include_once('function.php');
    open_page('Halaman About Us');
?>
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/bootstrap/css/bootstrap.min.js" rel="stylesheet">
<link href="assets/bootstrap/css/aboutus.css" rel="stylesheet" type="text/css">
<link href="assets/bootstrap/css/barside.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<script src="assets/bootstrap/js/js.js"></script>

</head>

<body style="background-image: url( img/3.jpg); background-size: cover;" >
    <div class="col-md-20" style="background-color:#D8BFD8;">
        <center>
            <h3 style="color: black;">
                <b>
                    Kelompok 09 D3TI 2019
                </b>
            </h3>
        </center>
    </div>
    <div class="col-md-20">
        <button onclick="goBack()" class="responsive">
            Go Back
        </button>
        <script>
            function goBack() {
                window.history.back();
            }
        </script>
    </div>
    <div class="col-lg-4">
        <center><img class="img-circle" src="img/ester.jpeg"><b>
        <h2>Ester Hutabarat</h2>
        <h3>(Analyst)</h3>
        <p><a href="https://www.instagram.com/esterhtbarat/"><img src="img/instagram.jpeg"></a>&nbsp EsterHtb48</p>
        <p><img src="img/wa.png">&nbsp 085362428433</p>
        <p><img src="img/email.png">&nbsp esterhutabarat481@gmail.com</p></center>
    </div>
    <div class="col-lg-4">
        <center><img class="img-circle" src="img/leo.jpeg">
        <h2>Leonardo Siagian</h2>
        <h3>(Project Manager)</h3>
        <p><a href="https://www.instagram.com/leosiagian420/?hl=id"><img src="img/instagram.jpeg"></a>&nbsp leosiagian420</p>
        <p><img src="img/wa.png">&nbsp 081376373252</p>
        <p><img src="img/email.png">&nbsp leosiagian03@gmail.com</p></center>
    </div>
    <div class="col-lg-4">
        <center><img class="img-circle" src="img/roma.jpg">
        <h2>Romauli Sianipar</h2>
        <h3>(Progammer)</h3>
            <p><a href="https://www.instagram.com/romasianipar24/"><img src="img/instagram.jpeg"></a>&nbsp Romasianipar24</p>
            <p><img src="img/wa.png">&nbsp 082277690145</p>
            <p><img src="img/email.png">&nbsp  romaulimauliate@gmail.com</p></center>
    </div>
    <div class="col-lg-4">
        <center><img class="img-circle" src="img/sharon.jpg">
        <h2>Sharon C Siahaan</h2>
        <h3>(Progammer)</h3>
        <p><a href="https://www.instagram.com/sharonshn_/"><img src="img/instagram.jpeg"></a>&nbsp shaonshn_</p>
        <p><img src="img/wa.png">&nbsp 081959752028</p>
        <p><img src="img/email.png"></a>&nbsp haansharon9@gmail.com</p></center>
    </div>
    <div class="col-lg-4"></div>
    <div class="col-lg-4" style="margin-right: -100px">
        <center><img class="img-circle" src="img/adinda.jpg">
        <h2>Adinda Ramadani</h2>
        <h3>(Designer)</h3>
        <p><a href="https://www.instagram.com/millksyeekkgghh/"><img src="img/instagram.jpeg"></a>&nbsp millksyeekkgghh</p>
        <p><img src="img/wa.png">&nbsp 0895613082886</p>
        <p><img src="img/email.png">&nbsp addani28yeah@gmail.com</p></center>
    </div>\
</body>
</html>