Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added WeatherApp/pabitra0011/assets/clear sky.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added WeatherApp/pabitra0011/assets/cloud img.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added WeatherApp/pabitra0011/assets/cur background.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added WeatherApp/pabitra0011/assets/light rain.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added WeatherApp/pabitra0011/assets/rain.webp
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added WeatherApp/pabitra0011/assets/scrated sky.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added WeatherApp/pabitra0011/assets/strome colude.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

Large diffs are not rendered by default.

643 changes: 643 additions & 0 deletions WeatherApp/pabitra0011/css/style.css

Large diffs are not rendered by default.

175 changes: 175 additions & 0 deletions WeatherApp/pabitra0011/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>weatherapp</title>


<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<!-- icons cnd -->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<!-- swaper css.... ..... -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>

</head>
<body>


<!-- header section (nav bar)..=============================================== -->

<header>
<h1>HelloWeather</h1>

<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Weather</a></li>
<li><a href="">Posts</a></li>
<li><a href="">Locations</a></li>
</ul>
</nav>
<div class="humberg-menu">
<i class="uil uil-bars"></i>
</div>
<div class="menu-content ">
<li><a href="">Home</a></li>
<li><a href="">Weather</a></li>
<li><a href="">Posts</a></li>
<li><a href="">Locations</a></li>
</div>
</header>
<!-- end of </header> -->

<!-- city input section ============================================================ -->
<div class="input-section">
<!-- <label for="city">~Check Weather by City~</label> -->
<!-- <input class="input-city" type="text" value="" placeholder="Enter City Name">
<button type="submit" class="city-submit">Search</button> -->
<div class="search-bar">
<input type="text" class="input-city" placeholder="Enter City Name Here">
<i class="uil uil-search city-submit"></i>
</div>

<div class="separator"></div>
<button type="submit" class="input-location">Use current location</button>

</div>
<!-- current weather section =========================================================== -->
<div class="current-weather-section">

<div class="current-weather-card">

</div>
<!-- end of weather card -->


<!--================== Hourly weather update section ============== -->


<div class="container">
<h2 class="hourly-heading">Today's highlight</h2>
<p class="hourly-des">"Today's weather update will be provided every 3 hours, keeping you informed throughout the day."
</p>
<!-- Swiper -->
<div class="swiper mySwiper">
<div class="swiper-wrapper" id="hourly-section">

<!-- <div class="swiper-slide">
<h3 class="current-time">Now</h3>
<img id="defaultImg" src="assets/cloud img.png" class="hourly-card-img" alt="">
<h2 class="hourly-temp">33 C</h2>
<p class="hourly-desc">light rain</p>
<div class="hourly-humidity">
<p>Humidity: </p>
<h2>66%</h2>
</div>
<div class="hourly-windspeed">
<p>Wind Speed: </p>
<h2>5 km/h</h2>
</div>
</div> -->


</div>
<div class="swiper-pagination"></div>
</div>



</div>
<!-- end of current section -->
</div>


<!-- =========================== weakly weather update ========================== -->
<div class="weakly-weather-section">
<h1>5 Days Weather Forecast</h1>
<!-- Swiper -->
<div class="swiper mySwiper">
<div class="swiper-wrapper" id="weakly-weather-container">

<!-- end of card -->

</div>
<div class="swiper-pagination"></div>
</div>

</div>


<!-- footer seciotn========================================= -->

<footer>
<div class="footer-container">
<div class="company">
<h2>Company</h2>
<ul>
<li><a href="">News</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Photos</a></li>
</ul>
</div>
<div class="reference">
<h2>Reference</h2>
<ul>
<li><a href="">Legend</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Article</a></li>
</ul>
</div>
<div class="support">
<h2>Support</h2>
<div class="mobile">
<i class="uil uil-phone-pause"></i>
<h3>1800-290-190</h3>
</div>
<div class="mail">
<i class="uil uil-envelope-alt"></i>
<p>support@example.com</p>
</div>
</div>
<div class="getApp">
<h2>Apps & Downloads</h2>
<ul>
<li><a href="">Android</a></li>
<li><a href="">iOS</a></li>
</ul>
</div>

</div>
<hr class="hr1">
<p class="cpy">2023-2023 © HelloWeather. All rights reserved</p>
</footer>


<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

<!-- main js ...... -->
<script src="js/weather.js"></script>
<script src="test.js"></script>
</body>
</html>

Large diffs are not rendered by default.

Loading