main.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
		
		<title>Weather App</title>

		<!-- Loading third party fonts -->
		<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,700|" rel="stylesheet" type="text/css">
		<link href="{{ url_for('static',filename='fonts/font-awesome.min.css') }}" rel="stylesheet" type="text/css">

		<!-- Loading main css file -->
		<link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}">
        <link rel="shortcut icon" href="{{ url_for('static', filename='images/logo_TJC_icon.ico') }}">


		<!--[if lt IE 9]>
		<script src="js/ie-support/html5.js"></script>
		<script src="js/ie-support/respond.js"></script>
		<![endif]-->

	</head>


	<body>

		<div class="site-content">
			<div class="site-header">
				<div class="container">
					<a href="#" class="branding">
						<img src="{{ url_for('static',filename='images/logo.png') }}" alt="" class="logo">
						<div class="logo-type">
							<h1 class="site-title">Weather App </h1>
                            <small class="site-description">Python-Flask Api Test App</small>
                            <br/>

						</div>
					</a>

					<!-- Default snippet for navigation -->
					<div class="main-navigation">
						<button type="button" class="menu-toggle"><i class="fa fa-bars"></i></button>
						<ul class="menu">
							<!--<li class="menu-item current-menu-item"><a href="index.html">Home</a></li>-->
                            <li class="menu-item current-menu-item"><a href="https://developer.yahoo.com/weather/#python">Yahoo Weather Api</a></li>

						</ul> <!-- .menu -->
					</div> <!-- .main-navigation -->

					<div class="mobile-navigation"></div>

				</div>
			</div> <!-- .site-header -->

			<div id="hero" class="hero" >

                <div class="container">
					<form action="/weather" method="post" class="find-location">
						<input type="text" placeholder="Find your City...e.g.london" name="city" required>
                        <input type="submit" value="Find">

					</form>


                    </div>
                
			</div>
			</div>
			<footer class="site-footer">
				<div class="container">


					<p class="colophon"><a href="https://www.themezy.com/free-website-templates/128-steel-weather-free-responsive-website-template" target="_blank">Theme Downloaded From: Themezy</a></p>
                    <p><a href="https://www.yahoo.com/?ilc=401" target="_blank"> <img src="https://poweredby.yahoo.com/white.png" width="134" height="29"/> </a>
</p>
				</div>
			</footer> <!-- .site-footer -->
		</div>

		<script src="static/jquery-1.11.1.min.js"></script>
{#    <script>{ url_for('static',filename='jquery-1.11.1.min.js') }</script>#}

		
	</body>

</html>