<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  font-family: Arial;
  margin: 0;
}

/* Header */
header {
  padding: 60px;
  text-align: center;
  background: #E20008;
  color: white;
}

/* Top navigation bar */
.navbar {
  display: flex;
  background-color: #333;
}

/* Navigation bar links */
.navbar a {
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  text-align: center;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #D84966;
  color: black;
}

/* Column container */
.container {  
  display: flex;
  flex-wrap: wrap;
}

/* Sidebar/left column */
.side {
  flex: 30%;
  background-color: #A88685;
  padding: 20px;
}

/* Main column */
.main {
  flex: 70%;
  background-color: white;
  padding: 20px;
}

/* Fake image, just for this example */
.fakeimg {
  background-color: #FFF1AB;
  width: 100%;
  padding: 20px;
}

/* Footer */
footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .container, .navbar {   
    flex-direction: column;
  }
}
</style>
</head>
<body>

<!-- Header -->
<header>
  <h1>"Following Flavor and Authenticty: Little Poland"</h1>
  <p> An exploraton of <b> food</b>, <b> community</b>, and <b>culture </b> through three ethnic enclaves in New York.</p>
</header>

<!-- Navigation Bar -->
<div class="navbar">
  <a href="#">Back to Map</a>
  <a href="#">Spanish Harlem</a>
  <a href="#">Chinatown</a>
</div>

<!-- Content Container -->
<div class="container">
  <div class="side">
    <h2>POLISH PIEROGI'S
    (with potato and cheese)</h2>
    <h5>Traditional recipe presented by Angelina Fitzgerald:</h5>
    <div class="fakeimg" style="height:350px;"><b>Ingredients:</b> (serves 4-6)
    3lbs potatoes, 2lbs farmer cheese, 1med. onion, 3lbs flour, 1tsp salt, 1tsp pepper, 2tbsp vegetable oil, 1gal water for boiliing, 2cups lukewarm water for dough), bacon, and sour cream.
    <b>Filling:</b> Peel and boil potatoes until cooked, drain water, make mashed potatoes, and let them cool donw. In the meantime finely chop the onion and fry with oil until golden, and let them cool down. In a sizeable bowl combine mashed potates, farmers cheese, onion, salt and pepper ot taste. Mix all ingredients well until evenly creamy.
    <b>Dough:</b> Pour flour on molding board, make a cone with a hole in the center, pour lukewarm water in the hole and knead until smooth and elastic. Should feel sticky, but not too thin and not sticking to the hands. Some water or flour may be added if necessary. Once dough is ready, take a quarter of it at a time to work with and place the rest of it in a sealed container to prevent from drying. 
    <b>Preparation:</b> Sprinkle the molding board with a thin layer of flour; roll the dough with a rolling-pin until about 1/8' thick. Cut out circles with a cup or glass. Put a tablespoon of filing in each circle and fold the cirlce over the filling. Seal the edges by pressing them to together keeping the filling inside. Place sealed pierogi in boiling water and stir gently to prevent from sticking to the bottom of the pot. Boil for about 5-10 minutes - unitl the pierogis surface then drain and sprinkle with vegetable oil to prevent from sticking. *</div>
    
    <h3>More about Pierogi's!</h3>
    <p>*Pierogis have their origins in Eastern European culinary traditions, most closely associated with Poland, where they have been a staple of home cooking and of festive meals. The dish consists of unleavened dough filled with ingredients such as potatoes and cheese, sauerkraut, meat, or fruit, reflecting regional agriculture and seasonal availability. While pierogi are shared across neighboring cultures under different names, Polish adaptations became especially prominent, with preparation methods like boiling and pan-frying shaping their distinctive texture and comfort-food status.*
    *Image of pierogis*</p>
    <div class="container">
  <div class="side">
    <h2>Where in Little Poland?</h2>
    
  <div class="main">
    <h2>Pierozek</h2>
    <h5>592 Manhattan Ave, Brooklyn, NY 11222</h5>
    <div class="fakeimg" style="height:200px;">*image of restaurant interior or extrior*</div>
    <p>Pierozek is a high rated Polish restaurant in the Greenpoint area that serves traditional and delicious homemade pierogi with a variety of fillings to choose from. Pierozek also serves authentic dishes like Kielbasa and Golabki to bring a taste of Poland to New York.</p>
    <p></p>
    <br>
    <h2>Karczma</h2>
    <h5>136 Greenpoint Ave, Brooklyn, NY 11222</h5>
    <div class="fakeimg" style="height:200px;">*image of restaurant interior or extrior*</div>
    <p></p>
    <p>Karczma is another highly rated Polish restaurant in the Greenpoint area. Next to their delicious pierogi, they also serve authentic stuffed cabbage and hunter's stew. Generous porportions and fair pricing along with the homey and rustic atmosphere are other reasons why people keep coming back to Karczma.</p>
  </div>
</div>

</body>
</html>