-
Notifications
You must be signed in to change notification settings - Fork 0
/
SingleImage_Text_Audio.html
68 lines (49 loc) · 2.58 KB
/
SingleImage_Text_Audio.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<div id="scstyle">
<style scoped="" type="text/css">@import "/static/ndf/css/clix-activity-styles.css";
@import "/static/ndf/css/rubik-font.css";
@import "/static/ndf/css/sgc-toc.css";
@import "/static/ndf/css/video-js.css";
@import "/static/ndf/css/videojs-skin-color";
</style>
<script src="/static/ndf/js/jquery-3.0.0.min.js" type="text/javascript"></script><script src="/static/ndf/js/Video.js" type="text/javascript"></script><script src="/static/ndf/js/photo-zoom.js" type="text/javascript"></script>
<body>
<div class="row">
<header class="medium-10 columns">
<small>CLIx English</small><br/>
<h1 title="SingleImage-Audio">SingleImage-Audio</h1>
<hr/>
</header>
<main class="medium-10 large-centered columns" style="float: left;">
<h2 class="sigil_not_in_toc">Any content to be displayed goes here, Any content to be displayed goes here</h2>
<p> Any additional explanatory content goes in here, Any additional explanatory content goes in</p>
<!--image-->
<div class="small-block-grid-1">
<img src="../Images/eb_U01L10A01Px_en_img001_1x.png" alt="" class="photo-01up zoom-but-sm"/>
<audio autoplay="" controls="" width="100px"><source src="../Audio/eb_U01L10A03Q01Sx_en_aud0003.mp3" type="audio/mp3"/>
</audio>
<form class="trans-form">
<input align="right" id="toggler" type="checkbox"/>
<label class="toggle-me" for="toggler">Transcript</label><img alt="" class="arrow-toggle" src="../Images/chevron-right.svg"/>
<div class="transcript">
<i>So here we are on Lesson 10. Do you know how many stories you have heard so far?</i><br/>
<i>You have heard about boys and girls. They love dancing in the rain and planting trees. They have Grandmas who give them special gifts.<br/> <i><i>Well, you are about to meet an adventure-loving, super-ambitious, clever, intelligent girl called Tara. She is all grown up and she is a PHOTOGRAPHER!<br/> <i><i>She is not afraid to travel on her own. She enjoys sleeping under the stars.<br/> <i><i>Hmm... I won't tell you more. I'm sure you are excited to know more.</i><br/> <i>Let us watch and listen to this story. And then we can begin some new activities today!</i></i></i></i></i></i></i>
</div></form>
<blockquote>
<p>Instructional Text</p>
</blockquote>
<ul>
<li>First image description</li>
<li>Second image description</li>
<li>Third Image Description</li>
</ul>
<ul class="callout">
<li>First image description</li>
<li>Second image description</li>
<li>Third Image Description</li>
</ul>
</div>
</main>
</div>
</body>
</html>
</div>