Skip to content

Instantly share code, notes, and snippets.

@guyjin

guyjin/classWeatherHTML

Last active August 29, 2015 14:04
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save guyjin/3e6924bd757b58c4e7cf to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save guyjin/3e6924bd757b58c4e7cf to your computer and use it in GitHub Desktop.
Download ZIP
class Weather Widget HTML
Raw
classWeatherHTML
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>class weather</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/weather.css"/>
<script src="js/weather.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-default ui-widget-content
">
<div class="panel-heading">
<h3 class="panel-title" id="cityName">City Weather</h3>
</div>
<div class="panel-body">
<div class="stats">
<span id="cityTemp">-- &deg;</span>
<span id="icon">
<img src="" alt="weather icon"/>
</span>
<span id="description">
</span>
</div>
<div class="controls">
<select name="city" id="city">
<option value="">select city</option>
<option value="4717560">Paris, TX</option>
<option value="4614088">Cleveland, OH</option>
<option value="5206379">Pittsburgh, PA</option>
</select>
<div class="formats">
<label for="tempFormat"><input type="radio" name="tempFormat" id="tempFormat" value="F" checked> F&deg;</label>
<label for="tempFormat"><input type="radio" name="tempFormat" id="tempFormat" value="C"> C&deg;</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment