<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style0.css">
    <title>Document</title>
</head>
<body>
    <div id="container0">
        <div id="greeting">Hoşgeldiniz!</div>
        <div class="mainboxes">
            <div class="questions">Nereden:</div>
            <div class="answers" id="from">
                <input id="checkbox0" type="checkbox">İstanbul (Söğütlüçeşme)</input>
                <input id="checkbox1" type="checkbox">İzmit</input>
            </div>
        </div>
        <div class="mainboxes">
            <div class="questions">Nereye:</div>
            <div class="answers" id="to">
                <input id="checkbox0" type="checkbox" disabled>İstanbul (Söğütlüçeşme)</input>
                <input id="checkbox1" type="checkbox" disabled>İzmit</input>
            </div>
        </div>
        <div class="mainboxes">
            <div class="questions">Tarih ve saat:</div>
            <div class="answers" id="dateandtime">
                <div id="flexbox0">
                    <input id="today" type="checkbox" disabled>Bugün</input>
                    <input id="tomorrow" type="checkbox" disabled>Yarın</input>
                    <input id="spesificdate" type="text" placeholder="İstediğiniz tarih" disabled></input>
                    <button id="gettimes" onclick="gettimes()" disabled>Mevcut saatleri al</button>
                    <div class="loader"></div>
                </div>
                <div id="flexbox1">
                    <div id="info0"></div>
                </div>
            </div>
        </div>
        <div class="mainboxes">
            <div class="questions">Cinsiyet:</div>
            <div class="answers" id="gender">
                <input id="checkbox0" type="checkbox" disabled>Erkek</input>
                <input id="checkbox1" type="checkbox" disabled>Kadın</input>
            </div>
        </div>
        <div class="mainboxes">
            <div class="questions">İstediğiniz özellikler:</div>
            <div class="answers" id="featurescheckboxes">
                <div class="checkboxwrapper">
                    <input id="checkbox0" type="checkbox" disabled>Koltuk düz yönde olsun</input>
                </div>
                <div class="checkboxwrapper">
                    <input id="checkbox1" type="checkbox" disabled>Koltuk masa etrafında olmasın</input>
                </div>
                <div class="checkboxwrapper">
                    <input id="checkbox2" type="checkbox" disabled>Yanımda karşı cinsiyetten bir kişi olmasın</input>
                </div>
                <div class="checkboxwrapper">
                    <input id="checkbox3" type="checkbox" disabled>Cam kenarı olsun</input>
                </div>
                <div class="checkboxwrapper">
                    <input id="checkbox4" type="checkbox" disabled>Koridor kenarı olsun</input>
                </div>
            </div>
        </div>
        <div class="mainboxes">
            <div id="flexbox2">
                <button id="start" onclick="start()" disabled>Başla</button>
            </div>
        </div>
    </div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" type="text/javascript"></script>
<script src="index0.js"></script>
</html>