Skip to content

Instantly share code, notes, and snippets.

@XoTENoC

XoTENoC/index.html

Last active December 22, 2019 11:40
Show Gist options
  • Save XoTENoC/b2a33e19219dc8ff47c58c090cc9299f to your computer and use it in GitHub Desktop.
Save XoTENoC/b2a33e19219dc8ff47c58c090cc9299f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
<link rel="stylesheet" href="./css/style.css">
<title>Weather</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</head>
<body class="light">
<menu class="menu">
<div class="theme-switch-wrapper padding-top">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox" />
<div class="slider round"></div>
</label>
<em class="bro-font">Dark Mode</em>
</div>
</menu>
<nav class="menu-btn">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
<div class="all">
<div class="container">
<div class="head-title">
<div class="Location" id="location">
<p>SEMAPHORE PARK</p>
</div>
<div class="today-weather">
<div class="temperature"><span id="temp-main">28</span></div>
<div class="day">
<h1><span id="today">SUNDAY</span></h1>
<p id="dis">MOSTLY CLOUDY</p>
<p><spam id="rain-chance"></span>
</p>
</div>
</div>
</div>
<div class="forecast">
<div class="day-forecast">
<div class="day-of-week" id="day-of-week-1">MONDAY</div>
<div class="weather" id="weather1"></div>
<div class="icon-space" id="icon1"></div>
</div>
<div class="day-forecast">
<div class="day-of-week" id="day-of-week-2">TUESDAY</div>
<div class="weather" id="weather2"></div>
<div class="icon-space" id="icon2"></div>
</div>
<div class="day-forecast">
<div class="day-of-week" id="day-of-week-3">WEDNESDAY</div>
<div class="weather" id="weather3"></div>
<div class="icon-space" id="icon3"></div>
</div>
<div class="day-forecast">
<div class="day-of-week" id="day-of-week-4">THURSDAY</div>
<div class="weather" id="weather4"></div>
<div class="icon-space" id="icon4"></div>
</div>
<div class="day-forecast">
<div class="day-of-week" id="day-of-week-5">FRIDAY</div>
<div class="weather" id="weather5"></div>
<div class="icon-space" id="icon5"></div>
</div>
<div class="day-forecast">
<div class="day-of-week" id="day-of-week-6">SATURDAY</div>
<div class="weather" id="weather6"></div>
<div class="icon-space" id="icon6"></div>
</div>
</div>
<div class="logo-clock">
<img src="./img/your-logo.svg" class="logo">
<div id="MyClockDisplay" class="clock" onload="showTime()"></div>
</div>
</div>
</div>
<script src="./js/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment