<!DOCTYPE html>

<!--
 // WEBSITE: https://themefisher.com
 // TWITTER: https://twitter.com/themefisher
 // FACEBOOK: https://www.facebook.com/themefisher
 // GITHUB: https://github.com/themefisher/
-->

<html lang="en">
<head>

  <!-- Basic Page Needs
  ================================================== -->
  <meta charset="utf-8">
  <title>Aviato | E-commerce template</title>

  <!-- Mobile Specific Metas
  ================================================== -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="Construction Html5 Template">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  <meta name="author" content="Themefisher">
  <meta name="generator" content="Themefisher Constra HTML Template v1.0">
  
  <!-- Favicon -->
  <link rel="shortcut icon" type="image/x-icon" href="static/images/favicon.png" />
  
  <!-- Themefisher Icon font -->
  <link rel="stylesheet" href="static/plugins/themefisher-font/style.css">
  <!-- bootstrap.min css -->
  <link rel="stylesheet" href="static/plugins/bootstrap/css/bootstrap.min.css">
  
  <!-- Animate css -->
  <link rel="stylesheet" href="static/plugins/animate/animate.css">
  <!-- Slick Carousel -->
  <link rel="stylesheet" href="static/plugins/slick/slick.css">
  <link rel="stylesheet" href="static/plugins/slick/slick-theme.css">
  
  <!-- Main Stylesheet -->
  <link rel="stylesheet" href="static/css/style.css">

</head>

<body id="body">
<!-- Start Top Header Bar -->
<div class="page-wrapper">
   <div class="checkout shopping">
      <div class="container">
         <div class="row">
            <div class="col-md-8">
               <form class="checkout-form" action="http://localhost:5000/" method="POST" enctype="multipart/form-data">
                  <div class="block billing-details">
                     <h4 class="widget-title">General settings</h4>
                     <div class="form-group">
                        <label for="input_file">Input file</label>
                        <input type="file" name="file" class="form-control" id="input_file">
                     </div>
                     <div class="form-group">
                        <label for="input_url">Input url</label>
                        <input type="text" name="input_url" class="form-control" id="input_url" placeholder="">
                     </div>
                  </div>
                  <div class="block">
                     <h4 class="widget-title">Tree specifications</h4>
                     <p>Specifications for trees</p>
                     <div class="form-group">
                        <label for="complete">Complete</label>
                        <input type="text" name="complete" class="form-control" id="complete" placeholder="">
                     </div>
                     <input class="btn btn-main mt-20" type="submit" value="submit" />
<!--                     <a href="confirmation.html" class="btn btn-main mt-20">Place Order</a >-->
                  </div>

               </form>
            </div>
<!--            <div class="col-md-4">-->
<!--               <div class="product-checkout-details">-->
<!--                  <div class="block">-->
<!--                     <h4 class="widget-title">Order Summary</h4>-->
<!--                     <div class="media product-card">-->
<!--                        <a class="pull-left" href="product-single.html">-->
<!--                           <img class="media-object" src="images/shop/cart/cart-1.jpg" alt="Image" />-->
<!--                        </a>-->
<!--                        <div class="media-body">-->
<!--                           <h4 class="media-heading"><a href="product-single.html">Ambassador Heritage 1921</a></h4>-->
<!--                           <p class="price">1 x $249</p>-->
<!--                           <span class="remove" >Remove</span>-->
<!--                        </div>-->
<!--                     </div>-->
<!--                     <div class="discount-code">-->
<!--                        <p>Have a discount ? <a data-toggle="modal" data-target="#coupon-modal" href="#!">enter it here</a></p>-->
<!--                     </div>-->
<!--                     <ul class="summary-prices">-->
<!--                        <li>-->
<!--                           <span>Subtotal:</span>-->
<!--                           <span class="price">$190</span>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                           <span>Shipping:</span>-->
<!--                           <span>Free</span>-->
<!--                        </li>-->
<!--                     </ul>-->
<!--                     <div class="summary-total">-->
<!--                        <span>Total</span>-->
<!--                        <span>$250</span>-->
<!--                     </div>-->
<!--                     <div class="verified-icon">-->
<!--                        <img src="images/shop/verified.png">-->
<!--                     </div>-->
<!--                  </div>-->
<!--               </div>-->
<!--            </div>-->
         </div>
      </div>
   </div>
</div>
   <!-- Modal -->
   <div class="modal fade" id="coupon-modal" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
         <div class="modal-content">
            <div class="modal-body">
               <form>
                  <div class="form-group">
                     <input class="form-control" type="text" placeholder="Enter Coupon Code">
                  </div>
                  <button type="submit" class="btn btn-main">Apply Coupon</button>
               </form>
            </div>
         </div>
      </div>
   </div>
   
<footer class="footer section text-center">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<ul class="social-media">
					<li>
						<a href="https://www.facebook.com/themefisher">
							<i class="tf-ion-social-facebook"></i>
						</a>
					</li>
					<li>
						<a href="https://www.instagram.com/themefisher">
							<i class="tf-ion-social-instagram"></i>
						</a>
					</li>
					<li>
						<a href="https://www.twitter.com/themefisher">
							<i class="tf-ion-social-twitter"></i>
						</a>
					</li>
					<li>
						<a href="https://www.pinterest.com/themefisher/">
							<i class="tf-ion-social-pinterest"></i>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</footer>
    <!-- 
    Essential Scripts
    =====================================-->
    
    <!-- Main jQuery -->
    <script src="{{url_for('static', filename='plugins/jquery/dist/jquery.min.js')}}"></script>
    <!-- Bootstrap 3.1 -->
	<script src="{{url_for('static', filename='plugins/bootstrap/js/bootstrap.min.js')}}"></script>
    <!-- Bootstrap Touchpin -->
	<script src="{{url_for('static', filename='plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js')}}"></script>
    <!-- Instagram Feed Js -->
	<script src="{{url_for('static', filename='plugins/instafeed/instafeed.min.js')}}"></script>
    <!-- Video Lightbox Plugin -->
	<script src="{{url_for('static', filename='plugins/ekko-lightbox/dist/ekko-lightbox.min.js')}}"></script>
    <!-- Count Down Js -->
	<script src="{{url_for('static', filename='plugins/syo-timer/build/jquery.syotimer.min.js')}}"></script>

    <!-- slick Carousel -->
	<script src="{{url_for('static', filename='plugins/slick/slick.min.js')}}"></script>
	<script src="{{url_for('static', filename='plugins/slick/slick-animation.min.js')}}"></script>

    <!-- Google Mapl -->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCC72vZw-6tGqFyRhhg5CkF2fqfILn2Tsw"></script>
    <script src="{{url_for('static', filename='plugins/google-map/gmap.js')}}"></script>

    <!-- Main Js File -->
	<script src="{{url_for('static', filename='js/script.js')}}"></script>
    


  </body>
  </html>