<![CDATA[
<!-- Slideshow Section -->
<div class="section full-height">
<div class="row">
<div class="column">
<div class="absolute-center">
<h1>Alyssa's Project Portfolio</h1>
</div>
</div>
<div class="column" style = "margin-top: 5%; margin-left: 58%; height: 100%">
<br>
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="slideshow-container">
<!-- Slide 1 -->
</div>
<div class="mySlides imgg">
<img src="carousel.8.png" alt="Image 8 Description">
</div>
<!-- Slide 2 -->
<div class="mySlides imgg">
<img src="carousel.1.png" alt="Image 1 Description">
</div>
<!-- Slide 3 -->
<div class="mySlides imgg">
<img src="carousel.5.png" alt="Image 5 Description">
</div>
<!-- Slide 3 -->
<!-- <div class="mySlides imgg">
<img src="carousel.2.png" alt="Image 2 Description">
</div> -->
<!-- Slide 4 -->
<div class="mySlides imgg">
<img src="carousel.4.jpeg" alt="Image 3 Description">
</div>
<!-- Slide 5 -->
<div class="mySlides imgg">
<img src="carousel.4.png" alt="Image 4 Description">
</div>
<!-- Slide 7 -->
<div class="mySlides imgg">
<img src="carousel.6.png" alt="Image 6 Description">
</div>
<!-- Slide 8 -->
<div class="mySlides imgg">
<img src="carousel.7.png" alt="Image 7 Description">
</div>
</div>
<br>
</div>
</div>
</div>
<br><br><br>
<div class="container-fluid bg-3 text-center" id="sectionportfolio">
<div class="row">
<div class="col-sm-4">
<div class="figure">
<a href="about.html">
<img class="Sirv image-main" style = "width: 75%;" src = "About.png" alt = "About" >
<img class="Sirv image-hover" style = "width: 90%;" src ="About_Me3.png">
<br>[About]<br>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="figure">
<a href="01_intro/index.html">
<img class="Sirv image-main" style = "width: 75%" src = "Intro.png" alt = "About">
<img class="Sirv image-hover" style = "height: 90%;" src ="Intro_2.png">
<br>[Week 1: Intro]<br>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="figure">
<a href="02_2Ddesign/index.html">
<img class="Sirv image-main" style = "width: 75%" src = "Design.png" alt = "About">
<img class="Sirv image-hover" style = "height: 90%;" src ="Design_2.png">
<br>[Week 2: 2D Design]<br>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="figure">
<a href="03_fabrication/index.html">
<img class="Sirv image-main" style = "width: 75%" src = "Fabrication.png" alt = "About">
<img class="Sirv image-hover" style = "height: 90%;" src ="Fabrication_2.png">
<br>[Week 3: Fabrication]<br>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="figure">
<a href="04_microcontroller/index.html">
<img class="Sirv image-main" style = "width: 75%" src = "New group.png" alt = "About">
<img class="Sirv image-hover" style = "height: 90%;" src ="Microcontroller_2.png">
<br>[Week 4: Programming]<br>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="figure">
<a href="05_3Ddesign/index.html">
<img class="Sirv image-main" style = "width: 75%" src = "3d.png" alt = "3d">
<img class="Sirv image-hover" style = "width: 90%;" src ="3d_2.png">
<br>[Week 5: 3D Design]<br>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="figure">
<a href="06_inputs/index.html">
<img class="Sirv image-main" style = "width: 75%" src = "Input.png" alt = "Input">
<img class="Sirv image-hover" style = "width: 100%;" src ="Input_2.png">
<br>[Week 6: Inputs]<br>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="figure">
<a href="07_outputs/index.html">
<img class="Sirv image-main" style = "width: 70%" src = "Output.png" alt = "Output">
<img class="Sirv image-hover" style = "height: 100%" src ="Output_2.png">
<br>[Week 7: Outputs]<br>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="figure">
<a href="08_cnc/index.html">
<img class="Sirv image-main" style = "width: 70%" src = "Cnc Machine.png" alt = "Cnc">
<img class="Sirv image-hover" style = "height: 100%" src ="Cnc Machine2.png">
<br>[Week 8: CNC] <br>
</a>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="figure">
<a href="09_networking/index.html">
<img class="Sirv image-main" style = "width: 70%" src = "Wi-Fi Bluetooth.png" alt = "WiFi Bluetooth">
<img class="Sirv image-hover" style = "height: 100%" src ="Wifi.png">
<br>[Week 9: Networking] <br>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="figure">
<a href="10_machine/index.html">
<img class="Sirv image-main" style = "width: 70%" src = "Machine Building.png" alt = "Maching Building">
<img class="Sirv image-hover" style = "height: 100%" src ="Machining_2.png">
<br>[Week 10-11: Maching Building] <br>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="figure">
<a href="13_finalproject/index.html">
<img class="Sirv image-main" style = "width: 70%" src = "Final.png" alt = "WiFi Bluetooth">
<img class="Sirv image-hover" style = "height: 100%" src ="Final_2.png">
<br>[Week 12: Final Project] <br>
</a>
</div>
</div>
</div>
</div>
<br><br><br><br><br><br><br>
]]>