<!DOCTYPE html>
<html>
<head>
<title>登录网页源码</title>
<meta name="keywords" content="登录网页源码"/>
<meta name="description" content="最全的登录网页源码下载网站http://cn.inspinia.cn"/>
<link href="css/style.css" rel='stylesheet' type='text/css'/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery.min.js" ></script>
<script src="js/skycons.js" ></script>
</head>
<body>
<h1>Multi Column Widget</h1>
<div class="main-agileits">
<div class="sign-in-wthree">
<div class="sign-in-top-agileinfo">
<h2>Sign In</h2>
<p>Your info is safe here</p>
</div>
<div class="sign-in-bottom-agileinfo">
<form action="#" method="post">
<h3>Email Address</h3>
<input type="text" name="email" required=" ">
<h3>Password</h3>
<input type="password" name="password" required=" ">
<input type="submit" value="Sign In"/>
<p>Forgot Password? </p><a href="#">Click Here</a>
</form>
</div>
</div>
<div class="profile-agile">
<div class="w3layouts">
<img src="images/person.jpg" alt=" " />
<h3>Lisa Kristina</h3>
<label class="line"></label>
<p>Maecenas ut dui in ligula lacinia dictum at vitae ex. Mauris id mi et felis dapibus blandit blandit diam ipsum. </p>
</div>
<div class="agileits-w3layouts">
<div class="w3l">
<h4>280</h4>
<h5>Followers</h5>
</div>
<div class="w3-agile">
<h4>475</h4>
<h5>Following</h5>
</div>
<div class="clear"></div>
</div>
</div>
<div class="weather-agile">
<div class="weather-top-agileits-w3layouts">
<div class="weather-w3ls">
<img src="images/forecast.png" alt=" " />
<h5>Cloudy</h5>
</div>
<div class="weather-agileinfo">
<h4> 22°C</h4>
<h5>Houston</h5>
</div>
<div class="clear"></div>
</div>
<div class="weather-bottom-w3-agile">
<select class="dropdown">
<option value="volvo">Choose a location</option>
<option value="saab">Denver</option>
<option value="opel">Richmond</option>
<option value="audi">London</option>
</select>
</div>
<div class="search-w3">
<form action="#" method="post">
<input type="submit" value=" ">
<input type="text" name="Search" placeholder="Search" required="">
</form>
</div>
<div class="scrollbar" id="style-2">
<ul>
<li>Sun <span>14/08</span></li>
<li>19°C <canvas id="clear-day" width="18" height="18"></canvas></li>
</ul>
<ul>
<li>Mon <span>15/08</span></li>
<li>17°C <canvas id="fog" width="18" height="18"></canvas></li>
</ul>
<ul>
<li>Tue <span>16/08</span></li>
<li>24°C <canvas id="clear-night" width="18" height="18"></canvas></li>
</ul>
<ul>
<li>Wed <span>17/08</span></li>
<li>14°C <canvas id="partly-cloudy-night" width="18" height="18"></canvas></li>
</ul>
<ul>
<li>Thu <span>18/08</span></li>
<li>10°C <canvas id="rain" width="18" height="18"></canvas></li>
</ul>
<ul>
<li>Fri <span>26/08</span></li>
<li>5°C <canvas id="snow" width="18" height="18"></canvas></li>
</ul>
<ul>
<li>Sat <span>27/08</span></li>
<li>3°C <canvas id="cloudy" width="18" height="18"></canvas></li>
</ul>
<script>
var icons = new Skycons({"color": "#fff"}),
list = [
"partly-cloudy-day"
],
i;
for(i = list.length; i--; )
icons.set(list[i], list[i]);
icons.play();
</script>
<script>
var icons = new Skycons({"color": "#212121"}),
list = [
"clear-day","clear-night","partly-cloudy-night","rain","fog","snow","cloudy"
],
i;
for(i = list.length; i--; )
icons.set(list[i], list[i]);
icons.play();
</script>
</div>
</div>
</div>
<div class="footer-agileits-w3layouts">
<p class="agileinfo"> © 2016 Multi Column Widget . All Rights Reserved | Design by <a href="https://shop585798004.taobao.com/" target="_blank">前端ui</a></p>
</div>
</body>
</html>