Phonics#2
<div class="col-xl-9 contentpage px-xs-0">
<div class="d-flex flex-wrap">
<!-- Col-1 -->
<div class="col-3">
<?php
wp_nav_menu(array(
'theme_location' => 'menu-1',
'depth' => 3,
'menu_class' => ' d-flex flex-column menu z-depth-3 bg-white',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker())
);
?>
</div>
<!-- Col-1 -->
<!-- Col-2 -->
<div class="col-xl-9 col-lg-9">
<!-- Ads -->
<img class="w-100 my-4" src="http://placehold.it/400x45" alt="placehold" />
<!-- Ads -->
<!-- title -->
<h2 class="fw-bold mb-4">
Phonics
</h2>
<!-- title -->
<div class="d-flex flex-wrap">
<!-- Col-1 -->
<div class="col col-sm-6 col-12 pl-0 mb-5">
<!-- card-1 -->
<form class="px-4 py-5 border-0 z-depth-2">
<div class="d-flex flex-wrap">
<!-- Col-1 -->
<div class="col col-xs-12">
<p class="hint text-uppercase fs-12 fw-bold text-gray2">
Target Skill
</p>
<div class="d-flex flex-column">
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Wordsfamilies">
<label class="fs-12 fw-normal" for="Wordsfamilies">Words
Families</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="OpenSyllable">
<label class="fs-12 fw-normal" for="OpenSyllable">Open Syllable</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="SilentE">
<label class="fs-12 fw-normal" for="SilentE">Silent E</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Vowelteams">
<label class="fs-12 fw-normal" for="Vowelteams">Vowel Teams</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Diphthongs">
<label class="fs-12 fw-normal" for="Diphthongs">Diphthongs</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Rcontrolled">
<label class="fs-12 fw-normal" for="Rcontrolled">R-Controlled</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Consonantle">
<label class="fs-12 fw-normal" for="Consonantle">Consonant-Le</label>
</div>
</div>
</div>
<!-- Col-1 -->
</div>
</form>
<!-- card-1 -->
<!-- card-2 -->
<form class="px-4 py-5 border-0 z-depth-2 mt-4">
<div class="d-flex flex-wrap">
<!-- Col-1 -->
<div class="col col-xs-12">
<p class="hint text-uppercase fs-12 fw-bold text-gray2">
Worksheet type
</p>
<div class="d-flex flex-column">
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Wordsfamilies">
<label class="fs-12 fw-normal" for="Wordsfamilies">Missing
Sounds</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="OpenSyllable">
<label class="fs-12 fw-normal" for="OpenSyllable">Word Sort</label>
</div>
</div>
</div>
<!-- Col-1 -->
</div>
</form>
<!-- card-2 -->
</div>
<!-- Col-1 -->
<!-- Col-2 -->
<div class="col col-sm-6 col-12 mb-5">
<!-- card-1 -->
<form class="px-4 py-5 border-0 z-depth-2">
<div class="d-flex flex-wrap">
<!-- Col-1 -->
<div class="col col-xs-12">
<p class="hint text-uppercase fs-12 fw-bold text-gray2">
Missing Sounds
</p>
<div class="d-flex flex-column">
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Initial">
<label class="fs-12 fw-normal" for="Initial">Initial</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Medial">
<label class="fs-12 fw-normal" for="Medial">Medial</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="End">
<label class="fs-12 fw-normal" for="End">End</label>
</div>
</div>
</div>
<!-- Col-1 -->
</div>
</form>
<!-- card-1 -->
<!-- card-2 -->
<form class="px-4 py-5 border-0 z-depth-2 mt-4">
<div class="d-flex flex-wrap">
<!-- Col-1 -->
<div class="col col-xs-12">
<p class="hint text-uppercase fs-12 fw-bold text-gray2">
Initial sounds
</p>
<div class="d-flex flex-column">
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="Consonant">
<label class="fs-12 fw-normal" for="Consonant">Consonant</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="consonantblends">
<label class="fs-12 fw-normal" for="consonantblends">consonant
blends</label>
</div>
<!-- Checkbox Button -->
<div class="checkbox checkbox-green">
<input class="mr-2" type="checkbox" id="digraphs">
<label class="fs-12 fw-normal" for="digraphs">digraphs</label>
</div>
</div>
</div>
<!-- Col-1 -->
</div>
</form>
<!-- card-2 -->
<!-- Action Buttons -->
<form class="py-5 mt-4">
<div class="d-flex flex-wrap">
<!-- Col-1 -->
<div class="col col-xs-12 px-0">
<!-- Button -->
<a class="bigBtn bg-green-light fs-14 fw-bold text-white" href="#">
<object class="icon" data="../../assets/images/print1.svg"></object>
Print</a>
<!-- Button -->
<!-- Button -->
<a class="download fs-14 fw-bold text-black float-right" href="#">
<object data="../../assets/images/download-21.svg"></object>
Download</a>
<!-- Button -->
</div>
<!-- Col-1 -->
</div>
</form>
<!-- Action Buttons -->
</div>
<!-- Col-2 -->
<!-- Col-3 -->
<div class="col col-sm-6 col-12 pl-0 mb-5">
</div>
<!-- Col-3 -->
</div>
</div>
<!-- Col 2 -->
</div>
</div>If you have questions or concerns, or if you would like to share pictures and ideas about how to use our worksheets,
please contact us at literacyworksheets@gmail.com
Please share this site with others to help us reach as many children as possible!
