You are on page 1of 15

26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.

html
Unión de líneas
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <title>Assignment 1's Main Page</title><meta property="og:site_name" content="MY SITE" />
5 <meta property="og:title" content="Assignment 1&#039;s Main Page" />
6 <meta property="og:description" content="As a reflective learner, I am conscious of where I currently am with my learning and where I need to be. Selec
7 <meta property="og:image" content="https://i.creativecommons.org/l/by-nc/4.0/88x31.png" />
8 <meta property="og:url" content="https://edid6508griffith.weebly.com/assignment-1s-main-page.html" />
9
10
11
12 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
13 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
14
15
16 <link id="wsite-base-style" rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/sites.css?buildTime=1637274978" />
17 <link rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/old/fancybox.css?1637274978" />
18 <link rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/social-icons.css?buildtime=1637274978" media="screen,projection" />
19 <link rel="stylesheet" type="text/css" href="/files/main_style.css?1637499799" title="wsite-theme-css" />
20 <link href='//fonts.googleapis.com/css?family=Montserrat:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
21
22 <link href='//fonts.googleapis.com/css?family=Cabin:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
23 <style type='text/css'>
24 .wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elem
25 #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsit
26 .wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements
27 .wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-ti
28 #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-ti
29 .wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title,
30 #wsite-title {}
31 .wsite-menu-default a {}
32 .wsite-menu a {}
33 .wsite-image div, .wsite-caption {}
34 .galleryCaptionInnerText {}
35 .fancybox-title {}
36 .wslide-caption-text {}
37 .wsite-phone {}
38 .wsite-headline,.wsite-header-section .wsite-content-title {}
39 .wsite-headline-paragraph,.wsite-header-section .paragraph {}
40 .wsite-button-inner {}
41 .wsite-not-footer blockquote {font-family:"Cabin" !important;color:#2a2a2a !important;letter-spacing: 2px !important;}
42 .wsite-footer blockquote {}
43 .blog-header h2 a {}
44 #wsite-content h2.wsite-product-title {}
45 .wsite-product .wsite-product-price a {}
46 @media screen and (min-width: 767px) {.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not
47 #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsit
48 .wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements
49 .wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-ti
50 #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-ti
51 .wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title,
52 #wsite-title {}
53 .wsite-menu-default a {}
54 .wsite-menu a {}
55 .wsite-image div, .wsite-caption {}
56 .galleryCaptionInnerText {}
57 .fancybox-title {}
58 .wslide-caption-text {}
59 .wsite-phone {}
60 .wsite-headline,.wsite-header-section .wsite-content-title {}
61 .wsite-headline-paragraph,.wsite-header-section .paragraph {}
62 .wsite-button-inner {}
63 .wsite-not-footer blockquote {}
64 .wsite-footer blockquote {}
65 .blog-header h2 a {}
66 #wsite-content h2.wsite-product-title {}
67 .wsite-product .wsite-product-price a {}
68 }</style>
69
70 <script>
71 var STATIC_BASE = '//cdn1.editmysite.com/';
72 var ASSETS_BASE = '//cdn2.editmysite.com/';
73 var STYLE_PREFIX = 'wsite';
74 </script>
75 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
76
77 <script type="text/javascript" src="//cdn2.editmysite.com/js/lang/en/stl.js?buildTime=1637274978&"></script>
78 <script src="//cdn2.editmysite.com/js/site/main.js?buildTime=1637274978"></script><script type="text/javascript">
79 function initCustomerAccountsModels() {
80 (function(){_W.setup_rpc({"url":"\/ajax\/api\/JsonRPC\/CustomerAccounts\/","actions":{"CustomerAccounts":[{"name":"login","len":2,"
81 _W.setup_model_rpc({"rpc_namespace":"_W.CustomerAccounts.RPC","model_namespace":"_W.CustomerAccounts.BackboneModelData","collection_namespace":"_W.Cust
82 })();
83 }
84 if(document.createEvent && document.addEventListener) {
85 var initEvt = document.createEvent('Event');
86 initEvt.initEvent('customerAccountsModelsInitialized', true, false);
87 document.dispatchEvent(initEvt);
88 } else if(document.documentElement.initCustomerAccountsModels === 0){
89 document.documentElement.initCustomerAccountsModels++
90 }
91 </script>
92 <script type="text/javascript"> _W = _W || {}; _W.securePrefix='edid6508griffith.weebly.com'; </script><script>_W = _W || {};
93 _W.customerLocale = "en_US";
94 _W.storeName = null;
95 _W.isCheckoutReskin = false;
96 _W.storeCountry = "BB";
97

view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 1/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
_W.storeCurrency = "USD";
98 _W.storeEuPrivacyPolicyUrl = "";
99 com_currentSite = "528466181882213368";
100 com_userID = "137038913";</script><script type="text/javascript">_W.configDomain = "www.weebly.com";</script><script>_W.relinquish && _W.re
101 <script type="text/javascript" src="//cdn2.editmysite.com/js/lang/en/stl.js?buildTime=1637274978&"></script><script> _W.themePlugins = [];</script><scr
102
103
104 function initFlyouts(){
105 initPublishedFlyoutMenus(
106 [{"id":"740020900579722763","title":"Home","url":"index.html","target":"","nav_menu":false,"nonclickable":false},{"id":"648115471720877875"
107 "717339417840985950",
108 '',
109 'active',
110 false,
111 {"navigation\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}} class=\"wsite-menu-item-wrap\">\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t
112 {}
113 )
114 }
115 //-->
116 </script>
117
118 <script type="text/javascript">(function(d,s,id){var z=d.createElement(s);z.type="text/javascript";z.id=id;z.async=true;z.src="//static.zotabox
119 </head>
120 <body class="no-header-page wsite-page-assignment-1s-main-page wsite-theme-light"><div class="wrapper">
121 <div class="cento-header">
122 <div class="nav-wrap">
123 <div class="container">
124 <a class="hamburger" aria-label="Menu" href="#"><span></span></a>
125 <div class="logo"><span class="wsite-logo">
126
127
128 <span class="wsite-title-placeholder">&nbsp;</span><span style="display:none">
129 <span style="display:none">MY SITE</span>
130 </span>
131
132
133 </span></div>
134 <div class="nav desktop-nav"><div class="container"><ul class="wsite-menu-default">
135 <li id="pg740020900579722763" class="wsite-menu-item-wrap">
136 <a
137 href="/"
138 class="wsite-menu-item"
139 >
140 Home
141 </a>
142
143 </li>
144 <li id="pg648115471720877875" class="wsite-menu-item-wrap">
145 <a
146 href="/assignment-1.html"
147 class="wsite-menu-item"
148 >
149 Assignment 1
150 </a>
151 <div class="wsite-menu-wrap" style="display:none">
152 <ul class="wsite-menu">
153 <li id="wsite-nav-717339417840985950"
154 class="wsite-menu-subitem-wrap wsite-nav-current"
155 >
156 <a
157 href="/assignment-1s-main-page.html"
158 class="wsite-menu-subitem"
159 >
160 <span class="wsite-menu-title">
161 Assignment 1's Main Page
162 </span>
163 </a>
164
165 </li>
166 <li id="wsite-nav-454730791796902899"
167 class="wsite-menu-subitem-wrap "
168 >
169 <a
170 href="/accessibility.html"
171 class="wsite-menu-subitem"
172 >
173 <span class="wsite-menu-title">
174 Accessibility
175 </span>
176 </a>
177
178 </li>
179 <li id="wsite-nav-946862374708018666"
180 class="wsite-menu-subitem-wrap "
181 >
182 <a
183 href="/usability.html"
184 class="wsite-menu-subitem"
185 >
186 <span class="wsite-menu-title">
187 Usability
188 </span>
189 </a>
190
191 </li>
192 <li id="wsite-nav-864253505239977421"
193 class="wsite-menu-subitem-wrap "
194 >
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 2/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
195 <a
196 href="/javascript.html"
197 class="wsite-menu-subitem"
198 >
199 <span class="wsite-menu-title">
200 Javascript
201 </span>
202 </a>
203
204 </li>
205 <li id="wsite-nav-923306030625710872"
206 class="wsite-menu-subitem-wrap "
207 >
208 <a
209 href="/tools.html"
210 class="wsite-menu-subitem"
211 >
212 <span class="wsite-menu-title">
213 Tools
214 </span>
215 </a>
216
217 </li>
218 <li id="wsite-nav-954668304145316507"
219 class="wsite-menu-subitem-wrap "
220 >
221 <a
222 href="/video1.html"
223 class="wsite-menu-subitem"
224 >
225 <span class="wsite-menu-title">
226 Video
227 </span>
228 </a>
229
230 </li>
231
232 </ul>
233 </div>
234
235 </li>
236 <li id="pg775644362486080641" class="wsite-menu-item-wrap">
237 <a
238 href="/assignment-2-media-artefacts.html"
239 class="wsite-menu-item"
240 >
241 Assignment 2: Media Artefacts
242 </a>
243 <div class="wsite-menu-wrap" style="display:none">
244 <ul class="wsite-menu">
245 <li id="wsite-nav-837946256491926600"
246 class="wsite-menu-subitem-wrap "
247 >
248 <a
249 href="/graphic-section.html"
250 class="wsite-menu-subitem"
251 >
252 <span class="wsite-menu-title">
253 Graphic Section
254 </span><span class="wsite-menu-arrow">&gt;</span>
255 </a>
256 <div class="wsite-menu-wrap" style="display:none">
257 <ul class="wsite-menu">
258 <li id="wsite-nav-178049799668958441"
259 class="wsite-menu-subitem-wrap "
260 >
261 <a
262 href="/web-graphics-showcase.html"
263 class="wsite-menu-subitem"
264 >
265 <span class="wsite-menu-title">
266 Web Graphics Showcase
267 </span>
268 </a>
269
270 </li>
271
272 </ul>
273 </div>
274
275 </li>
276 <li id="wsite-nav-871874316763982222"
277 class="wsite-menu-subitem-wrap "
278 >
279 <a
280 href="/audio.html"
281 class="wsite-menu-subitem"
282 >
283 <span class="wsite-menu-title">
284 Audio
285 </span>
286 </a>
287
288 </li>
289 <li id="wsite-nav-278562671954537801"
290 class="wsite-menu-subitem-wrap "
291 >
292 <a
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 3/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
293 href="/video.html"
294 class="wsite-menu-subitem"
295 >
296 <span class="wsite-menu-title">
297 Video
298 </span><span class="wsite-menu-arrow">&gt;</span>
299 </a>
300 <div class="wsite-menu-wrap" style="display:none">
301 <ul class="wsite-menu">
302 <li id="wsite-nav-661589172224006388"
303 class="wsite-menu-subitem-wrap "
304 >
305 <a
306 href="/how-to-instructional-video.html"
307 class="wsite-menu-subitem"
308 >
309 <span class="wsite-menu-title">
310 How-to Instructional video
311 </span>
312 </a>
313
314 </li>
315
316 </ul>
317 </div>
318
319 </li>
320
321 </ul>
322 </div>
323
324 </li>
325 <li id="pg628399886414210036" class="wsite-menu-item-wrap">
326 <a
327 href="/assignment-3.html"
328 class="wsite-menu-item"
329 >
330 Assignment 3
331 </a>
332 <div class="wsite-menu-wrap" style="display:none">
333 <ul class="wsite-menu">
334 <li id="wsite-nav-240782962405841375"
335 class="wsite-menu-subitem-wrap "
336 >
337 <a
338 href="/collaborative-tools.html"
339 class="wsite-menu-subitem"
340 >
341 <span class="wsite-menu-title">
342 Collaborative Tools
343 </span>
344 </a>
345
346 </li>
347 <li id="wsite-nav-647754325760800357"
348 class="wsite-menu-subitem-wrap "
349 >
350 <a
351 href="/screencasting.html"
352 class="wsite-menu-subitem"
353 >
354 <span class="wsite-menu-title">
355 Screencasting
356 </span>
357 </a>
358
359 </li>
360 <li id="wsite-nav-997433914786375335"
361 class="wsite-menu-subitem-wrap "
362 >
363 <a
364 href="/individual-storyboard.html"
365 class="wsite-menu-subitem"
366 >
367 <span class="wsite-menu-title">
368 Individual Storyboard
369 </span>
370 </a>
371
372 </li>
373
374 </ul>
375 </div>
376
377 </li>
378 </ul>
379 </div></div>
380 </div>
381 </div>
382 </div>
383
384 <div class="main-wrap">
385 <div id="wsite-content" class="wsite-elements wsite-not-footer">
386 <div class="wsite-section-wrap">
387 <div class="wsite-section wsite-body-section wsite-background-24" >
388 <div class="wsite-section-content">
389 <div class="container">
390 <div class="wsite-section-elements">
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 4/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
391 <div><div id="245372618982348118" align="left" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><!--This is my first web pa
392 <!DOCTYPE html>
393 <html>
394 <head>
395
396 <meta charset="utf-8">
397 <Web Portfolio: Sasha Griffith</title>
398
399
400 </head>
401 <div>
402 <header>S.Grffith's Web Portfolio: EDID 6508 Developing Instructional Media</header>
403 </div>
404
405 <body style="background-color:#Fefbe9;">
406
407 <div>
408 <a href="#main"> Skip to main content</a>
409 <a name="top"></a>
410
411
412 </div>
413 <!-- The content of your web page will go here -->
414 <body>
415 <div>
416
417
418 <body>
419 <font face="Verdana"</font><br/>
420 <!--Line spacing has not worked. Needs revisiting. Line spacing has been achieved by using the br tag.--!>
421 </html>
422 <main id="return to previous section">
423 <div>
424 <h1><Font color="#52ab98"><center> Web Portfolio</center></font></h1>
425 <ul>
426
427 <li>Sasha Griffith</li><br>
428 <li> <a href="mailto:sasha.griffith@my.open.uwi.edu">sasha.griffith@my.open.uwi.edu</a> </li><br>
429 </ul>
430 </main>
431 </div>
432
433 <div>
434 <img src <a href="https://lh3.googleusercontent.com/3DL7fMZqyUZWjpXwku1V8JiXXTVuDqeg_m2rFrlIzcNwzJ6LCSJmANtAzZ6dPC62PuABaL7QpyGdmLTd4wsxBQfmTLNeJNkgJV
435 </div>
436 <br>
437 <h3><Font color="#52ab98"> Personal Bio</font></h3>
438 <div>
439 <p style = "line-height:1.5;"> A Spanish facilitator at a secondary school in Barbados who has expanded her skillset, competencies and knowledge to inc
440 As a novice instructional designer in the Master's programme, I am constantly in search of new opportunities of learning so that I may give back to my
441 </div>
442 <br>
443
444 <h3><Font color="#52ab98"> My Instructional Media Philosophy</font></h3>
445 <div>
446 <p style="line-height:1.5;"> 21st century learning should incorporate instructional media since it affords learners authentic and real-world experience
447 Due to the highly popularised and ubiquitous nature of technology, facilitators desirous of using media to facilitate learning should go through a thor
448 My philosophy has also been influenced by theorists who contend that good instructional media should be ethical and must go through a process of planni
449 </div>
450 <br>
451
452 <div>
453 <h4><i><Font color="#52ab98">Putting it into Practice: Current State and Reflection</font></i></h4>
454 <p style = "line-height:1.5;">As a reflective learner, I am conscious of where I currently am with my learning and where I need to be. Select the video
455 <iframe width="172" height="200" src="https://www.youtube.com/embed/SY994kPr5aQ" title="YouTube video player" frameborder="0" allow="accelerometer; aut
456
457 <p style = "line-height:1.5;"><i> For actual instructional videos created in the EDID:6508 course, select the video option below.</i></p>
458 </div>
459
460 <h2><Font color="#52ab98"> Course and Programme Information</font></h2>
461 <div class = {background - color: RGB 255, 255, 255);}
462 <ul>
463 <li>Master's Programme in Instructional Design and Technology</li>
464 <br>
465 <li><a href ="https://www.open.uwi.edu/"> University of the West Indies: Open Campus</a></li>
466 <br>
467 <li>EDID 6508: Developing Instructional Media</li>
468 <br>
469 <li>Course Coordinator: Dr. LeRoy Hill</li>
470 <br>
471 <li>Year: 2020 - 2022</</li>
472 <br>
473 </ul>
474 </div>
475
476 <h3><Font color="#52ab98"><Skills and Competencies</a></font></h3>
477 <div>
478 <img src <a href="https://lh3.googleusercontent.com/1Z7WiHAJwvDyAqAx7S5HzBnOvx0uP0B-bqFFKBMlfCwxXus5J9guBfSufJsUaWOvzmAagz6W0WFyEyB6dUkTSNGPqc278Mz9Z4x
479 <p style = "line-height:1.5;"> As Instructional Designers, we wear different hats as we take on different roles. It is essential, therefore, to be equi
480 <p>Photo credit: <a href="https://pixabay.com/users/blende12-201217/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm
481 <a href="https://pixabay.com/users/studiopromomobile-5406542/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_conte
482 <!--Remember to credit authors for photo use: Image 1 and Image 2-->
483 <div>
484 <ol>
485 <table border="2">
486 <caption><b><i>Personal Self Assessment of Skills and Competencies Gained in Instructional Design<b><i></caption>
487 <br>
488 <tr>
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 5/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
489 <th>Skills</th>
490 <th>Percentage</th>
491 <br>
492 </tr>
493 <tr>
494 <ol type="1" start="1">
495 <td><li>Collaborative and social skills</li</td>
496 </ol>
497 <td> 90%</td>
498 </tr>
499 <tr>
500 <ol type="1" start="2">
501 <td><li>Technological skills</li></td>
502 </ol>
503 <td>60%</td>
504 </tr>
505 <ol type="1" start="3">
506 <td><li>Analytical skills</li></td>
507 </ol>
508 <td>75%</td>
509 </tr>
510 <tr>
511 <ol type="1" start="4">
512 <td><li>Experiential skills</li></td>
513 </ol>
514 <td>89%</td>
515 </tr>
516 <tr>
517 <ol type="1" start="5">
518 <td><li>Problem solving skills</li></td>
519 </ol>
520 <td>76%</td>
521 </tr>
522 <ol type="1" start="6">
523 <td><li>Quality skills</li></td>
524 </ol>
525 <td>70%</td>
526 </tr>
527 <tr>
528 <ol type="1" start="7">
529 <td><li>Adaptability skills</li></td>
530 </ol>
531 <td>95%</td>
532 </tr>
533 <tr>
534 <ol type="1" start="8">
535 <td><li>Research skills</li></td>
536 </ol>
537 <td>90%</td>
538 </tr>
539 <tr>
540 <ol type="1" start="9">
541 <td><li>Customer service skills</li></td>
542 </ol>
543 <td>97%</td>
544 </tr>
545 <tr>
546 <ol type="1" start="10">
547 <td><li>Time management skills</li></td>
548 </ol>
549 <td>55%</td>
550 </ol>
551 </tr>
552 </table>
553 <br>
554 <a href="https://www.youtube.com/watch?v=Oy2x-5MnjCQ">Click here for more information on useful skills gained in Instructional Design</a>
555 </div>
556 <!--This section needs revisiting since lists are not ordered. Update: successful reordering achieved.-->
557 <div>
558 <br>
559 <h2><Font color="#52ab98"> Website's Links</font></h2>
560 </div>
561 <div>
562 <nav>
563 <ul>
564 <li>
565 <a href="Index.html">Home</a>
566 </li>
567 <br>
568 <li>
569 <a href="Accessibility.html">Accessibility</a>
570 </li>
571 <br>
572 <li>
573 <a href="Usability.html">Usability</a>
574 </li>
575 <br>
576 <li>
577 <a href="Javascript.html">Javascript</a>
578 </li>
579 <br>
580 <li>
581 <a href="Tools.html">Tools</a>
582 <br>
583 </li>
584 <br>
585 <li>
586 <a href="Video.html">Video</a>
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 6/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
587 </li>
588 </ol>
589 </nav>
590 </div>
591 <br>
592 <main id="main">
593 <h2><Font color="#52ab98"> Course Overview</font></h2>
594 <p style="line-height:1.5;"> This Web Portfolio will take you on a journey of four units which will showcase my knowledge of creating interactive multi
595 <br>
596 <h2><Font color="#52ab98"> Module 2: Creating Media Artefacts</font></h2>
597 <p> This section will include links to my work for this module, once completed.</p>
598
599 <h2><Font color="#52ab98"> Module 3: Authoring and Collaborative Tools</font></h2>
600 <p>This section will include links to my work for this module, once completed.</p>
601
602 <h2><Font color="#52ab98"> Module 4: Copyright Fair Use and Creative Commons</font></h2>
603 <p>This section will include links to my work for this module, once completed.</p>
604
605 <!--Content for this section should be replaced and updated simultaneously as the course progresses-->
606 </main>
607 <div>
608 <button id="myBtn"><a href="#top" style="color:"#52ab98">Top</a></button>
609 </body>
610 <br>
611
612
613 <h2><Font color="#52ab98">Feedback and Comments</font></h2>
614 <div>
615 <p style="line-height:1.5;">I look forward to hearing your thoughts or answering any queries about my Web Portfolio. Please fill out the form below, le
616 <br>
617 <html>
618 <head>
619 <meta name="viewport" content="width=device-width, initial-scale=1">
620 <style>
621 * {
622 box-sizing: border-box;
623 }
624
625 input[type=text], select, textarea {
626 width: 100%;
627 padding: 12px;
628 border: 1px solid rgb(70, 68, 68);
629 border-radius: 4px;
630 resize: vertical;
631 }
632 input[type=email], select, textarea {
633 width: 100%;
634 padding: 12px;
635 border: 1px solid rgb(70, 68, 68);
636 border-radius: 4px;
637 resize: vertical;
638 }
639
640 label {
641 padding: 12px 12px 12px 0;
642 display: inline-block;
643 }
644
645 input[type=submit] {
646 background-color: rgb(37, 116, 161);
647 color: white;
648 padding: 12px 20px;
649 border: none;
650 border-radius: 4px;
651 cursor: pointer;
652 float: right;
653 }
654
655 input[type=submit]:hover {
656 background-color:#fefbe9;
657 }
658
659 .container {
660 border-radius: 5px;
661 background-color: #fefbe9;
662 padding: 20px;
663 }
664
665 .col-25 {
666 float: left;
667 width: 25%;
668 margin-top: 6px;
669 }
670
671 .col-75 {
672 float: left;
673 width: 75%;
674 margin-top: 6px;
675 }
676
677 /* Clear floats after the columns */
678 .row:after {
679 content: "";
680 display: table;
681 clear: both;
682 }
683
684 /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 7/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
685 </style>
686 </head>
687 <body>
688 <h3><Font color="#52ab98">FEEDBACK FORM</font></h3>
689 <div class="container">
690 <form>
691 <div class="row">
692 <div class="col-25">
693 <label for="fname">First Name</label>
694 </div>
695 <div class="col-75">
696 <input type="text" id="fname" name="firstname" placeholder="Your name..">
697 </div>
698 </div>
699 <div class="row">
700 <div class="col-25">
701 <label for="lname">Last Name</label>
702 </div>
703 <div class="col-75">
704 <input type="text" id="lname" name="lastname" placeholder="Your last name..">
705 </div>
706 </div>
707 <div class="row">
708 <div class="col-25">
709 <label for="email">Mail Id</label>
710 </div>
711 <div class="col-75">
712 <input type="email" id="email" name="mailid" placeholder="Your mail id..">
713 </div>
714 </div>
715 <div class="row">
716 <div class="col-25">
717 <label for="country">Country</label>
718 </div>
719 <div class="col-75">
720 <select id="country" name="country">
721 <option value="none">Select Country</option>
722 <option value="Afghanistan">Afghanistan</option>
723 <option value="Albania">Albania</option>
724 <option value="Algeria">Algeria</option>
725 <option value="American Samoa">American Samoa</option>
726 <option value="Andorra">Andorra</option>
727 <option value="Angola">Angola</option>
728 <option value="Anguilla">Anguilla</option>
729 <option value="Antigua &amp; Barbuda">Antigua &amp; Barbuda</option>
730 <option value="Argentina">Argentina</option>
731 <option value="Armenia">Armenia</option>
732 <option value="Aruba">Aruba</option>
733 <option value="Australia">Australia</option>
734 <option value="Austria">Austria</option>
735 <option value="Azerbaijan">Azerbaijan</option>
736 <option value="Bahamas">Bahamas</option>
737 <option value="Bahrain">Bahrain</option>
738 <option value="Bangladesh">Bangladesh</option>
739 <option value="Barbados">Barbados</option>
740 <option value="Belarus">Belarus</option>
741 <option value="Belgium">Belgium</option>
742 <option value="Belize">Belize</option>
743 <option value="Benin">Benin</option>
744 <option value="Bermuda">Bermuda</option>
745 <option value="Bhutan">Bhutan</option>
746 <option value="Bolivia">Bolivia</option>
747 <option value="Bonaire">Bonaire</option>
748 <option value="Bosnia &amp; Herzegovina">Bosnia &amp; Herzegovina</option>
749 <option value="Botswana">Botswana</option>
750 <option value="Brazil">Brazil</option>
751 <option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
752 <option value="Brunei">Brunei</option>
753 <option value="Bulgaria">Bulgaria</option>
754 <option value="Burkina Faso">Burkina Faso</option>
755 <option value="Burundi">Burundi</option>
756 <option value="Cambodia">Cambodia</option>
757 <option value="Cameroon">Cameroon</option>
758 <option value="Canada">Canada</option>
759 <option value="Canary Islands">Canary Islands</option>
760 <option value="Cape Verde">Cape Verde</option>
761 <option value="Cayman Islands">Cayman Islands</option>
762 <option value="Central African Republic">Central African Republic</option>
763 <option value="Chad">Chad</option>
764 <option value="Channel Islands">Channel Islands</option>
765 <option value="Chile">Chile</option>
766 <option value="China">China</option>
767 <option value="Christmas Island">Christmas Island</option>
768 <option value="Cocos Island">Cocos Island</option>
769 <option value="Colombia">Colombia</option>
770 <option value="Comoros">Comoros</option>
771 <option value="Congo">Congo</option>
772 <option value="Cook Islands">Cook Islands</option>
773 <option value="Costa Rica">Costa Rica</option>
774 <option value="Cote D'Ivoire">Cote D'Ivoire</option>
775 <option value="Croatia">Croatia</option>
776 <option value="Cuba">Cuba</option>
777 <option value="Curacao">Curacao</option>
778 <option value="Cyprus">Cyprus</option>
779 <option value="Czech Republic">Czech Republic</option>
780 <option value="Denmark">Denmark</option>
781 <option value="Djibouti">Djibouti</option>
782 <option value="Dominica">Dominica</option>
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 8/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
783 <option value="Dominican Republic">Dominican Republic</option>
784 <option value="East Timor">East Timor</option>
785 <option value="Ecuador">Ecuador</option>
786 <option value="Egypt">Egypt</option>
787 <option value="El Salvador">El Salvador</option>
788 <option value="Equatorial Guinea">Equatorial Guinea</option>
789 <option value="Eritrea">Eritrea</option>
790 <option value="Estonia">Estonia</option>
791 <option value="Ethiopia">Ethiopia</option>
792 <option value="Falkland Islands">Falkland Islands</option>
793 <option value="Faroe Islands">Faroe Islands</option>
794 <option value="Fiji">Fiji</option>
795 <option value="Finland">Finland</option>
796 <option value="France">France</option>
797 <option value="French Guiana">French Guiana</option>
798 <option value="French Polynesia">French Polynesia</option>
799 <option value="French Southern Ter">French Southern Ter</option>
800 <option value="Gabon">Gabon</option>
801 <option value="Gambia">Gambia</option>
802 <option value="Georgia">Georgia</option>
803 <option value="Germany">Germany</option>
804 <option value="Ghana">Ghana</option>
805 <option value="Gibraltar">Gibraltar</option>
806 <option value="Great Britain">Great Britain</option>
807 <option value="Greece">Greece</option>
808 <option value="Greenland">Greenland</option>
809 <option value="Grenada">Grenada</option>
810 <option value="Guadeloupe">Guadeloupe</option>
811 <option value="Guam">Guam</option>
812 <option value="Guatemala">Guatemala</option>
813 <option value="Guinea">Guinea</option>
814 <option value="Guyana">Guyana</option>
815 <option value="Haiti">Haiti</option>
816 <option value="Hawaii">Hawaii</option>
817 <option value="Honduras">Honduras</option>
818 <option value="Hong Kong">Hong Kong</option>
819 <option value="Hungary">Hungary</option>
820 <option value="Iceland">Iceland</option>
821 <option value="India">India</option>
822 <option value="Indonesia">Indonesia</option>
823 <option value="Iran">Iran</option>
824 <option value="Iraq">Iraq</option>
825 <option value="Ireland">Ireland</option>
826 <option value="Isle of Man">Isle of Man</option>
827 <option value="Israel">Israel</option>
828 <option value="Italy">Italy</option>
829 <option value="Jamaica">Jamaica</option>
830 <option value="Japan">Japan</option>
831 <option value="Jordan">Jordan</option>
832 <option value="Kazakhstan">Kazakhstan</option>
833 <option value="Kenya">Kenya</option>
834 <option value="Kiribati">Kiribati</option>
835 <option value="Korea North">Korea North</option>
836 <option value="Korea South">Korea South</option>
837 <option value="Kuwait">Kuwait</option>
838 <option value="Kyrgyzstan">Kyrgyzstan</option>
839 <option value="Laos">Laos</option>
840 <option value="Latvia">Latvia</option>
841 <option value="Lebanon">Lebanon</option>
842 <option value="Lesotho">Lesotho</option>
843 <option value="Liberia">Liberia</option>
844 <option value="Libya">Libya</option>
845 <option value="Liechtenstein">Liechtenstein</option>
846 <option value="Lithuania">Lithuania</option>
847 <option value="Luxembourg">Luxembourg</option>
848 <option value="Macau">Macau</option>
849 <option value="Macedonia">Macedonia</option>
850 <option value="Madagascar">Madagascar</option>
851 <option value="Malaysia">Malaysia</option>
852 <option value="Malawi">Malawi</option>
853 <option value="Maldives">Maldives</option>
854 <option value="Mali">Mali</option>
855 <option value="Malta">Malta</option>
856 <option value="Marshall Islands">Marshall Islands</option>
857 <option value="Martinique">Martinique</option>
858 <option value="Mauritania">Mauritania</option>
859 <option value="Mauritius">Mauritius</option>
860 <option value="Mayotte">Mayotte</option>
861 <option value="Mexico">Mexico</option>
862 <option value="Midway Islands">Midway Islands</option>
863 <option value="Moldova">Moldova</option>
864 <option value="Monaco">Monaco</option>
865 <option value="Mongolia">Mongolia</option>
866 <option value="Montserrat">Montserrat</option>
867 <option value="Morocco">Morocco</option>
868 <option value="Mozambique">Mozambique</option>
869 <option value="Myanmar">Myanmar</option>
870 <option value="Namibia">Namibia</option>
871 <option value="Nauru">Nauru</option>
872 <option value="Nepal">Nepal</option>
873 <option value="Netherland Antilles">Netherland Antilles</option>
874 <option value="Netherlands">Netherlands (Holland, Europe)</option>
875 <option value="Nevis">Nevis</option>
876 <option value="New Caledonia">New Caledonia</option>
877 <option value="New Zealand">New Zealand</option>
878 <option value="Nicaragua">Nicaragua</option>
879 <option value="Niger">Niger</option>
880 <option value="Nigeria">Nigeria</option>
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 9/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
881 <option value="Niue">Niue</option>
882 <option value="Norfolk Island">Norfolk Island</option>
883 <option value="Norway">Norway</option>
884 <option value="Oman">Oman</option>
885 <option value="Pakistan">Pakistan</option>
886 <option value="Palau Island">Palau Island</option>
887 <option value="Palestine">Palestine</option>
888 <option value="Panama">Panama</option>
889 <option value="Papua New Guinea">Papua New Guinea</option>
890 <option value="Paraguay">Paraguay</option>
891 <option value="Peru">Peru</option>
892 <option value="Philippines">Philippines</option>
893 <option value="Pitcairn Island">Pitcairn Island</option>
894 <option value="Poland">Poland</option>
895 <option value="Portugal">Portugal</option>
896 <option value="Puerto Rico">Puerto Rico</option>
897 <option value="Qatar">Qatar</option>
898 <option value="Republic of Montenegro">Republic of Montenegro</option>
899 <option value="Republic of Serbia">Republic of Serbia</option>
900 <option value="Reunion">Reunion</option>
901 <option value="Romania">Romania</option>
902 <option value="Russia">Russia</option>
903 <option value="Rwanda">Rwanda</option>
904 <option value="St Barthelemy">St Barthelemy</option>
905 <option value="St Eustatius">St Eustatius</option>
906 <option value="St Helena">St Helena</option>
907 <option value="St Kitts-Nevis">St Kitts-Nevis</option>
908 <option value="St Lucia">St Lucia</option>
909 <option value="St Maarten">St Maarten</option>
910 <option value="St Pierre &amp; Miquelon">St Pierre &amp; Miquelon</option>
911 <option value="St Vincent &amp; Grenadines">St Vincent &amp; Grenadines</option>
912 <option value="Saipan">Saipan</option>
913 <option value="Samoa">Samoa</option>
914 <option value="Samoa American">Samoa American</option>
915 <option value="San Marino">San Marino</option>
916 <option value="Sao Tome &amp; Principe">Sao Tome &amp; Principe</option>
917 <option value="Saudi Arabia">Saudi Arabia</option>
918 <option value="Senegal">Senegal</option>
919 <option value="Serbia">Serbia</option>
920 <option value="Seychelles">Seychelles</option>
921 <option value="Sierra Leone">Sierra Leone</option>
922 <option value="Singapore">Singapore</option>
923 <option value="Slovakia">Slovakia</option>
924 <option value="Slovenia">Slovenia</option>
925 <option value="Solomon Islands">Solomon Islands</option>
926 <option value="Somalia">Somalia</option>
927 <option value="South Africa">South Africa</option>
928 <option value="Spain">Spain</option>
929 <option value="Sri Lanka">Sri Lanka</option>
930 <option value="Sudan">Sudan</option>
931 <option value="Suriname">Suriname</option>
932 <option value="Swaziland">Swaziland</option>
933 <option value="Sweden">Sweden</option>
934 <option value="Switzerland">Switzerland</option>
935 <option value="Syria">Syria</option>
936 <option value="Tahiti">Tahiti</option>
937 <option value="Taiwan">Taiwan</option>
938 <option value="Tajikistan">Tajikistan</option>
939 <option value="Tanzania">Tanzania</option>
940 <option value="Thailand">Thailand</option>
941 <option value="Togo">Togo</option>
942 <option value="Tokelau">Tokelau</option>
943 <option value="Tonga">Tonga</option>
944 <option value="Trinidad &amp; Tobago">Trinidad &amp; Tobago</option>
945 <option value="Tunisia">Tunisia</option>
946 <option value="Turkey">Turkey</option>
947 <option value="Turkmenistan">Turkmenistan</option>
948 <option value="Turks &amp; Caicos Is">Turks &amp; Caicos Is</option>
949 <option value="Tuvalu">Tuvalu</option>
950 <option value="Uganda">Uganda</option>
951 <option value="Ukraine">Ukraine</option>
952 <option value="United Arab Emirates">United Arab Emirates</option>
953 <option value="United Kingdom">United Kingdom</option>
954 <option value="United States of America">United States of America</option>
955 <option value="Uruguay">Uruguay</option>
956 <option value="Uzbekistan">Uzbekistan</option>
957 <option value="Vanuatu">Vanuatu</option>
958 <option value="Vatican City State">Vatican City State</option>
959 <option value="Venezuela">Venezuela</option>
960 <option value="Vietnam">Vietnam</option>
961 <option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
962 <option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
963 <option value="Wake Island">Wake Island</option>
964 <option value="Wallis &amp; Futana Is">Wallis &amp; Futana Is</option>
965 <option value="Yemen">Yemen</option>
966 <option value="Zaire">Zaire</option>
967 <option value="Zambia">Zambia</option>
968 <option value="Zimbabwe">Zimbabwe</option>
969 </select>
970 </div>
971 </div>
972 <div class="row">
973 <div class="col-25">
974 <label for="feed_back">Feedback</label>
975 </div>
976 <div class="col-75">
977 <textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
978 </div>
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 10/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
979 </div>
980 <div class="row">
981 <input type="submit" value="Submit">
982 </div>
983 </form>
984 </div>
985
986 </body>
987 </html>
988 <script>
989 IncludeHTML(feedbackform.html);
990 <caption>This form was extracted from http://web-accessibility.carnegiemuseums.org/code/forms/ and was modified to suit the purposes of this Web Portfo
991 <script>
992 <!--credit to author in the caption is not displaying and needs tweaking-->
993
994 <footer>
995 <p><center>Copyright &copy; <script>document.write(new Date().getFullYear());</script><center> Sasha Griffith</center></p>
996 <p><center><a href="mailto:sasha.griffith@my.open.uwi.edu">sasha.griffith@my.open.uwi.edu</a></center></p>
997 </footer></div>
998
999
1000
1001 </div>
1002
1003 <div><div style="height: 20px; overflow: hidden; width: 100%;"></div>
1004 <hr class="styled-hr" style="width:100%;"></hr>
1005 <div style="height: 20px; overflow: hidden; width: 100%;"></div></div>
1006
1007 <div class="wsite-spacer" style="height:50px;"></div>
1008
1009 <div><div id="532854597568410307" align="center" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><a rel="license" href="http://creativecom
1010
1011
1012
1013 </div>
1014 </div>
1015 </div>
1016 </div>
1017
1018 </div>
1019 </div>
1020
1021 </div>
1022
1023 </div>
1024
1025 <div class="footer-wrap">
1026 <div class="footer">
1027
1028 <style type="text/css">
1029 @font-face {
1030 font-family: SQMarket-Medium;
1031 font-style: normal;
1032 font-weight: 500;
1033 src:
1034 url("//cdn2.editmysite.com/fonts/SQ_Market/sqmarket-medium.woff2") format("woff2"),
1035 url("//cdn2.editmysite.com/fonts/SQ_Market/sqmarket-medium.woff") format("woff");
1036 }
1037 </style>
1038
1039 <div id="weebly-footer-signup-container-v3">
1040 <a
1041 href="https://www.weebly.com/signup?utm_source=internal&utm_medium=footer"
1042 target="_blank"
1043 class="signup-container-header"
1044 id="signup-link-href"
1045 >
1046 <div class="powered-by">
1047 <div class="footer-published-ab-powered-by">
1048 Powered by <span class="link weebly-icon"></span>
1049 <img class="footer-ab-published-toast-image" src="//cdn2.editmysite.com/images/site/footer/footer-toast-published-image-1.png">
1050 <span class="footer-ab-published-toast-text">Create your own unique website with customizable templates.</span>
1051 <span class="footer-ab-published-toast-button-wrapper">
1052 <button class="footer-published-ab-button">Get Started</button>
1053 </span>
1054 </div>
1055 </div>
1056 </a>
1057 </div>
1058
1059 <script type="text/javascript" src="//cdn2.editmysite.com/js/site/footerSignup.js?buildTime=1637274978"></script>
1060 <script type="text/javascript">
1061 if (document.readystate === 'complete') {
1062 Weebly.footer.setupContainer('cdn2.editmysite.com', '1637274978');
1063 } else {
1064 document.addEventListener('DOMContentLoaded', function() {
1065 Weebly.footer.setupContainer('cdn2.editmysite.com', '1637274978');
1066 });
1067 }
1068 </script>
1069 </div>
1070 </div><!-- end footer-wrap -->
1071 </div><!-- /.wrapper -->
1072
1073 <div id="navMobile" class="nav mobile-nav">
1074 <a class="hamburger" aria-label="Menu" href="#"><span></span></a>
1075 <ul class="wsite-menu-default">
1076 <li id="pg740020900579722763" class="wsite-menu-item-wrap">
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 11/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
1077 <a
1078 href="/"
1079 class="wsite-menu-item"
1080 >
1081 Home
1082 </a>
1083
1084 </li>
1085 <li id="pg648115471720877875" class="wsite-menu-item-wrap">
1086 <a
1087 href="/assignment-1.html"
1088 class="wsite-menu-item"
1089 >
1090 Assignment 1
1091 </a>
1092 <div class="wsite-menu-wrap" style="display:none">
1093 <ul class="wsite-menu">
1094 <li id="wsite-nav-717339417840985950"
1095 class="wsite-menu-subitem-wrap wsite-nav-current"
1096 >
1097 <a
1098 href="/assignment-1s-main-page.html"
1099 class="wsite-menu-subitem"
1100 >
1101 <span class="wsite-menu-title">
1102 Assignment 1's Main Page
1103 </span>
1104 </a>
1105
1106 </li>
1107 <li id="wsite-nav-454730791796902899"
1108 class="wsite-menu-subitem-wrap "
1109 >
1110 <a
1111 href="/accessibility.html"
1112 class="wsite-menu-subitem"
1113 >
1114 <span class="wsite-menu-title">
1115 Accessibility
1116 </span>
1117 </a>
1118
1119 </li>
1120 <li id="wsite-nav-946862374708018666"
1121 class="wsite-menu-subitem-wrap "
1122 >
1123 <a
1124 href="/usability.html"
1125 class="wsite-menu-subitem"
1126 >
1127 <span class="wsite-menu-title">
1128 Usability
1129 </span>
1130 </a>
1131
1132 </li>
1133 <li id="wsite-nav-864253505239977421"
1134 class="wsite-menu-subitem-wrap "
1135 >
1136 <a
1137 href="/javascript.html"
1138 class="wsite-menu-subitem"
1139 >
1140 <span class="wsite-menu-title">
1141 Javascript
1142 </span>
1143 </a>
1144
1145 </li>
1146 <li id="wsite-nav-923306030625710872"
1147 class="wsite-menu-subitem-wrap "
1148 >
1149 <a
1150 href="/tools.html"
1151 class="wsite-menu-subitem"
1152 >
1153 <span class="wsite-menu-title">
1154 Tools
1155 </span>
1156 </a>
1157
1158 </li>
1159 <li id="wsite-nav-954668304145316507"
1160 class="wsite-menu-subitem-wrap "
1161 >
1162 <a
1163 href="/video1.html"
1164 class="wsite-menu-subitem"
1165 >
1166 <span class="wsite-menu-title">
1167 Video
1168 </span>
1169 </a>
1170
1171 </li>
1172
1173 </ul>
1174 </div>
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 12/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
1175
1176 </li>
1177 <li id="pg775644362486080641" class="wsite-menu-item-wrap">
1178 <a
1179 href="/assignment-2-media-artefacts.html"
1180 class="wsite-menu-item"
1181 >
1182 Assignment 2: Media Artefacts
1183 </a>
1184 <div class="wsite-menu-wrap" style="display:none">
1185 <ul class="wsite-menu">
1186 <li id="wsite-nav-837946256491926600"
1187 class="wsite-menu-subitem-wrap "
1188 >
1189 <a
1190 href="/graphic-section.html"
1191 class="wsite-menu-subitem"
1192 >
1193 <span class="wsite-menu-title">
1194 Graphic Section
1195 </span><span class="wsite-menu-arrow">&gt;</span>
1196 </a>
1197 <div class="wsite-menu-wrap" style="display:none">
1198 <ul class="wsite-menu">
1199 <li id="wsite-nav-178049799668958441"
1200 class="wsite-menu-subitem-wrap "
1201 >
1202 <a
1203 href="/web-graphics-showcase.html"
1204 class="wsite-menu-subitem"
1205 >
1206 <span class="wsite-menu-title">
1207 Web Graphics Showcase
1208 </span>
1209 </a>
1210
1211 </li>
1212
1213 </ul>
1214 </div>
1215
1216 </li>
1217 <li id="wsite-nav-871874316763982222"
1218 class="wsite-menu-subitem-wrap "
1219 >
1220 <a
1221 href="/audio.html"
1222 class="wsite-menu-subitem"
1223 >
1224 <span class="wsite-menu-title">
1225 Audio
1226 </span>
1227 </a>
1228
1229 </li>
1230 <li id="wsite-nav-278562671954537801"
1231 class="wsite-menu-subitem-wrap "
1232 >
1233 <a
1234 href="/video.html"
1235 class="wsite-menu-subitem"
1236 >
1237 <span class="wsite-menu-title">
1238 Video
1239 </span><span class="wsite-menu-arrow">&gt;</span>
1240 </a>
1241 <div class="wsite-menu-wrap" style="display:none">
1242 <ul class="wsite-menu">
1243 <li id="wsite-nav-661589172224006388"
1244 class="wsite-menu-subitem-wrap "
1245 >
1246 <a
1247 href="/how-to-instructional-video.html"
1248 class="wsite-menu-subitem"
1249 >
1250 <span class="wsite-menu-title">
1251 How-to Instructional video
1252 </span>
1253 </a>
1254
1255 </li>
1256
1257 </ul>
1258 </div>
1259
1260 </li>
1261
1262 </ul>
1263 </div>
1264
1265 </li>
1266 <li id="pg628399886414210036" class="wsite-menu-item-wrap">
1267 <a
1268 href="/assignment-3.html"
1269 class="wsite-menu-item"
1270 >
1271 Assignment 3
1272 </a>
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 13/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
1273 <div class="wsite-menu-wrap" style="display:none">
1274 <ul class="wsite-menu">
1275 <li id="wsite-nav-240782962405841375"
1276 class="wsite-menu-subitem-wrap "
1277 >
1278 <a
1279 href="/collaborative-tools.html"
1280 class="wsite-menu-subitem"
1281 >
1282 <span class="wsite-menu-title">
1283 Collaborative Tools
1284 </span>
1285 </a>
1286
1287 </li>
1288 <li id="wsite-nav-647754325760800357"
1289 class="wsite-menu-subitem-wrap "
1290 >
1291 <a
1292 href="/screencasting.html"
1293 class="wsite-menu-subitem"
1294 >
1295 <span class="wsite-menu-title">
1296 Screencasting
1297 </span>
1298 </a>
1299
1300 </li>
1301 <li id="wsite-nav-997433914786375335"
1302 class="wsite-menu-subitem-wrap "
1303 >
1304 <a
1305 href="/individual-storyboard.html"
1306 class="wsite-menu-subitem"
1307 >
1308 <span class="wsite-menu-title">
1309 Individual Storyboard
1310 </span>
1311 </a>
1312
1313 </li>
1314
1315 </ul>
1316 </div>
1317
1318 </li>
1319 </ul>
1320 </div>
1321
1322 <script type="text/javascript" src="/files/theme/plugins.js?1633914260"></script>
1323 <script type="text/javascript" src="/files/theme/custom.js?1633914260"></script>
1324 <div class="wsite-spacer" style="height:50px;"></div> <div id="customer-accounts-app"></div>
1325 <script src="//cdn2.editmysite.com/js/site/main-customer-accounts-site.js?buildTime=1637274978"></script>
1326
1327 <script type="text/javascript">
1328 var _gaq = _gaq || [];
1329 _gaq.push(['_setAccount', 'UA-7870337-1']);
1330 _gaq.push(['_setDomainName', 'none']);
1331 _gaq.push(['_setAllowLinker', true]);
1332
1333 (function() {
1334 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
1335 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
1336 // NOTE: keep the [1] if you replace this code. Otherwise cookie banner scripts won't be first on the page
1337 var s = document.getElementsByTagName('script')[1]; s.parentNode.insertBefore(ga, s);
1338 })();
1339
1340 _W.Analytics = _W.Analytics || {'trackers': {}};
1341 _W.Analytics.trackers.wGA = '_gaq';
1342 </script>
1343
1344 <script type="text/javascript" async=1>
1345 // NOTE: keep the getElementsByTagName(o)**[1]** if you replace this code. Otherwise cookie banner scripts won't be first on the page
1346 ;(function(p,l,o,w,i,n,g){if(!p[i]){p.GlobalSnowplowNamespace=p.GlobalSnowplowNamespace||[];
1347 p.GlobalSnowplowNamespace.push(i);p[i]=function(){(p[i].q=p[i].q||[]).push(arguments)
1348 };p[i].q=p[i].q||[];n=l.createElement(o);g=l.getElementsByTagName(o)[1];n.async=1;
1349 n.src=w;g.parentNode.insertBefore(n,g)}}(window,document,'script','//cdn2.editmysite.com/js/wsnbn/snowday262.js','snowday'));
1350
1351 var r = [99, 104, 101, 99, 107, 111, 117, 116, 46, 40, 119, 101, 101, 98, 108, 121, 124, 101, 100, 105, 116, 109, 121, 115, 105, 116, 101, 41, 46,
1352 var snPlObR = function(arr) {
1353 var s = '';
1354 for (var i = 0 ; i < arr.length ; i++){
1355 s = s + String.fromCharCode(arr[i]);
1356 }
1357 return s;
1358 };
1359 var s = snPlObR(r);
1360
1361 var regEx = new RegExp(s);
1362
1363 _W.Analytics = _W.Analytics || {'trackers': {}};
1364 _W.Analytics.trackers.wSP = 'snowday';
1365 _W.Analytics.user_id = '137038913';
1366 _W.Analytics.site_id = '528466181882213368';
1367
1368 var drSegmentsTag = document.getElementById('drSegments');
1369 if (drSegmentsTag) {
1370 _W.Analytics.spContexts = _W.Analytics.spContexts || [];
view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 14/15
26/11/21 13:36 view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html
1371
1372 var segmentData = JSON.parse(drSegmentsTag.innerText);
1373 segmentData.forEach(function(test) {
1374 _W.Analytics.spContexts.push({
1375 schema: "iglu:com.weebly/context_ab_segment/jsonschema/1-0-0",
1376 data: {
1377 test_id: test.name,
1378 segment: test.variant,
1379 }
1380 });
1381 });
1382 }
1383
1384
1385 (function(app_id, ec_hostname, discover_root_domain) {
1386 var track = window[_W.Analytics.trackers.wSP];
1387 if (!track) return;
1388 track('newTracker', app_id, ec_hostname, {
1389 appId: app_id,
1390 post: true,
1391 platform: 'web',
1392 discoverRootDomain: discover_root_domain,
1393 cookieName: '_snow_',
1394 contexts: {
1395 webPage: true,
1396 performanceTiming: true,
1397 gaCookies: true
1398 },
1399 crossDomainLinker: function (linkElement) {
1400 return regEx.test(linkElement.href);
1401 },
1402 respectDoNotTrack: true
1403 });
1404 track('trackPageView', _W.Analytics.user_id+':'+_W.Analytics.site_id, _W.Analytics.spContexts);
1405 track('crossDomainLinker', function (linkElement) {
1406 return regEx.test(linkElement.href);
1407 });
1408 })(
1409 '_wn',
1410 'ec.editmysite.com',
1411 false
1412 );
1413 </script>
1414
1415
1416
1417
1418
1419 <script>
1420 (function(jQuery) {
1421 try {
1422 if (jQuery) {
1423 jQuery('div.blog-social div.fb-like').attr('class', 'blog-social-item blog-fb-like');
1424 var $commentFrame = jQuery('#commentArea iframe');
1425 if ($commentFrame.length > 0) {
1426 var frameHeight = jQuery($commentFrame[0].contentWindow.document).height() + 50;
1427 $commentFrame.css('min-height', frameHeight + 'px');
1428 }
1429 if (jQuery('.product-button').length > 0){
1430 jQuery(document).ready(function(){
1431 jQuery('.product-button').parent().each(function(index, product){
1432 if(jQuery(product).attr('target') == 'paypal'){
1433 if (!jQuery(product).find('> [name="bn"]').length){
1434 jQuery('<input>').attr({
1435 type: 'hidden',
1436 name: 'bn',
1437 value: 'DragAndDropBuil_SP_EC'
1438 }).appendTo(product);
1439 }
1440 }
1441 });
1442 });
1443 }
1444 }
1445 else {
1446 // Prototype
1447 $$('div.blog-social div.fb-like').each(function(div) {
1448 div.className = 'blog-social-item blog-fb-like';
1449 });
1450 $$('#commentArea iframe').each(function(iframe) {
1451 iframe.style.minHeight = '410px';
1452 });
1453 }
1454 }
1455 catch(ex) {}
1456 })(window._W && _W.jQuery);
1457 </script>
1458
1459 <script>
1460 window._W.isEUUser = false;
1461 window._W.showCookieToAll = "";
1462 </script>
1463
1464
1465 </body>
1466 </html>
1467

view-source:https://edid6508griffith.weebly.com/assignment-1s-main-page.html 15/15

You might also like