<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Minimal pairs - vowel sounds in British English: "load" and "loud"</title>
<meta name="description" content="Recognition and production of English phonemes: diphthong rising from mid central towards close central-back rounded compared with diphthong rising from raised open front unrounded towards close central-back rounded.">
<meta name="keywords" content="rising,diphthong,cardinal,vowel,British,English,pronunciation,phonology,phonemes,vowel sounds,front,vowels,language,learning,teaching,efl,esl,elt">

<style>
/* ===== A4 and screen setup ===== */
@page { size: A4; margin: 18mm; }

body {
    background: #d6d6d6;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

.page {
    width: 210mm;
    min-height: 297mm;
    margin: 12mm auto;
    background: #ffffff;
    padding: 20mm 18mm 18mm 18mm;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

h1 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 6px;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 17px;
    margin-top: 10px;
}

td {
    width: 50%;
    padding: 6px 0;
    vertical-align: top;
}

td.left { text-align: center; }
td.right { text-align: left; padding-left: 40px; }

.print-btn {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #0077cc;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}

.print-btn:hover {
    background: #005fa3;
}

@media print {
    body { background: #fff; }
    .page { box-shadow: none; margin: 0; }
    .print-btn { display: none; }
}
</style>
</head>

<body>
<div class="page">
<h1>Minimal Pairs</h1>
<p style="text-align:center;">
<img src="ph19.gif" alt="load" style="vertical-align:middle;"> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="ph20.gif" alt="loud" style="vertical-align:middle;">
</p>

<table>
<tr><td class="left">load</td><td class="right">loud</td></tr>
<tr><td class="left">phoned</td><td class="right">found</td></tr>
<tr><td class="left">road</td><td class="right">rowed (<i>argued</i>)</td></tr>
<tr><td class="left">row (<i>with oars in a boat</i>)</td><td class="right">row (<i>argue</i>)</td></tr>
<tr><td class="left">rote</td><td class="right">rout</td></tr>
<tr><td class="left">oat</td><td class="right">out</td></tr>
<tr><td class="left">devote</td><td class="right">devout</td></tr>
<tr><td class="left">moaned</td><td class="right">mound</td></tr>
<tr><td class="left">code</td><td class="right">cowed</td></tr>
<tr><td class="left">stoat</td><td class="right">stout</td></tr>
<tr><td class="left">goat</td><td class="right">gout</td></tr>
<tr><td class="left">clone</td><td class="right">clown</td></tr>
<tr><td class="left">known</td><td class="right">noun</td></tr>
<tr><td class="left">drone</td><td class="right">drown</td></tr>
<tr><td class="left">bowl</td><td class="right">bowel</td></tr>
<tr><td class="left">tone</td><td class="right">town</td></tr>
<tr><td class="left">hoe</td><td class="right">how</td></tr>
<tr><td class="left">coach</td><td class="right">couch</td></tr>
<tr><td class="left">dose</td><td class="right">douse</td></tr>
<tr><td class="left">foal</td><td class="right">fowl</td></tr>
</table>

<button class="print-btn" onclick="window.print()">Print Page</button>
</div>
</body>
</html>