index.html

<!DOCTYPE html>
<html lang="en">
<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">
    <title>weather APP</title>
    <link rel="stylesheet" href="./css/style.css">
    
</head>
<body>
   
    <div class="App">

        <div class="header">
            <h1>Hava Durumu</h1>
            <input  type="text"  id="searchBar" placeholder="Şehir Giriniz...">
        </div>
        <div class="content">
            <div class="city">İstanbul, TR</div>
            <div class="temp"> 15°C</div>
            <div class="desc">Güneşli</div>
            <div class="minmax">14°C / 19°C</div>
            <div>
                <section class="sections">
                <div class="Fells">Hissedilen Sıcaklık: </div>
            <div class="feelslike">  18°C</div> </section>


            <section class="section">
                <div class="humi">Nem: </div>
            <div class="humidity">  55</div> </section>


 </div>
    </div>
    <script src="./script.js"></script>
</body>
</html>