代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en" class="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>
The English Alphabetic Code – With Audio – SyntheticPhonics.com
</title>
<link
rel="stylesheet"
id="act-frontend-style-css"
href="./EnglishAlphabeticCode/act-styles.css"
type="text/css"
media="all"
/>
<script
type="text/javascript"
src="./EnglishAlphabeticCode/jquery.min.js"
id="jquery-core-js"
></script>
</head>
<body>
<div id="code-page">
<table id="act-code-table" cellspacing="0">
<thead>
<tr>
<td rowspan="2" class="act-head-left-yellow">
Units of Sound<br />
Phoneme/s
</td>
<td colspan="6" class="act-head-long-top">
Graphemes (letters or letter groups) that
<span class="act-red">are code for</span> the sounds
</td>
</tr>
<tr>
<td class="act-head-long-bottom-1">Simple Code</td>
<td colspan="5" class="act-head-long-bottom-2">Complex Code</td>
</tr>
</thead>
<tbody>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/s.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>s</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="s"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/s_asin_snake.mp3"
>
<span class="act-right-col-label"
>s<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/snake.png" />
</div>
<div class="act-text-holder">
<span class="act-black">s</span>nake
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ce"
data-audio="./EnglishAlphabeticCode/audio/s_asin_palace.mp3"
>
<span class="act-right-col-label"
>-ce<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/palace.jpg" />
</div>
<div class="act-text-holder">
pala<span class="act-black">ce</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #4a64b7; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="c"
data-audio="./EnglishAlphabeticCode/audio/s_asin_cents.mp3"
>
<span class="act-right-col-label"
>c<span class="act-outline-font">e</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cents.png" />
</div>
<div class="act-text-holder">
<span class="act-black">c</span>ents
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="c"
data-audio="./EnglishAlphabeticCode/audio/s_asin_city.mp3"
>
<span class="act-right-col-label"
>c<span class="act-outline-font">i</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/city.png" />
</div>
<div class="act-text-holder">
<span class="act-black">c</span>ity
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="c"
data-audio="./EnglishAlphabeticCode/audio/s_asin_bicycle.mp3"
>
<span class="act-right-col-label"
>c<span class="act-outline-font">y</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/bicycle.jpg" />
</div>
<div class="act-text-holder">
bi<span class="act-black">c</span>ycle
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="sc"
data-audio="./EnglishAlphabeticCode/audio/s_asin_scissors.mp3"
>
<span class="act-right-col-label"
>sc<span class="act-outline-font">eiy</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/scissors_col450.jpg" />
</div>
<div class="act-text-holder">scissors</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 7
</div>
</td>
</tr>
<tr>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ss"
data-audio="./EnglishAlphabeticCode/audio/s_asin_glass.mp3"
>
<span class="act-right-col-label"
>-ss<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/glass.png" />
</div>
<div class="act-text-holder">
gla<span class="act-black">ss</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #c6e670; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-se"
data-audio="./EnglishAlphabeticCode/audio/s_asin_house.mp3"
>
<span class="act-right-col-label"
>-se<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/house.jpg" />
</div>
<div class="act-text-holder">
hou<span class="act-black">se</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #4a64b7; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-st-"
data-audio="./EnglishAlphabeticCode/audio/s_asin_castle.mp3"
>
<span class="act-right-col-label"
>-st-<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/castle_col460.jpg" />
</div>
<div class="act-text-holder">
ca<span class="act-black">st</span>le
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="ps"
data-audio="./EnglishAlphabeticCode/audio/s_asin_pseudonym.mp3"
>
<span class="act-right-col-label"
>ps<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/pseudonym_col480-Copy.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ps</span>eudonym
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/a.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>a</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="a"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/a_asin_apple.mp3"
>
<span class="act-right-col-label"
>a<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/apple.png" />
</div>
<div class="act-text-holder">
<span class="act-black">a</span>pple
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td class="act-right-col right-col-2" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/t.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>t</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="t"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/t_asin_teddy.mp3"
>
<span class="act-right-col-label"
>t<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/teddy.png" />
</div>
<div class="act-text-holder">
<span class="act-black">t</span>eddy
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-tt"
data-audio="./EnglishAlphabeticCode/audio/t_asin_letter.mp3"
>
<span class="act-right-col-label"
>-tt<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/letter_col_big.jpg" />
</div>
<div class="act-text-holder">
le<span class="act-black">tt</span>er
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ed"
data-audio="./EnglishAlphabeticCode/audio/t_asin_ripped.mp3"
>
<span class="act-right-col-label"
>-ed<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/rip.jpg" />
</div>
<div class="act-text-holder">
ripp<span class="act-black">ed</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 4
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-bt"
data-audio="./EnglishAlphabeticCode/audio/t_asin_debt.mp3"
>
<span class="act-right-col-label"
>-bt<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/money_wallet_col.jpg" />
</div>
<div class="act-text-holder">
de<span class="act-black">bt</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="pt"
data-audio="./EnglishAlphabeticCode/audio/t_asin_pterodactyl.mp3"
>
<span class="act-right-col-label"
>pt<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/pterodactyl.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">pt</span>erodactyl
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/i.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>i</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="i"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/i_asin_insect.mp3"
>
<span class="act-right-col-label"
>i<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/insect.png" />
</div>
<div class="act-text-holder">
<span class="act-black">i</span>nsect
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-y"
data-audio="./EnglishAlphabeticCode/audio/i_asin_cymbals.mp3"
>
<span class="act-right-col-label"
>-y<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cymbals.png" />
</div>
<div class="act-text-holder">
c<span class="act-black">y</span>mbals
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 9
</div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/p.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>p</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="p"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/p_asin_pan.mp3"
>
<span class="act-right-col-label"
>p<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/pan.png" />
</div>
<div class="act-text-holder">
<span class="act-black">p</span>an
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-pp"
data-audio="./EnglishAlphabeticCode/audio/p_asin_puppet.mp3"
>
<span class="act-right-col-label"
>-pp<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/puppet_col.jpg" />
</div>
<div class="act-text-holder">
pu<span class="act-black">pp</span>et
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/n.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>n</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="n"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/n_asin_net.mp3"
>
<span class="act-right-col-label"
>n<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/net.png" />
</div>
<div class="act-text-holder">
<span class="act-black">n</span>et
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-nn"
data-audio="./EnglishAlphabeticCode/audio/n_asin_bonnet.mp3"
>
<span class="act-right-col-label"
>-nn<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/bonnet_col.jpg" />
</div>
<div class="act-text-holder">
bo<span class="act-black">nn</span>et
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="kn"
data-audio="./EnglishAlphabeticCode/audio/n_asin_knot.mp3"
>
<span class="act-right-col-label"
>kn<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/knot_col.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">kn</span>ot
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="gn"
data-audio="./EnglishAlphabeticCode/audio/n_asin_gnome.mp3"
>
<span class="act-right-col-label"
>gn<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/gnome_col460.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">gn</span>ome
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ne"
data-audio="./EnglishAlphabeticCode/audio/n_asin_engine.mp3"
>
<span class="act-right-col-label"
>-ne<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/engine_col480-Copy.jpg" />
</div>
<div class="act-text-holder">
engi<span class="act-black">ne</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/k.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>k</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="c"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/k_asin_cat.mp3"
>
<span class="act-right-col-label"
>c<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cat.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">c</span>at
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="k"
data-audio="./EnglishAlphabeticCode/audio/k_asin_kit.mp3"
>
<span class="act-right-col-label"
>k<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/kit.png" />
</div>
<div class="act-text-holder">
<span class="act-black">k</span>it
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ck"
data-audio="./EnglishAlphabeticCode/audio/k_asin_duck.mp3"
>
<span class="act-right-col-label"
>-ck<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/duck.jpg" />
</div>
<div class="act-text-holder">
du<span class="act-black">ck</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="ch"
data-audio="./EnglishAlphabeticCode/audio/k_asin_chameleon.mp3"
>
<span class="act-right-col-label"
>ch<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/chameleon_col450.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ch</span>ameleon
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="qu"
data-audio="./EnglishAlphabeticCode/audio/k_asin_bouquet.mp3"
>
<span class="act-right-col-label"
>qu<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/bouquet_col.jpg" />
</div>
<div class="act-text-holder">
bou<span class="act-black">qu</span>et
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 11
</div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="que"
data-audio="./EnglishAlphabeticCode/audio/k_asin_plaque.mp3"
>
<span class="act-right-col-label"
>que<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/plaque_col480.jpg" />
</div>
<div class="act-text-holder">
pla<span class="act-black">que</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 11
</div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/e.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>e</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="e"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/e_asin_egg.mp3"
>
<span class="act-right-col-label"
>e<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/egg.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">e</span>gg
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ea"
data-audio="./EnglishAlphabeticCode/audio/e_asin_head.mp3"
>
<span class="act-right-col-label"
>-ea<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/head.jpg" />
</div>
<div class="act-text-holder">
h<span class="act-black">ea</span>d
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ai"
data-audio="./EnglishAlphabeticCode/audio/e_asin_said_again_against.mp3"
>
<span class="act-right-col-label"
>-ai<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/said_again.jpg" />
</div>
<div class="act-text-holder">
s<span class="act-black">ai</span>d<br />
ag<span class="act-black">ai</span>n<br />
ag<span class="act-black">ai</span>nst
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="a"
data-audio="./EnglishAlphabeticCode/audio/e_asin_any_many.mp3"
>
<span class="act-right-col-label"
>a<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/many.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">a</span>ny m<span class="act-black"
>a</span
>ny
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/h.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>h</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="h"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/h_asin_hat.mp3"
>
<span class="act-right-col-label"
>h<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/hat.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">h</span>at
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="wh"
data-audio="./EnglishAlphabeticCode/audio/h_asin_who.mp3"
>
<span class="act-right-col-label"
>wh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/7.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">wh</span>o
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/r.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>r</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="r"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/r_asin_rat.mp3"
>
<span class="act-right-col-label"
>r<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/rat.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">r</span>at
</div>
<div
class="act-bottom-color-row"
style="background-color: #94dbce; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-rr"
data-audio="./EnglishAlphabeticCode/audio/r_asin_arrow.mp3"
>
<span class="act-right-col-label"
>-rr<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/arrow_col_big.jpg" />
</div>
<div class="act-text-holder">
a<span class="act-black">rr</span>ow
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="wr"
data-audio="./EnglishAlphabeticCode/audio/r_asin_write.mp3"
>
<span class="act-right-col-label"
>wr<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/write_col450.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">wr</span>ite
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="rh"
data-audio="./EnglishAlphabeticCode/audio/r_asin_rhinoceros.mp3"
>
<span class="act-right-col-label"
>rh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/rhinoceros_col.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">rh</span>inoceros
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 7
</div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/m.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>m</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="m"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/m_asin_map.mp3"
>
<span class="act-right-col-label"
>m<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/map.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">m</span>ap
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-mm"
data-audio="./EnglishAlphabeticCode/audio/m_asin_hammer.mp3"
>
<span class="act-right-col-label"
>-mm<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/hammer_col_big.jpg" />
</div>
<div class="act-text-holder">
ha<span class="act-black">mm</span>er
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-me"
data-audio="./EnglishAlphabeticCode/audio/m_asin_welcome.mp3"
>
<span class="act-right-col-label"
>-me<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/welcome.jpg" />
</div>
<div class="act-text-holder">
welco<span class="act-black">me</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-mb"
data-audio="./EnglishAlphabeticCode/audio/m_asin_thumb.mp3"
>
<span class="act-right-col-label"
>-mb<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/thumb_col.jpg" />
</div>
<div class="act-text-holder">
thu<span class="act-black">mb</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-mn"
data-audio="./EnglishAlphabeticCode/audio/m_asin_columns.mp3"
>
<span class="act-right-col-label"
>-mn<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/columns_col-Copy.jpg" />
</div>
<div class="act-text-holder">
colu<span class="act-black">mn</span>s
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/d.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>d</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="d"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/d_asin_dig.mp3"
>
<span class="act-right-col-label"
>d<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/dig_spade_col-2.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">d</span>ig
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-dd"
data-audio="./EnglishAlphabeticCode/audio/d_asin_puddle.mp3"
>
<span class="act-right-col-label"
>-dd<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/muddy_puddle_big.jpg" />
</div>
<div class="act-text-holder">
pu<span class="act-black">dd</span>le
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ed"
data-audio="./EnglishAlphabeticCode/audio/d_asin_rained.mp3"
>
<span class="act-right-col-label"
>-ed<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/rain450.jpg" />
</div>
<div class="act-text-holder">
rain<span class="act-black">ed</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 14
</div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/g-1.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>g</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="g"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/g_asin_girl-1.mp3"
>
<span class="act-right-col-label"
>g<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/girl.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">g</span>irl
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-gg"
data-audio="./EnglishAlphabeticCode/audio/g_asin_juggle-1.mp3"
>
<span class="act-right-col-label"
>-gg<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/juggle_col.jpg" />
</div>
<div class="act-text-holder">
ju<span class="act-black">gg</span>le
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="gu"
data-audio="./EnglishAlphabeticCode/audio/g_asin_guitar-1.mp3"
>
<span class="act-right-col-label"
>gu<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/guitar_col.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">gu</span>itar
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="gh"
data-audio="./EnglishAlphabeticCode/audio/g_asin_gherkin-1.mp3"
>
<span class="act-right-col-label"
>gh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/Gherkin.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">gh</span>erkin
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-gue"
data-audio="./EnglishAlphabeticCode/audio/g_asin_catalogue-1.mp3"
>
<span class="act-right-col-label"
>-gue<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/catalogue_col-Copy.jpg" />
</div>
<div class="act-text-holder">
catalo<span class="act-black">gue</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/o.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>o</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="o"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/o_asin_octopus.mp3"
>
<span class="act-right-col-label"
>o<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/octopus.png" />
</div>
<div class="act-text-holder">
<span class="act-black">o</span>ctopus
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="w"
data-audio="./EnglishAlphabeticCode/audio/o_asin_was_watch.mp3"
>
<span class="act-right-col-label"
><span class="act-outline-font">w</span>a<br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/wa_watch.png" />
</div>
<div class="act-text-holder">
w<span class="act-black">a</span>s w<span class="act-black"
>a</span
>tch
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="qu"
data-audio="./EnglishAlphabeticCode/audio/o_asin_qualify.mp3"
>
<span class="act-right-col-label"
><span class="act-outline-font">qu</span>a<br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/qualify_col.jpg" />
</div>
<div class="act-text-holder">
qu<span class="act-black">a</span>lify
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="a"
data-audio="./EnglishAlphabeticCode/audio/o_asin_salt.mp3"
>
<span class="act-right-col-label"
>a<span class="act-outline-font">lt</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/salt.png" />
</div>
<div class="act-text-holder">
s<span class="act-black">a</span>lt
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 12
</div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/u.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>u</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="u"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/u_asin_umbrella.mp3"
>
<span class="act-right-col-label"
>u<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/umbrella.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">u</span>mbrella
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="o"
data-audio="./EnglishAlphabeticCode/audio/u_asin_sun.mp3"
>
<span class="act-right-col-label"
>o<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/son_new.jpg" />
</div>
<div class="act-text-holder">
s<span class="act-black">o</span>n
</div>
<div
class="act-bottom-color-row"
style="background-color: #2aa458; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ou"
data-audio="./EnglishAlphabeticCode/audio/u_asin_touch.mp3"
>
<span class="act-right-col-label"
>-ou<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/touch_col.jpg" />
</div>
<div class="act-text-holder">
t<span class="act-black">ou</span>ch
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-ough"
data-audio="./EnglishAlphabeticCode/audio/u_asin_thoroughfare.mp3"
>
<span class="act-right-col-label"
>-ough<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/thoroughfare_col480.jpg" />
</div>
<div class="act-text-holder">
thor<span class="act-black">ough</span>fare
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 11
</div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/l_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>l</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="l"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/l_asin_ladder.mp3"
>
<span class="act-right-col-label"
>l<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/ladder.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">l</span>adder
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ll"
data-audio="./EnglishAlphabeticCode/audio/l_asin_shell.mp3"
>
<span class="act-right-col-label"
>-ll<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/shell.jpg" />
</div>
<div class="act-text-holder">
she<span class="act-black">ll</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ul_01_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span class="act-grey">u</span><span>l</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-le"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ul_asin_kettle.mp3"
>
<span class="act-right-col-label"
>-le<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/kettle.jpg" />
</div>
<div class="act-text-holder">
kett<span class="act-black">le</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #2aa458; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-il"
data-audio="./EnglishAlphabeticCode/audio/ul_asin_pencil.mp3"
>
<span class="act-right-col-label"
>-il<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/pencil_col.jpg" />
</div>
<div class="act-text-holder">
penc<span class="act-black">il</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-al"
data-audio="./EnglishAlphabeticCode/audio/ul_asin_hospital.mp3"
>
<span class="act-right-col-label"
>-al<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/hospital_col.jpg" />
</div>
<div class="act-text-holder">
hospit<span class="act-black">al</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-el"
data-audio="./EnglishAlphabeticCode/audio/ul_asin_camel.mp3"
>
<span class="act-right-col-label"
>-el<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/camel_col.jpg" />
</div>
<div class="act-text-holder">
cam<span class="act-black">el</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 7
</div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/f_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>f</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="f"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/f_asin_feathers.mp3"
>
<span class="act-right-col-label"
>f<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/feathers.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">f</span>eathers
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ff"
data-audio="./EnglishAlphabeticCode/audio/f_asin_cliff.mp3"
>
<span class="act-right-col-label"
>-ff<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cliff.jpg" />
</div>
<div class="act-text-holder">
cli<span class="act-black">ff</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="ph"
data-audio="./EnglishAlphabeticCode/audio/f_asin_photograph.mp3"
>
<span class="act-right-col-label"
>ph<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/photograph_col.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ph</span>otograph
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-gh"
data-audio="./EnglishAlphabeticCode/audio/f_asin_laugh.mp3"
>
<span class="act-right-col-label"
>-gh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/laugh_col.jpg" />
</div>
<div class="act-text-holder">
lau<span class="act-black">gh</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 8
</div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/b_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>b</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="b"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/b_asin_bat.mp3"
>
<span class="act-right-col-label"
>b<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/bat.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">b</span>at
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-bb"
data-audio="./EnglishAlphabeticCode/audio/b_asin_rabbit.mp3"
>
<span class="act-right-col-label"
>-bb<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/rabbit_col.jpg" />
</div>
<div class="act-text-holder">
ra<span class="act-black">bb</span>it
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="bu"
data-audio="./EnglishAlphabeticCode/audio/b_asin_building.mp3"
>
<span class="act-right-col-label"
>bu<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img
src="./EnglishAlphabeticCode/98_the_builder_and_the_buyer.jpg"
/>
</div>
<div class="act-text-holder">
<span class="act-black">bu</span>ilding
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 7
</div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/j_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>j</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="j"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/j_j_asin_jug.mp3"
>
<span class="act-right-col-label"
>j<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/jug.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">j</span>ug
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ge"
data-audio="./EnglishAlphabeticCode/audio/j_asin_cabbage.mp3"
>
<span class="act-right-col-label"
>-ge<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cabbage-1.jpg" />
</div>
<div class="act-text-holder">
cabba<span class="act-black">ge</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #436bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-dge"
data-audio="./EnglishAlphabeticCode/audio/j_asin_fridge.mp3"
>
<span class="act-right-col-label"
>-dge<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/fridge_col.jpg" />
</div>
<div class="act-text-holder">
fri<span class="act-black">dge</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="g"
data-audio="./EnglishAlphabeticCode/audio/j_asin_gerbil.mp3"
>
<span class="act-right-col-label"
>g<span class="act-outline-font">e</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/gerbil.png" />
</div>
<div class="act-text-holder">
<span class="act-black">g</span>erbil
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="g"
data-audio="./EnglishAlphabeticCode/audio/j_asin_giraffe.mp3"
>
<span class="act-right-col-label"
>g<span class="act-outline-font">i</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/giraffe.png" />
</div>
<div class="act-text-holder">
<span class="act-black">g</span>iraffe
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="g"
data-audio="./EnglishAlphabeticCode/audio/j_asin_gymnast.mp3"
>
<span class="act-right-col-label"
>g<span class="act-outline-font">y</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/gymnast.png" />
</div>
<div class="act-text-holder">
<span class="act-black">g</span>ymnast
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/y_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>y</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="y"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/y_asin_yawn.mp3"
>
<span class="act-right-col-label"
>y<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/yawn.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">y</span>awn
</div>
<div
class="act-bottom-color-row"
style="background-color: #cce189; color: #eee"
></div>
</td>
<td class="act-right-col right-col-2" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/ai_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ai</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="ai"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/ai_first_aid.mp3"
>
<span class="act-right-col-label"
>ai<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/first_aid.png" />
</div>
<div class="act-text-holder">
first <span class="act-black">ai</span>d
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ay"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_tray.mp3"
>
<span class="act-right-col-label"
>-ay<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/tray.jpg" />
</div>
<div class="act-text-holder">
tr<span class="act-black">ay</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="a"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_table.mp3"
>
<span class="act-right-col-label"
>a<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/table.png" />
</div>
<div class="act-text-holder">
t<span class="act-black">a</span>ble
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="a-e"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_cake.mp3"
>
<span class="act-right-col-label"
>a-e<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cakes.jpg" />
</div>
<div class="act-text-holder">
c<span class="act-black">a</span>k<span class="act-black"
>e</span
>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ae"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_sundae.mp3"
>
<span class="act-right-col-label"
>-ae<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/sundae.png" />
</div>
<div class="act-text-holder">
sund<span class="act-black">ae</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 6
</div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="-aigh"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_straight.mp3"
>
<span class="act-right-col-label"
>-aigh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/straight.png" />
</div>
<div class="act-text-holder">
str<span class="act-black">aigh</span>t
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 9
</div>
</td>
</tr>
<tr>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ey"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_prey.mp3"
>
<span class="act-right-col-label"
>-ey<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/prey_col.jpg" />
</div>
<div class="act-text-holder">
th<span class="act-black">ey</span> ospr<span class="act-black"
>ey</span
>
pr<span class="act-black">ey</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 9
</div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ea"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_break.mp3"
>
<span class="act-right-col-label"
>-ea<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/break_col.jpg" />
</div>
<div class="act-text-holder">
br<span class="act-black">ea</span>k
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 9
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-et"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_bouquet.mp3"
>
<span class="act-right-col-label"
>-et<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/bouquet_col-1.jpg" />
</div>
<div class="act-text-holder">
bouqu<span class="act-black">et</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="eigh"
data-audio="./EnglishAlphabeticCode/audio/ai_asin_eight.mp3"
>
<span class="act-right-col-label"
>eigh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/eight_col.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">eigh</span>t
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 9
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/w_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>w</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="w"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/w_asin_web.mp3"
>
<span class="act-right-col-label"
>w<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/web.png" />
</div>
<div class="act-text-holder">
<span class="act-black">w</span>eb
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="wh"
data-audio="./EnglishAlphabeticCode/audio/w_asin_wheel.mp3"
>
<span class="act-right-col-label"
>wh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/wheel.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">wh</span>eel
</div>
<div
class="act-bottom-color-row"
style="background-color: #d4bccc; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-u"
data-audio="./EnglishAlphabeticCode/audio/w_asin_penguin.mp3"
>
<span class="act-right-col-label"
>-u<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/penguin.png" />
</div>
<div class="act-text-holder">
peng<span class="act-black">u</span>in
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/oa_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>oa</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="oa"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/oa_asin_oak.mp3"
>
<span class="act-right-col-label"
>oa<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/oak.png" />
</div>
<div class="act-text-holder">
<span class="act-black">oa</span>k
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="ow"
data-audio="./EnglishAlphabeticCode/audio/oa_asin_bow.mp3"
>
<span class="act-right-col-label"
>ow<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/bow.jpg" />
</div>
<div class="act-text-holder">
b<span class="act-black">ow</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-oe"
data-audio="./EnglishAlphabeticCode/audio/oa_asin_oboe.mp3"
>
<span class="act-right-col-label"
>-oe<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/oboe.jpg" />
</div>
<div class="act-text-holder">
ob<span class="act-black">oe</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="o-e"
data-audio="./EnglishAlphabeticCode/audio/oa_asin_rope.mp3"
>
<span class="act-right-col-label"
>o-e<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/rope.jpg" />
</div>
<div class="act-text-holder">
r<span class="act-black">o</span>p<span class="act-black"
>e</span
>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="o"
data-audio="./EnglishAlphabeticCode/audio/oa_asin_yoyo.mp3"
>
<span class="act-right-col-label"
>o<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/yo-yo.jpg" />
</div>
<div class="act-text-holder">
y<span class="act-black">o</span>-yo
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ough"
data-audio="./EnglishAlphabeticCode/audio/oa_asin_dough.mp3"
>
<span class="act-right-col-label"
>-ough<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/dough_col.jpg" />
</div>
<div class="act-text-holder">
d<span class="act-black">ough</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 10
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-eau"
data-audio="./EnglishAlphabeticCode/audio/oa_asin_plateau.mp3"
>
<span class="act-right-col-label"
>-eau<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/plateau_col-Copy.jpg" />
</div>
<div class="act-text-holder">
plat<span class="act-black">eau</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ou"
data-audio="./EnglishAlphabeticCode/audio/oa_asin_shoulder.mp3"
>
<span class="act-right-col-label"
>-ou<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/shoulder_arrow.jpg" />
</div>
<div class="act-text-holder">
sh<span class="act-black">ou</span>lder
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/igh_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>igh</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-ie"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/igh_asin_tie.mp3"
>
<span class="act-right-col-label"
>-ie<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/tie.jpg" />
</div>
<div class="act-text-holder">
t<span class="act-black">ie</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-igh"
data-audio="./EnglishAlphabeticCode/audio/igh_asin_night.mp3"
>
<span class="act-right-col-label"
>-igh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/night.jpg" />
</div>
<div class="act-text-holder">
n<span class="act-black">igh</span>t
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="i"
data-audio="./EnglishAlphabeticCode/audio/igh_asin_behind.mp3"
>
<span class="act-right-col-label"
>i<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/behind_col_big.jpg" />
</div>
<div class="act-text-holder">
beh<span class="act-black">i</span>nd
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-y"
data-audio="./EnglishAlphabeticCode/audio/igh_asin_fly.mp3"
>
<span class="act-right-col-label"
>-y<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/flying.jpg" />
</div>
<div class="act-text-holder">
fl<span class="act-black">y</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="i-e"
data-audio="./EnglishAlphabeticCode/audio/igh_asin_bike.mp3"
>
<span class="act-right-col-label"
>i-e<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/bike.jpg" />
</div>
<div class="act-text-holder">
b<span class="act-black">i</span>k<span class="act-black"
>e</span
>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="ei"
data-audio="./EnglishAlphabeticCode/audio/igh_asin_eider_duck.mp3"
>
<span class="act-right-col-label"
>ei<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/eider_col490.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ei</span>der duck
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 9
</div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/yoo_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>yoo</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="u"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/yoo_asin_unicorn.mp3"
>
<span class="act-right-col-label"
>u<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/unicorn_col.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">u</span>nicorn
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ue"
data-audio="./EnglishAlphabeticCode/audio/yoo_asin_statue.mp3"
>
<span class="act-right-col-label"
>-ue<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/statue.jpg" />
</div>
<div class="act-text-holder">
stat<span class="act-black">ue</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #436bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="u-e"
data-audio="./EnglishAlphabeticCode/audio/yoo_asin_tube.mp3"
>
<span class="act-right-col-label"
>u-e<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/tube.jpg" />
</div>
<div class="act-text-holder">
t<span class="act-black">u</span>b<span class="act-black"
>e</span
>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b09c; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="ew"
data-audio="./EnglishAlphabeticCode/audio/yoo_asin_new.mp3"
>
<span class="act-right-col-label"
>ew<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/new_col490.jpg" />
</div>
<div class="act-text-holder">
n<span class="act-black">ew</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #1c8b8e; color: #eee"
>
PI Unit 10
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="eu"
data-audio="./EnglishAlphabeticCode/audio/yoo_asin_pneumatic_drill.mp3"
>
<span class="act-right-col-label"
>eu<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/pneumatic_col.jpg" />
</div>
<div class="act-text-holder">
pn<span class="act-black">eu</span>matic drill
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 10
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/ee_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ee</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="e"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_emu.mp3"
>
<span class="act-right-col-label"
>e<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/emu140.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">e</span>mu
</div>
<div
class="act-bottom-color-row"
style="background-color: #37a850; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="ee"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_eel.mp3"
>
<span class="act-right-col-label"
>ee<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/eel.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ee</span>l
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="e-e"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_concrete.mp3"
>
<span class="act-right-col-label"
>e-e<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/concrete.jpg" />
</div>
<div class="act-text-holder">
concr<span class="act-black">e</span>t<span class="act-black"
>e</span
>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b9a5; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-ey"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_key.mp3"
>
<span class="act-right-col-label"
>-ey<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/key.jpg" />
</div>
<div class="act-text-holder">
k<span class="act-black">ey</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ie"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_briefcase.mp3"
>
<span class="act-right-col-label"
>-ie<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/shadow_col.jpg" />
</div>
<div class="act-text-holder">
br<span class="act-black">ie</span>fcase
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 9
</div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="-i"
data-audio="./EnglishAlphabeticCode/audio/e_asin_sardines.mp3"
>
<span class="act-right-col-label"
>-i<span class="act-outline-font">ne</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/sardines_col.jpg" />
</div>
<div class="act-text-holder">
sard<span class="act-black">i</span>nes
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
</tr>
<tr>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="ea"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_eat.mp3"
>
<span class="act-right-col-label"
>ea<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/eat.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ea</span>t
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3"
data-col_key="empty"
style="background-color: #fffa94"
>
<div
class="act-left-text-top-2"
style="text-align: center; margin-top: 3px"
>
<i style="font-size: 28px" class="fa fa-long-arrow-right"></i
><br />Often pronounced<br />
between <br />
/<span class="act-red">i</span>/ and /<span class="act-red"
>ee</span
>/
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-y"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_sunny.mp3"
>
<span class="act-right-col-label"
>-y<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/sunny.jpg" />
</div>
<div class="act-text-holder">
sunn<span class="act-black">y</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ey"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_monkey.mp3"
>
<span class="act-right-col-label"
>-ey<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/monkey_col.jpg" />
</div>
<div class="act-text-holder">
monk<span class="act-black">ey</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 9
</div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="-ie"
data-audio="./EnglishAlphabeticCode/audio/ee_asin_movie.mp3"
>
<span class="act-right-col-label"
>-ie<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/movie_col.jpg" />
</div>
<div class="act-text-holder">
mov<span class="act-black">ie</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 9
</div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/or_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>or</span>/
<div
class="act-left-text-top"
style="margin-top: 90px; width: 100%; text-align: center"
>
or similar sound
</div>
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="or"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/or_asin_fork.mp3"
>
<span class="act-right-col-label"
>or<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/fork.jpg" />
</div>
<div class="act-text-holder">
f<span class="act-black">or</span>k
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="ore"
data-audio="./EnglishAlphabeticCode/audio/or_asin_snore.mp3"
>
<span class="act-right-col-label"
>ore<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/snore_col.jpg" />
</div>
<div class="act-text-holder">
sn<span class="act-black">ore</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-our"
data-audio="./EnglishAlphabeticCode/audio/or_asin_four.mp3"
>
<span class="act-right-col-label"
>-our<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/four_col.jpg" />
</div>
<div class="act-text-holder">
f<span class="act-black">our</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-oor"
data-audio="./EnglishAlphabeticCode/audio/or_asin_door.mp3"
>
<span class="act-right-col-label"
>-oor<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/door_col.jpg" />
</div>
<div class="act-text-holder">
d<span class="act-black">oor</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="oar"
data-audio="./EnglishAlphabeticCode/audio/or_asin_oars.mp3"
>
<span class="act-right-col-label"
>oar<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/oars_col.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">oar</span>s
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="w"
data-audio="./EnglishAlphabeticCode/audio/or_asin_wardrobe.mp3"
>
<span class="act-right-col-label"
><span class="act-outline-font">w</span>ar<br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/wardrobe_col.jpg" />
</div>
<div class="act-text-holder">
w<span class="act-black">ar</span>drobe
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
></div>
</td>
</tr>
<tr>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="aw"
data-audio="./EnglishAlphabeticCode/audio/or_asin_dawn.mp3"
>
<span class="act-right-col-label"
>aw<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/dawn_col_450.jpg" />
</div>
<div class="act-text-holder">
d<span class="act-black">aw</span>n
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="au"
data-audio="./EnglishAlphabeticCode/audio/or_asin_sauce.mp3"
>
<span class="act-right-col-label"
>au<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/sauce_col450.jpg" />
</div>
<div class="act-text-holder">
s<span class="act-black">au</span>ce
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-al"
data-audio="./EnglishAlphabeticCode/audio/or_asin_chalk.mp3"
>
<span class="act-right-col-label"
>-al<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/chalk_col.jpg" />
</div>
<div class="act-text-holder">
ch<span class="act-black">al</span>k
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 7
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="augh"
data-audio="./EnglishAlphabeticCode/audio/or_asin_caught.mp3"
>
<span class="act-right-col-label"
>augh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/caught_col.jpg" />
</div>
<div class="act-text-holder">
c<span class="act-black">augh</span>t
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 11
</div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="ough"
data-audio="./EnglishAlphabeticCode/audio/or_asin_thought.mp3"
>
<span class="act-right-col-label"
>ough<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/thought_col.jpg" />
</div>
<div class="act-text-holder">
th<span class="act-black">ough</span>t
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 11
</div>
</td>
<td
class="act-right-col right-col-7 act-has-audio"
data-col_key="qu"
data-audio="./EnglishAlphabeticCode/audio/or_asin_quarter.mp3"
>
<span class="act-right-col-label"
><span class="act-outline-font">qu</span>ar<br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/quarter_col.jpg" />
</div>
<div class="act-text-holder">
qu<span class="act-black">ar</span>ter
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 11
</div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/z_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>z</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="z"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/z_asin_zebra.mp3"
>
<span class="act-right-col-label"
>z<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/zebra.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">z</span>ebra
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-zz"
data-audio="./EnglishAlphabeticCode/audio/z_asin_jazz.mp3"
>
<span class="act-right-col-label"
>-zz<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/jazz.jpg" />
</div>
<div class="act-text-holder">
ja<span class="act-black">zz</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-s"
data-audio="./EnglishAlphabeticCode/audio/z_asin_fries.mp3"
>
<span class="act-right-col-label"
>-s<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/fries.jpg" />
</div>
<div class="act-text-holder">
frie<span class="act-black">s</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-se"
data-audio="./EnglishAlphabeticCode/audio/z_asin_cheese.mp3"
>
<span class="act-right-col-label"
>-se<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cheese.jpg" />
</div>
<div class="act-text-holder">
chee<span class="act-black">se</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ze"
data-audio="./EnglishAlphabeticCode/audio/z_asin_breeze.mp3"
>
<span class="act-right-col-label"
>-ze<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/wind.jpg" />
</div>
<div class="act-text-holder">
bree<span class="act-black">ze</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #d1c0cc; color: #eee"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ng_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ng</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-ng"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ng_asin_gong.mp3"
>
<span class="act-right-col-label"
>-ng<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/gong.jpg" />
</div>
<div class="act-text-holder">
go<span class="act-black">ng</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-n"
data-audio="./EnglishAlphabeticCode/audio/ng_asin_jungle.mp3"
>
<span class="act-right-col-label"
>-n<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/jungle_col-Copy.jpg" />
</div>
<div class="act-text-holder">
ju<span class="act-black">n</span>gle
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ngk.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ngk</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-nk"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ngk_asin_ink.mp3"
>
<span class="act-right-col-label"
>-nk<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/ink.jpg" />
</div>
<div class="act-text-holder">
i<span class="act-black">nk</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-nc"
data-audio="./EnglishAlphabeticCode/audio/ngk_asin_uncle.mp3"
>
<span class="act-right-col-label"
>-nc<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/sad_face_col.jpg" />
</div>
<div class="act-text-holder">
u<span class="act-black">nc</span>le
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/v_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>v</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="v"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/v_asin_violin.mp3"
>
<span class="act-right-col-label"
>v<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/violin.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">v</span>iolin
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ve"
data-audio="./EnglishAlphabeticCode/audio/v_asin_dove.mp3"
>
<span class="act-right-col-label"
>-ve<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/dove.jpg" />
</div>
<div class="act-text-holder">
do<span class="act-black">ve</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/short-oo_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>oo</span>/
<div class="act-left-text-top">short</div>
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-oo"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/short-oo_asin_book.mp3"
>
<span class="act-right-col-label"
>-oo<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/book.jpg" />
</div>
<div class="act-text-holder">
b<span class="act-black">oo</span>k
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-oul"
data-audio="./EnglishAlphabeticCode/audio/short-oo_asin_would_could_should.mp3"
>
<span class="act-right-col-label"
>-oul<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/should_col.jpg" />
</div>
<div class="act-text-holder">
w<span class="act-black">oul</span>d c<span class="act-black"
>oul</span
>d sh<span class="act-black">oul</span>d
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-u"
data-audio="./EnglishAlphabeticCode/audio/short-oo_asin_put_push_pull.mp3"
>
<span class="act-right-col-label"
>-u<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/father_son_swing_col.jpg" />
</div>
<div class="act-text-holder">
p<span class="act-black">u</span>t p<span class="act-black"
>u</span
>sh p<span class="act-black">u</span>ll
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/long-oo_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>oo</span>/
<div class="act-left-text-top">long</div>
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="oo"
rowspan="2"
data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_moon.mp3"
>
<span class="act-right-col-label"
>oo<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/moon.jpg" />
</div>
<div class="act-text-holder">
m<span class="act-black">oo</span>n
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ue"
data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_blue.mp3"
>
<span class="act-right-col-label"
>-ue<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/blue.jpg" />
</div>
<div class="act-text-holder">
bl<span class="act-black">ue</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #436bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="u-e"
data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_flute.mp3"
>
<span class="act-right-col-label"
>u-e<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/flute3.jpg" />
</div>
<div class="act-text-holder">
fl<span class="act-black">u</span>t<span class="act-black"
>e</span
>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b9a5; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="u"
data-audio="./EnglishAlphabeticCode/audio/oo_asin_superb_pearl.mp3"
>
<span class="act-right-col-label"
>u<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/superb-pearl.jpg" />
</div>
<div class="act-text-holder">
s<span class="act-black">u</span>perb pearl
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ui"
data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_fruit.mp3"
>
<span class="act-right-col-label"
>-ui<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/fruit_col.jpg" />
</div>
<div class="act-text-holder">
fr<span class="act-black">ui</span>t
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 10
</div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="-ew"
data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_crew.mp3"
>
<span class="act-right-col-label"
>-ew<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/crew_col.jpg" />
</div>
<div class="act-text-holder">
cr<span class="act-black">ew</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 7
</div>
</td>
</tr>
<tr>
<td class="act-right-col right-col-2" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ou"
data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_soup.mp3"
>
<span class="act-right-col-label"
>-ou<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/soup_col.jpg" />
</div>
<div class="act-text-holder">
s<span class="act-black">ou</span>p
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 10
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-o"
data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_move.mp3"
>
<span class="act-right-col-label"
>-o<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/move_col480.jpg" />
</div>
<div class="act-text-holder">
m<span class="act-black">o</span>ve
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 10
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ough"
data-audio="./EnglishAlphabeticCode/audio/long-oo_asin_through.mp3"
>
<span class="act-right-col-label"
>-ough<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/through_col480.jpg" />
</div>
<div class="act-text-holder">
thr<span class="act-black">ough</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 11
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ks_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ks</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-x"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ks_asin_fox.mp3"
>
<span class="act-right-col-label"
>-x<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/fox.jpg" />
</div>
<div class="act-text-holder">
fo<span class="act-black">x</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-ks"
data-audio="./EnglishAlphabeticCode/audio/ks_asin_books.mp3"
>
<span class="act-right-col-label"
>-ks<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/books.jpg" />
</div>
<div class="act-text-holder">
boo<span class="act-black">ks</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
plural
</div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-cks"
data-audio="./EnglishAlphabeticCode/audio/ks_asin_ducks.mp3"
>
<span class="act-right-col-label"
>-cks<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/ducks.jpg" />
</div>
<div class="act-text-holder">
du<span class="act-black">cks</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
plural
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-kes"
data-audio="./EnglishAlphabeticCode/audio/ks_asin_cakes.mp3"
>
<span class="act-right-col-label"
>-kes<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cakes-1.jpg" />
</div>
<div class="act-text-holder">
ca<span class="act-black">kes</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
plural
</div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/gz.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>gz</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-x"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/gz_asin_exam-1.mp3"
>
<span class="act-right-col-label"
>-x<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/exam_col.jpg" />
</div>
<div class="act-text-holder">
e<span class="act-black">x</span>am
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 7
</div>
</td>
<td class="act-right-col right-col-2" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ch_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ch</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="ch"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ch_asin_chair.mp3"
>
<span class="act-right-col-label"
>ch<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/chair.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ch</span>air
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-tch"
data-audio="./EnglishAlphabeticCode/audio/ch_asin_patch.mp3"
>
<span class="act-right-col-label"
>-tch<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/patch_col.jpg" />
</div>
<div class="act-text-holder">
pa<span class="act-black">tch</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 7
</div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/chuh.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ch</span><span class="act-red">uh</span>/
<div class="act-left-text-top" style="margin-left: 10px">
or / <span class="act-blue">ch</span
><span class="act-red">er</span>/
</div>
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-ture"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/chuh_asin_picture.mp3"
>
<span class="act-right-col-label"
>-ture<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/picture_cropped.jpg" />
</div>
<div class="act-text-holder">
pic<span class="act-black">ture</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 12
</div>
</td>
<td class="act-right-col right-col-2" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/sh_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>sh</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="sh"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/sh_asin_sheep.mp3"
>
<span class="act-right-col-label"
>sh<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/sheep.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">sh</span>eep
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="ch"
data-audio="./EnglishAlphabeticCode/audio/sh_asin_chef.mp3"
>
<span class="act-right-col-label"
>ch<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/chef_col.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ch</span>ef
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ti"
data-audio="./EnglishAlphabeticCode/audio/sh_asin_station.mp3"
>
<span class="act-right-col-label"
>-ti<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/station_col.jpg" />
</div>
<div class="act-text-holder">
sta<span class="act-black">ti</span>on
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-ci"
data-audio="./EnglishAlphabeticCode/audio/sh_asin_musician.mp3"
>
<span class="act-right-col-label"
>-ci<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/oboe-1.jpg" />
</div>
<div class="act-text-holder">
musi<span class="act-black">ci</span>an
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-ssi"
data-audio="./EnglishAlphabeticCode/audio/sh_asin_admission.mp3"
>
<span class="act-right-col-label"
>-ssi<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/admission_col.jpg" />
</div>
<div class="act-text-holder">
admi<span class="act-black">ssi</span>on
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/th.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>th</span>/
<div class="act-left-text-top">unvoiced</div>
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="th"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/th_asin_thistle.mp3"
>
<span class="act-right-col-label"
>th<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/thistle.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">th</span>istle
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td class="act-right-col right-col-2" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/th_voiced.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>th</span>/
<div class="act-left-text-top">voiced</div>
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="th"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/th_asin_there.mp3"
>
<span class="act-right-col-label"
>th<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/there_col.jpg" />
</div>
<div class="act-text-holder">
over <span class="act-black">th</span>ere
</div>
<div
class="act-bottom-color-row"
style="background-color: #fcd556; color: #eee"
></div>
</td>
<td class="act-right-col right-col-2" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/kw_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>kw</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="qu"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/kw_asin_queen.mp3"
>
<span class="act-right-col-label"
>qu<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/queen.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">qu</span>een
</div>
<div
class="act-bottom-color-row"
style="background-color: #456bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="kw"
data-audio="./EnglishAlphabeticCode/audio/kw_asin_awkward.mp3"
>
<span class="act-right-col-label"
>kw<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/awkward.jpg" />
</div>
<div class="act-text-holder">
aw<span class="act-black">kw</span>ard
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ou_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ou</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="ou"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ou_asin_ouch.mp3"
>
<span class="act-right-col-label"
>ou<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/ouch.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ou</span>ch
</div>
<div
class="act-bottom-color-row"
style="background-color: #456bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="ow"
data-audio="./EnglishAlphabeticCode/audio/ou_asin_owl.mp3"
>
<span class="act-right-col-label"
>ow<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/owl.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ow</span>l
</div>
<div
class="act-bottom-color-row"
style="background-color: #456bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ough"
data-audio="./EnglishAlphabeticCode/audio/ou_asin_plough.mp3"
>
<span class="act-right-col-label"
>-ough<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/plough_col.jpg" />
</div>
<div class="act-text-holder">
pl<span class="act-black">ough</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 11
</div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/oi_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>oi</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="oi"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/oi_asin_ointment.mp3"
>
<span class="act-right-col-label"
>oi<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/ointment.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">oi</span>ntment
</div>
<div
class="act-bottom-color-row"
style="background-color: #456bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="oy"
data-audio="./EnglishAlphabeticCode/audio/oi_asin_toy.mp3"
>
<span class="act-right-col-label"
>oy<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/toy.jpg" />
</div>
<div class="act-text-holder">
t<span class="act-black">oy</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #456bb2; color: #eee"
></div>
</td>
<td class="act-right-col right-col-3" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-4" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/er_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>er</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="er"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/er_asin_herbs.mp3"
>
<span class="act-right-col-label"
>er<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/herbs.jpg" />
</div>
<div class="act-text-holder">
h<span class="act-black">er</span>bs
</div>
<div
class="act-bottom-color-row"
style="background-color: #456bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="ir"
data-audio="./EnglishAlphabeticCode/audio/er_asin_birthday.mp3"
>
<span class="act-right-col-label"
>ir<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/birthday140.jpg" />
</div>
<div class="act-text-holder">
b<span class="act-black">ir</span>thday
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="ur"
data-audio="./EnglishAlphabeticCode/audio/er_asin_nurse.mp3"
>
<span class="act-right-col-label"
>ur<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/nurse.jpg" />
</div>
<div class="act-text-holder">
n<span class="act-black">ur</span>se
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="ear"
data-audio="./EnglishAlphabeticCode/audio/er_asin_earth.mp3"
>
<span class="act-right-col-label"
>ear<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/earth.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ear</span>th
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="w"
data-audio="./EnglishAlphabeticCode/audio/er_asin_world.mp3"
>
<span class="act-right-col-label"
><span class="act-outline-font">w</span>or<br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/world.jpg" />
</div>
<div class="act-text-holder">
w<span class="act-black">or</span>ld
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/uh_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>uh</span>/
<div class="act-left-text-top">schwa</div>
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-er"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/uh_asin_mixer.mp3"
>
<span class="act-right-col-label"
>-er<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/mixer.jpg" />
</div>
<div class="act-text-holder">
mix<span class="act-black">er</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #456bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-our"
data-audio="./EnglishAlphabeticCode/audio/uh_asin_humour.mp3"
>
<span class="act-right-col-label"
>-our<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/humour.jpg" />
</div>
<div class="act-text-holder">
hum<span class="act-black">our</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-re"
data-audio="./EnglishAlphabeticCode/audio/uh_asin_theatre.mp3"
>
<span class="act-right-col-label"
>-re<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/act2.jpg" />
</div>
<div class="act-text-holder">
theat<span class="act-black">re</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 6 & 12
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-ar"
data-audio="./EnglishAlphabeticCode/audio/uh_asin_collar.mp3"
>
<span class="act-right-col-label"
>-ar<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/collar.jpg" />
</div>
<div class="act-text-holder">
coll<span class="act-black">ar</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-or"
data-audio="./EnglishAlphabeticCode/audio/uh_asin_sailor.mp3"
>
<span class="act-right-col-label"
>-or<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-text-holder">
sail<span class="act-black">or</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td
class="act-right-col right-col-6 act-has-audio"
data-col_key="a"
data-audio="./EnglishAlphabeticCode/audio/uh_asin_lava.mp3"
>
<span class="act-right-col-label"
>a<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/lava.jpg" />
</div>
<div class="act-text-holder">
lav<span class="act-black">a</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ar_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>ar</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="ar"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/ar_asin_artist.mp3"
>
<span class="act-right-col-label"
>ar<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/artist.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ar</span>tist
</div>
<div
class="act-bottom-color-row"
style="background-color: #456bb2; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="a"
data-audio="./EnglishAlphabeticCode/audio/ar_asin_father.mp3"
>
<span class="act-right-col-label"
>a<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/father.jpg" />
</div>
<div class="act-text-holder">
f<span class="act-black">a</span>ther
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="al"
data-audio="./EnglishAlphabeticCode/audio/ar_asin_palm.mp3"
>
<span class="act-right-col-label"
>al<span class="act-outline-font">m</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/palm_col480-Copy.jpg" />
</div>
<div class="act-text-holder">
p<span class="act-black">al</span>m
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-al"
data-audio="./EnglishAlphabeticCode/audio/ar_asin_half.mp3"
>
<span class="act-right-col-label"
>-al<span class="act-outline-font">f</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/half_col-Copy.jpg" />
</div>
<div class="act-text-holder">
h<span class="act-black">al</span>f
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="-al"
data-audio="./EnglishAlphabeticCode/audio/ar_asin_calves.mp3"
>
<span class="act-right-col-label"
>-al<span class="act-outline-font">ves</span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/calves_col-Copy.jpg" />
</div>
<div class="act-text-holder">
(c<span class="act-black">al</span>f) c<span class="act-black"
>al</span
>ves
</div>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
>
PI Unit 12
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/air_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>air</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="air"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/air_asin_hair-1.mp3"
>
<span class="act-right-col-label"
>air<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/curly.jpg" />
</div>
<div class="act-text-holder">
h<span class="act-black">air</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b9a5; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-are"
data-audio="./EnglishAlphabeticCode/audio/air_asin_square.mp3"
>
<span class="act-right-col-label"
>-are<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/square3.jpg" />
</div>
<div class="act-text-holder">
squ<span class="act-black">are</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b9a5; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ear"
data-audio="./EnglishAlphabeticCode/audio/air_asin_bear.mp3"
>
<span class="act-right-col-label"
>-ear<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/bear.jpg" />
</div>
<div class="act-text-holder">
b<span class="act-black">ear</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b9a5; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-ere"
data-audio="./EnglishAlphabeticCode/audio/air_asin_where.mp3"
>
<span class="act-right-col-label"
>-ere<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/where_col.jpg" />
</div>
<div class="act-text-holder">
wh<span class="act-black">ere</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #e7b9a5; color: #eee"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-1 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/eer_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>eer</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="eer"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/eer_asin_deer.mp3"
>
<span class="act-right-col-label"
>eer<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/deer.jpg" />
</div>
<div class="act-text-holder">
d<span class="act-black">eer</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="ear"
data-audio="./EnglishAlphabeticCode/audio/eer_asin_ears.mp3"
>
<span class="act-right-col-label"
>ear<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/ears.jpg" />
</div>
<div class="act-text-holder">
<span class="act-black">ear</span>s
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ere"
data-audio="./EnglishAlphabeticCode/audio/eer_asin_adhere.mp3"
>
<span class="act-right-col-label"
>-ere<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/adhere.jpg" />
</div>
<div class="act-text-holder">
adh<span class="act-black">ere</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-ier"
data-audio="./EnglishAlphabeticCode/audio/eer_asin_cashier.mp3"
>
<span class="act-right-col-label"
>-ier<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/cashier.jpg" />
</div>
<div class="act-text-holder">
cash<span class="act-black">ier</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #b257a1; color: #eee"
></div>
</td>
<td class="act-right-col right-col-5" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div
class="act-bottom-color-row"
style="background-color: #ffffff; color: #666"
></div>
</td>
</tr>
<tr>
<td
class="act-left-col act-left-2 act-has-audio"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/zh_01.mp3"
>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
/<span>zh</span>/
</td>
<td
class="act-right-col right-col-1 act-has-audio"
data-col_key="-si"
rowspan="1"
data-audio="./EnglishAlphabeticCode/audio/zh_asin_television.mp3"
>
<span class="act-right-col-label"
>-si<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/television_col.jpg" />
</div>
<div class="act-text-holder">
televi<span class="act-black">si</span>on
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-2 act-has-audio"
data-col_key="-s"
data-audio="./EnglishAlphabeticCode/audio/zh_asin_treasure.mp3"
>
<span class="act-right-col-label"
>-s<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/treasure_col.jpg" />
</div>
<div class="act-text-holder">
trea<span class="act-black">s</span>ure
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-3 act-has-audio"
data-col_key="-ge"
data-audio="./EnglishAlphabeticCode/audio/zh_asin_collage.mp3"
>
<span class="act-right-col-label"
>-ge<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/collage_col.jpg" />
</div>
<div class="act-text-holder">
colla<span class="act-black">ge</span>
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-4 act-has-audio"
data-col_key="-z"
data-audio="./EnglishAlphabeticCode/audio/zh_asin_azure.mp3"
>
<span class="act-right-col-label"
>-z<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/azure_col.jpg" />
</div>
<div class="act-text-holder">
a<span class="act-black">z</span>ure
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td
class="act-right-col right-col-5 act-has-audio"
data-col_key="g"
data-audio="./EnglishAlphabeticCode/audio/zh_asin_courgette.mp3"
>
<span class="act-right-col-label"
>g<span class="act-outline-font"></span><br
/></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
<div class="act-img-holder">
<img src="./EnglishAlphabeticCode/courgette_col.jpg" />
</div>
<div class="act-text-holder">
cour<span class="act-black">g</span>ette
</div>
<div
class="act-bottom-color-row"
style="background-color: #018b8b; color: #eee"
>
PI Unit 8
</div>
</td>
<td class="act-right-col right-col-6" data-col_key="empty">
<span class="act-right-col-label"></span>
<span class="act-speaker"><i class="fa fa-volume-up"></i></span>
</td>
</tr>
</tbody>
</table>
<script>
jQuery("#act-code-table tr").each(function () {
let max_h = 0;
jQuery(this)
.find(".act-text-holder")
.each(function () {
let h = jQuery(this).outerHeight();
if (h > max_h) max_h = h;
console.log(jQuery(this).text() + " " + h);
});
if (max_h > 0) {
jQuery(this)
.find(".act-text-holder")
.css("height", max_h + "px");
}
});
jQuery(document).ready(function () {
jQuery(".act-has-audio").each(function () {
let file = jQuery(this).attr("data-audio");
jQuery(this).click(function () {
let audio = new Audio(file);
audio.play();
});
});
});
// let newarry = [];
// jQuery(".act-has-audio").each(function () {
// newarry.push(this.dataset.audio);
// });
// console.log(newarry);
</script>
<div class="imglist">
<div class="img_sty">
<img
loading="lazy"
src="./EnglishAlphabeticCode/PI_Chart_Key.jpg"
alt="No Nonsense Phonics Skills Key"
/>
</div>
<div class="img_sty">
<img
loading="lazy"
src="./EnglishAlphabeticCode/PI_Chart_Complexities.jpg"
alt="The complexities of the English Alphabetic Code"
/>
</div>
</div>
</div>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。