<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vehicle Parts Search</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h5>Araçla Uyumlu Parça Ara</h5>
<p>"Garajım"a kayıtlı olmayan araçlar için uyumlu parçaları kolayca bulun.</p>
<form>
<div class="form-row">
<div class="form-group col-md-2">
<label for="brand">Marka</label>
<select id="brand" class="form-control">
<option selected>AUDI</option>
<!-- Add other options as needed -->
</select>
</div>
<div class="form-group col-md-2">
<label for="model">Model</label>
<select id="model" class="form-control">
<option selected>A1</option>
<!-- Add other options as needed -->
</select>
</div>
<div class="form-group col-md-2">
<label for="year">Yıl</label>
<select id="year" class="form-control">
<option selected>2010</option>
<!-- Add other options as needed -->
</select>
</div>
<div class="form-group col-md-2">
<label for="engine">Motor</label>
<select id="engine" class="form-control">
<option selected>1.6 TDI</option>
<!-- Add other options as needed -->
</select>
</div>
<div class="form-group col-md-2">
<label for="fuel">Yakıt</label>
<select id="fuel" class="form-control">
<option selected>Dizel</option>
<!-- Add other options as needed -->
</select>
</div>
<div class="form-group col-md-2">
<label for="transmission">Vites</label>
<select id="transmission" class="form-control">
<option selected>5</option>
<!-- Add other options as needed -->
</select>
</div>
</div>
<button type="submit" class="btn btn-dark">Ara</button>
<a href="#" class="ml-3">Temizle</a>
</form>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.6/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>