Untitled

<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Metro</title>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="styleKudy.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>


</head>

<body>

    <div class="container-fluid">
        <div class="col-lg-6 offset-3 selectBox rounded border-dark">
                <div class="form-group stationSelect">
                        <label for="exampleFormControlSelect1">Stacja początkowa:</label>
                        <select class="form-control spacingForm" id="exampleFormControlSelect1">
                          <option>Sosnowiec</option>
                          <option>Bydgoszcz</option>
                          <option>Toruń</option>
                          <option>Warszawa</option>
                          <option>Bagno</option>
                        </select>
                        <label for="exampleFormControlSelect1">Stacja końcowa:</label>
                        <select class="form-control" id="exampleFormControlSelect1">
                          <option>Sosnowiec</option>
                          <option>Bydgoszcz</option>
                          <option>Toruń</option>
                          <option>Warszawa</option>
                          <option>Bagno</option>
                        </select>
                </div>
                <button type="button" class="btn btn-secondary btn-lg buttonStation">Trasa</button>
        </div>


</body>
</html>


.selectBox{
    background-color: rgba(0,0,0,0.6);
    width: 250px;
    height: 275px;
    margin-top: 50px;
    padding-top: 20px;
}

.stationSelect{
    color: whitesmoke;
    font-size: 20px;
}

.spacingForm{
    margin-bottom: 15px;
}

#contact
{
    display: none;
    background: grey;
    color: #FFF;
    padding: 10px;
}

.buttonStation{
    width: 200px;
    margin-top: 5px;
}