<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="4/w3.css">
<body>
<div class="w3-container w3-teal w3-margin-bottom">
<h1>White Wines- Chardonnay</h1>
<a href="tryw3css_examples_sauvignon_blanc.html"><span class="w3-left w3-xxlarge">«</span></a>
<a href="tryw3css_examples_sauvignon_blanc.html"><span class="w3-right w3-xxlarge">»</span></a>
</div>
<div class="w3-row-padding ">
<div class="w3-twothird">
<img src="img_chardonnay.jpg" style="width:100%">
<h2>Food</h2>
<table class="w3-table w3-striped w3-bordered w3-border">
<thead class="w3-teal"><th style="width:30%">Food</th><th>Type</th></thead>
<tr><td style="width:30%">Seafood</td><td>Shrimps, Crab, Lobster</td></tr>
<tr><td>Meat</td><td>Chicken, Pork</td></tr>
<tr><td>Cheese</td><td>Brie, Gruyere</td></tr>
<tr><td>Other</td><td>Cream sauces</td></tr>
</table>
<h2>Flavours</h2>
<table class="w3-table w3-striped w3-bordered w3-border">
<thead class="w3-teal"><th style="width:30%">Age</th><th>Flavor</th></thead>
<tr><td>Less Ripe</td><td>Green Plum, Green Apple, Pear </td></tr>
<tr><td>Medium</td><td>Lemon, Peach, Melon</td></tr>
<tr><td>More Ripe</td><td>Pineapple, Fig, Banana, Mango</td></tr>
<tr><td>Oaked</td><td>added Cream or Butter</td></tr>
</table>
<h2>Neighbours</h2>
<table class="w3-table w3-striped w3-bordered w3-border">
<thead class="w3-teal"><th style="width:30%">Neighbour</th><th>Flavour</th></thead>
<tr><td>Pinot Gris</td><td>Like under-riped Chardonnay </td></tr>
<tr><td>Semillion</td><td>Lighter with more lemon</td></tr>
<tr><td>Viognier</td><td>More Vanilla, Flowers or Perfume</td></tr>
</table>
</div>
<div class="w3-third">