added YouTube Alarm Clock project

index.html

@@ -23,13 +23,13 @@
 				  </ol>
 				  <div class="carousel-inner" role="listbox">
 					<div class="item active">
-					  <a href="/JavaScriptHouse"><img src="images/JSHousePreview.png" alt="JavaScript House Preview" /></a>
+                      <a href="/3DPointPlotter"><img src="images/PointsPlotterPreview.png" alt="Points Plotter Preview" /></a>
 					</div>
 					<div class="item">
 					  <a href="/JS3DRenderEngine"><img src="images/3DRendererPreview.png" alt="3D Renderer Preview" /></a>
 					</div>
 					<div class="item">
-					  <a href="/3DPointPlotter"><img src="images/PointsPlotterPreview.png" alt="Points Plotter Preview" /></a>
+                      <a href="/JavaScriptHouse"><img src="images/JSHousePreview.png" alt="JavaScript House Preview" /></a>
 					</div>
 				  </div>
 				  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
@@ -45,7 +45,7 @@
 
 			<div class="row">
 				<div class="col-xs-6 footerleft">
-					<p>Website made with Bootstrap and JQuery</p>
+					<p>Website made with Bootstrap and jQuery</p>
 				</div>
 				<div class="col-xs-6 footerright">
 					<a href="https://github.com/karldiab/KarlDiabsWebsite">Source Code</a>

supportHTML/navigation.html

@@ -34,6 +34,7 @@ <h2>Karl Diab's Portfolio</h2>
 					  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Web Projects <span class="caret"></span></a>
 					  <ul class="dropdown-menu">
                         <li><a href="/3DPointPlotter">3D Point Plotter</a></li>
+                        <li><a href="/YoutubeAlarmClock">YouTube Alarm Clock</a></li>
                         <li><a href="/JS3DRenderEngine">Pure JS 3D Renderer</a></li>
 						<li><a href="/JavaScriptHouse">JavaScript House</a></li>
 					  </ul>