-
Notifications
You must be signed in to change notification settings - Fork 0
/
TwoImages_Text.html
99 lines (81 loc) · 2.74 KB
/
TwoImages_Text.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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<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>
<!-- begin header -->
<body>
<div class="row">
<header class="medium-10 columns">
<small>CLIx English</small><br/>
<h1 title="TwoImage&Text">TwoImage-Text</h1>
<hr/>
</header>
<main>
<div 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>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">
<span class="close" onclick="closemodal(this)">x</span>
<img class="modal-content" id="img01"/>
<div id="caption"></div>
</div>
<ul class="small-block-grid-3">
<li>
<figure>
<img id="Img1" src="../Images/eb_U01L10A02Px07_en_img008_o_pt50x.png" class="photo-02up zoom-but-sm load_img" onclick="openModal(this)"/>
<figcaption><p>Click to Zoom</p></figcaption>
</figure>
</li>
<li>
<figure>
<img id="Img2" src="../Images/eb_U01L10A02Px07_en_img008_o_pt50x.png" class="photo-02up zoom-but-sm load_img" onclick="openModal(this)"/>
<figcaption><p>Click to Zoom</p></figcaption>
</figure>
</li>
</ul>
<!-- modal -->
<!-- <div>
<dialog id="zoom01">
<h3 class="zoom-label">Here's the title of a zoomed photo</h3>
<img src="" alt="" class="modal-photo"/>
<form method="dialog">
<button value="close">Return to lesson</button>
<button value="close" class="close-me"><img src="close.svg" alt="" class="close-x"/>
</button>
</form>
</dialog>
</div>
<ul class="small-block-grid-3">
<li>
<figure>
<img src="eb_U01L10A02Px07_en_img008_o_pt50x.png" alt="berries and powdered sugar" class="photo-02up zoom-but-sm"/>
<figcaption><p>click to zoom</p></figcaption>
</figure>
</li>
<li>
<figure>
<img src="eb_U01L10A02Px07_en_img008_o_pt50x.png" alt="bowl of pears with spices" class="photo-02up zoom-but-sm"/>
<figcaption><p>click to zoom</p></figcaption>
</figure>
</li>
</ul>-->
<div class="medium-10 cloumns">
<blockquote>
<p>If more Description. Add Now!</p>
</blockquote>
</div>
<ul>
<li>First image description</li>
<li>Second image description</li>
<li>Third Image Description</li>
</ul>
</main>
</div>
</body>
</html>
</div>