fdsgfgdf

<html>
<head>
    <title>Crossbit</title>
    <link rel="icon" type="image/png" href="bin/img/favicon.png" />
    <link href="bin/css/global.css" rel="stylesheet" type="text/css">
    <link href="bin/css/fonts.css" rel="stylesheet" type="text/css">
    <script src="bin/js/jquery.easing.min.js" rel="script" type="text/javascript"></script>
    <script src="bin/js/scrolling-nav.js" rel="script" type="text/javascript"></script>
    <script type="text/javascript">
function showMe (box, element) {

    var vis = "none";

	    if(element.checked){

         vis = "block";
        }

   document.getElementById(box).style.display = vis;


}
</script>
</head>
<body>
    <section>
        <div class="gridFluid black" id="hero">
            <nav>
                <span class="logo">Crossbit</span>
                <a class="page-scroll" href="#lijst">Websites</a>
                <a class="page-scroll" href="#about">Over Ons</a>
                <a class="page-scroll" href="#maps">Locaties</a>
                <a class="page-scroll" href="#contact">Contact</a>
            </nav>

        </div>
    </section>

   <section>
        <div class="gridTable white" id="lijst">
            <form id="formName" action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">

            <span class="title">Type:</span>
            <input type="hidden" name="init" value="true"/>

            <?php

                $servername = "localhost";
                $username = "root";
                $password = "";

                // Create connection
                $conn = new mysqli($servername, $username, $password, "crossbit");

                // Check connection
                if ($conn->connect_error) {
                    die("Connection failed: " . $conn->connect_error);
                }

                $sql = "SELECT distinct type FROM bedrijf";
                $result = $conn->query($sql);


				$types = array();
                if ($result->num_rows > 0) {
                    // output data of each row

                    while($row = $result->fetch_assoc()) {
                     echo "<input type='checkbox' name='type[]' value='".$row["type"]."'  onClick=\"showMe('type".$row["type"]."', this)\" checked><span class='type'>".$row["type"]."</span></input>";

					array_push($types, $row["type"] );
                    }
                }

            ?>
            </form>
            <br/><br/>


                <?php

					 foreach($types as $typeName)
					 {

                        $sql = "SELECT * FROM bedrijf where type = '".$typeName."' order by id";
                        $result = $conn->query($sql);


						echo "<div id='type".$typeName."'>";
						echo "<b>".$typeName."</b>";
                        echo "</br><table border=1>";
						echo "<tr><td>Naam</td><td>Type</td><td>Link</td><td>Plaats</td><td>Telefoon</td></tr>";
                        if ($result->num_rows > 0) {
                            while($row = $result->fetch_assoc()) {
                                echo "<tr>";
                                echo "<td class='name'>".$row["naam"]."</td>"."<td>".$row["type"]."</td>"."<td><a href=".$row["link"].">".$row["link"]."</a></td>"."<td>".$row["plaats"]."</td><td>".$row["tel"]."</td>";
                                echo "</tr>";
                            }

                        }
						echo "</table>";
						echo "</div>";
					 }

                    $conn->close();
                ?>


        </div>
    </section>

    <section>
        <div class="gridFluid black" id="about">
            <header>
                <h3>Over ons</h3>
                <h2>Wie zijn wij</h2>
                <hr></hr>
            </header>
            <div class="grid-body">
                <p>CrossBit is een tussenpersoon tussen consumenten en bedrijven. CrossBit is op 26 mei 2015 opgericht. Onderzoek heeft uitgewezen dat weinig mensen weten wat Crypto Currency inhoudt. Daarom zijn wij een bedrijf begonnen dat CrossBit heet en ons voornaamste doel is om bedrijven, die crypto currency gebruiken, aan het licht te brengen. Verder nog wat op onze site te vinden is zijn stukjes informatie over de crypto currency wat het precies inhoud en wat je er mee kunt doen. Wij streven ernaar dat consumenten en bedrijven gemakkelijk websites kunnen vinden waar ze met Crypto Currency kunnen betalen. Zelf hebben wij vijf werknemers aanwezig op ons pand, onder andere de teamleider, graphic designer, database-creator, front-end developer en een back-end developer. Samen zijn we professioneel ingesteld zodat we consumenten en bedrijven het beste kunnen leveren. We maken zelf ook gebruik van social media dus daar kan u ook eventuele vragen stellen en support!</p>
                <div class="list-users">
                    <div class="row">
                        <div class="user">
                            <img src="bin/img/team/1.jpg" class="default_large">
                            <div class="samenvatting">
                                <span class="name">Shiva Raghoenath</span>
                                <span class="rank">Web Designer</span>
                            </div>
                        </div>
                        <div class="user">
                            <img src="bin/img/team/2.jpg" class="default_large">
                            <div class="samenvatting">
                                <span class="name">Araz Arif</span>
                                <span class="rank">Web Developer</span>
                            </div>
                        </div>
                        <div class="user">
                            <img src="bin/img/team/3.jpg" class="default_large">
                            <div class="samenvatting">
                                <span class="name">Rishi Ramdaras</span>
                                <span class="rank">Groepsleider</span>
                            </div>
                        </div>
                        <div class="user">
                            <img src="bin/img/team/4.jpg" class="default_large">
                            <div class="samenvatting">
                                <span class="name">Ali Al Ashtari</span>
                                <span class="rank">Web Developer</span>
                            </div>
                        </div>

                        <div class="user">
                            <img src="bin/img/team/5.jpg" class="default_large">
                            <div class="samenvatting">
                                <span class="name">Damian Meere</span>
                                <span class="rank">Database Creator</span>
                            </div>
                        </div>
                    </div>

            </div>
        </div>
    </section>

    <section>
        <div class="grid50 white" id="maps">
            <div class="grid-body">
                <div id="maps">
                    <p>Als u geinteresseerd bent in een plaats op onze website dan kunt u langskomen bij de adres (hieronder te vinden) in Zoetermeer. Om contact met ons op te nemen kunt u via bellen, e-mail of via het contactformulier contact opnemen. <br /><br />Voor eventuele vragen zijn we doordeweeks beschikbaar van 9:00 tot 18:00 via onze online servicedesk.</p>
                    <div id="information">
                        <b>Ons huiskantoor</b>
                        <ul>
                            <li>Bleiswijkseweg 37c</li>
                            <li>2717PB Zoetermeer</li>
                            <li>Email: <a href="mailto:cross-bit@outlook.com">cross-bit@outlook.com</a></li>
                            <li>Nederland</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2453.7982118057207!2d4.515379!3d52.046988!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c5cec429b0bb25%3A0xc6ad53eb80a1992d!2sBleiswijkseweg+37C%2C+Brinkhage%2C+2712+PB+Zoetermeer!5e0!3m2!1snl!2snl!4v1432817335909" width="50%" height="100%" style="float: right;" frameborder="0" style="border:0"></iframe>
    </section>

    <section>
        <div class="gridFluid black" id="contact">
            <header>
                <h3>Contacteer ons</h3>
                <h2>Neem contact op met ons</h2>
                <hr></hr>
            </header>
            <div class="grid-body">

                <?php

                    function createEmail() {

                        $to      = 'cross-bit@outlook.com';
                        $subject = 'Bericht van ' .$_POST['name']. '';
                        $message = $_POST['message'];
                        $headers = 'From: ' .$_POST['email']. "\r\n" .
    'Reply-To: ' .$_POST['email']. "\r\n" .
    'X-Mailer: PHP/' . phpversion();


                        mail($to, $subject, $message, $headers);
                    }

                    function sendBack() {

                        $to      = $_POST['email'];
                        $subject = 'Bedankt voor het versturen van uw mail!';
                        $message = 'Bedankt voor het versturen van uw mail. Wij zullen u zo spoedig mogelijk beantwoorden.';
                        $headers = 'From: cross-bit@outlook.com' . "\r\n" .
    'Reply-To: cross-bit@outlook.com' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();


                        mail($to, $subject, $message, $headers);
                    }

                    if (isset($_POST['submit'])) {
                        createEmail();
                        sendBack();
                        echo '<p>Bedankt voor het versturen van uw mail. Wij zullen u zo spoedig mogelijk beantwoorden.</p>';
                    }

                ?>

                <form method="post" action="#contact" id="centered">
                    <div class="test">
                        <input type="text" name="name" placeholder="YOUR NAME*" required="true">
                        <input type="text" name="email" placeholder="YOUR EMAIL*" required="true">
                    </div>
                    <textarea name="message" placeholder="MESSAGE*"></textarea>
                    <input type="submit" name="submit" value="SUBMIT" class="">
                </form>

            </div>
        </div>
    </section>

    <footer>
        <span>Crossbit Inc. All rights reserved.</span>
        <span><a href="https://www.facebook.com/pages/Crossbit/464185550415465?fref=ts">Facebook</a></span>
        <span><a href="http://www.twitter.com/cross_bit">Twitter</a></span>
    </footer>
</body>
</html>