/
grafula
/
javascript
Обзор
Документация
Войти
/
grafula
/
javascript
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
weather-app/index.html
106 строк
5 KB
Dar
Initial commit
19 дек 2025, 04:20
19 дек 2025, 04:20
a579753
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Прогноз погоды</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="container"> <div class="weather-app"> <div class="location-bar"> <input type="text" class="location-input" placeholder="Введите ваш город..." > <button class="location-button"> <img src="assets/images/Vector.svg" alt="" class="fas fa-search" /> </button> </div> <div class="current-weather" style="display: none;"> <img class="current-weather-icon" src="" alt=""> <p class="current-weather-temperature">-3°C</p> <p class="current-weather-status">Облачно</p> </div> <div class="forecast" style="display: none;"> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> <div class="forecast-element"> <p class="forecast-time">Сейчас</p> <img src="" alt="" class="forecast-icon"> <p class="forecast-temperature">-3°C</p> </div> </div> </div> </div> <script src="script.js"></script> </body> </html>