<?php include('./parts/head.php'); ?>
<?php include('./parts/header.php'); ?>

        <section id='homepage-slider'>
            <div class='controls-wrapper'>
                <section class='container'>
                    <section class='row'>
                        <div class='controls hidden-phone'>
                            <a href="#" class='prev'>Previous</a>
                            <a href="#" class='next'>Next</a>
                        </div>
                    </section>
                </section>
            </div>
            <section class='slider-wrapper'>
                <div class='homepage-slider hidden-phone'>
                    <ul class='slides'>
                        <li>
                            <img src="../img/photos/4834201449_2801d96045_o-1.jpg" alt="" class='bg-image'/>
                            <div class='container'>
                                <div class='row'>
                                    <div class='span12'>
                                        
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <img src="../img/photos/4834826842_7483d905eb_o.jpg" alt="" class='bg-image'/>
                            <div class='container'>
                                <div class='row'>
                                    <div class='span12'>
                                        
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
        </section>

        <section id='main' role='main'>
            <section class='container'>
                <section class='row tab-finder'>
                    <div class='span12'>
                        <div class="tabbable">
                            <ul class="nav nav-tabs">
                                <li class="active first-tab"><a href="#tab1" data-toggle="tab">Te koop</a></li>
                                <li><a href="#tab2" data-toggle="tab">Te huur</a></li>
                                <li class='last-tab'><a href="#tab4" data-toggle="tab">Nieuwe woningen</a></li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab1">
                                    <div class='inner'>
                                        <form action="result.php">
                                            <input type="text" name='search-string' class='search-string' placeholder="eg. 'Brussel', 'Antwerpen'"/>
                                            <input type="text" name='search-year' class='search-year' placeholder="Jaar"/>
                                            <select name="search-bedrooms" class='span2 selectpicker search-select'>
                                                <option>Slaapkamers</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <select name="search-bathrooms" class='span2 selectpicker search-select'>
                                                <option>Badkamers</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <input type="text" name='search-min-price' class='span2 search-price no-margin' placeholder="Min. prijs"/>
                                            <span class='line-divider'>&ndash;</span>
                                            <input type="text" name='search-max-price' class='span2 search-price' placeholder="Max. prijs"/>
                                            <button type="submit" class='btn btn-primary search-property'><i class="icon-search icon-white"></i>Zoek</button>
                                        </form>
                                    </div>
                                </div>
                                <div class="tab-pane" id="tab2">
                                    <div class='inner'>
                                        <form action="result.php">
                                            <input type="text" name='search-string' class='search-string' placeholder="eg. 'Brussel', 'Antwerpen'"/>
                                            <input type="text" name='search-year' class='search-year' placeholder="Jaar"/>
                                            <select name="search-bedrooms" class='span2 selectpicker search-select'>
                                                <option>Slaapkamers</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <select name="search-bathrooms" class='span2 selectpicker search-select'>
                                                <option>Badkamers</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <input type="text" name='search-min-price' class='span2 search-price no-margin' placeholder="Min. prijs"/>
                                            <span class='line-divider'>&ndash;</span>
                                            <input type="text" name='search-max-price' class='span2 search-price' placeholder="Max. prijs"/>
                                            <button type="submit" class='btn btn-primary search-property'><i class="icon-search icon-white"></i>Zoek</button>
                                        </form>
                                    </div>
                                </div>
                                <div class="tab-pane" id="tab3">
                                    <div class='inner'>
                                        <form action="result.php">
                                            <input type="text" name='search-string' class='search-string' placeholder="eg. 'Brussel', 'Antwerpen'"/>
                                            <input type="text" name='search-year' class='search-year' placeholder="Jaar"/>
                                            <select name="search-bedrooms" class='span2 selectpicker search-select'>
                                                <option>Slaapkamers</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <select name="search-bathrooms" class='span2 selectpicker search-select'>
                                                <option>Badkamers</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <input type="text" name='search-min-price' class='span2 search-price no-margin' placeholder="Min. prijs"/>
                                            <span class='line-divider'>&ndash;</span>
                                            <input type="text" name='search-max-price' class='span2 search-price' placeholder="Max. prijs"/>
                                            <button type="submit" class='btn btn-primary search-property'><i class="icon-search icon-white"></i>Zoek</button>
                                        </form>
                                    </div>
                                </div>
                                <div class="tab-pane" id="tab4">
                                    <div class='inner'>
                                        <form action="result.php">
                                            <input type="text" name='search-string' class='search-string' placeholder="eg. 'Brussel', 'Antwerpen'"/>
                                            <input type="text" name='search-year' class='search-year' placeholder="Jaar"/>
                                            <select name="search-bedrooms" class='span2 selectpicker search-select'>
                                                <option>Slaapkamers</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <select name="search-bathrooms" class='span2 selectpicker search-select'>
                                                <option>Badkamers</option>
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                            <input type="text" name='search-min-price' class='span2 search-price no-margin' placeholder="Min. prijs"/>
                                            <span class='line-divider'>&ndash;</span>
                                            <input type="text" name='search-max-price' class='span2 search-price' placeholder="Max. prijs"/>
                                            <button type="submit" class='btn btn-primary search-property'><i class="icon-search icon-white"></i>Zoek</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section class='row featured-items'>
                    <div class='span12'>
                        <h2>Aanbevolen artikelen</h2>
                        <div class='controls'>
                            <a href="#" class='prev'>Previous</a>
                            <a href="#" class='next'>Next</a>
                        </div>
                        <div class='featured-items-slider'>
                            <ul class='slides'>
                                <li>
                                    <div class='row'>
                                        <?php include('./parts/estate.php'); ?>
                                        <?php include('./parts/estate.php'); ?>
                                        <?php include('./parts/estate.php'); ?>
                                        <?php include('./parts/estate.php'); ?>
                                    </div>
                                </li>
                                <li>
                                    <div class='row'>
                                        <?php include('./parts/estate.php'); ?>
                                        <?php include('./parts/estate.php'); ?>
                                        <?php include('./parts/estate.php'); ?>
                                        <?php include('./parts/estate.php'); ?>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <i class='content-bubble'></i>
                </section>
            </section>
        </section>



<?php include('./parts/footer.php'); ?>