#!/usr/bin/env python
# -*- coding: utf-8 -*-


import cgi
import html

content = """
<body style="background-color:white;" padding-top: 51px;>
  <div style="background-image: url(../images/bamee.jpg); min-height:400px; background-position:center">
    <ul>
      <li><a href="index.py" style="float: left">Home</a></li>
      <li><a href="reviews.py">Reviews</a></li>
      <li><a href="news.py">News</a></li>
      <li><a href="about.py">About</a></li>
    </ul>
    <h1 style="color:white">Content 1</h1>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-9 article-left-aside">
        <h3>The best restaurants near the High Line</h3>
        <img class="displayed" src="../images/hamburger.jpg">
        <p>It’s inevitable you’re going to walk through Chelsea’s elevated
          green space at some point during spring in New York, so sustain
          your meandering, 20-block trek along the tracks with a pit stop at one
          of the best restaurants near the High Line.
        </p>
        <p>There’s nothing quite like spending a sunny afternoon on the High Line. NYC's only elevated park is one of Manhattan’s most popular New York attractions, and it's easy to see why. The High Line was formally a rail track, which went out of use in 1980. The 1.45-mile-long strip was resurrected in 2009 and turned into one of the best NYC Parks, which runs from Hudson Yards to the northern edge of Chelsea. Today it’s an urbanite’s playground featuring lovely wildflowers, greenery and outdoor art, while offering walkers some of the best views in NYC. Check out our essential guide to the High Line featuring some of the best things to do outside as well as nearby food and drink offerings, and even more things to do on and around this airy strip of West Side heaven.
        </p>
         <h3 style="color:#2e70db;"> Do you like this content? &nbsp
          <i onclick="thumbUpanddown(this)" class="thumb fa fa-thumbs-up" style="font-size:40px"></i>
        </h3>
      </div>
      <div class="col-3">
        <div class="article-right-aside">
          <a href="content_2.py">
            <img src="../images/under50.jpg" style="float: left;">
            <p>How to eat at NYC’s best restaurants for under $50</p>
          </a>
        </div>
         <div class="article-right-aside">
           <a href="content_3.py">
            <img src="../images/blue.jpg" style="float: left;">
            <p>The best New York delis</p>
          </a>
        </div>
      </div>
    </div>
  </div>
  <footer>
    <a href="#"><i class="fa fa-facebook-official" style="font-size:36px;color:white"></i></a>
    <a href="#"><i class="fa fa-pinterest-p" style="font-size:36px;color:white"></i></a>
    <a href="#"><i class="fa fa-twitter" style="font-size:36px;color:white"></i></a>
    <a href="#"><i class="fa fa-flickr" style="font-size:36px;color:white"></i></a>
    <a href="#"><i class="fa fa-linkedin" style="font-size:36px;color:white"></i></a>
  </footer>
  <script src="../myscripts.js"></script>
</body>
"""
print("""Content-type:text/html\n\n
        <!DOCTYPE html>
        <html lang="en">
            <head>
                <meta chardet="utf-8"/>
                <link rel="stylesheet" type = "text/css" href = "../myStyle.css" />
                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
                <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merriweather:bold,bolditalic,blackitalic|Roboto+Slab|Dancing+Script|Rancho&effect=anaglyph|shadow-multiple">
                <title> My server-side template </title>
            </head>
            """)

print(content)