buildingu · kellistan39 · Jun 26, 2026 · Jun 26, 2026 · Jun 28, 2026 · Jul 1, 2026
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,14 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "editor-browser",
+            "request": "launch",
+            "name": "Open exercise1.html",
+            "url": "file:///c%3A/Users/stanl/.ssh/SL%20BU/bu-learning/exercise1.html"
+        }
+    ]
+}
diff --git a/Exercise 0/FavoriteThings.txt b/Exercise 0/FavoriteThings.txt
@@ -0,0 +1,3 @@
+Name: Stanley Li
+Movie: Alice in Wonderland 2010
+Music: Daylight
diff --git a/Exercise 1/exercise1.html b/Exercise 1/exercise1.html
@@ -0,0 +1,94 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <!--Heading-->
+    <title>Exercise 1</title><br>
+    <title>6/27/2026</title>
+</head>
+ <body>
+    <!--Title (date of submission)-->
+    <h1 align="center">Stanley Li:Exercise 1-HTML</h1>
+    <h2 align="center">6/27/2026</h2>
+    <!--Table-->
+    <hr>
+    <h3 align="center">My Favorite Things</h3>
+<table align="center" border="1">
+    <!--subheading-->
+ <tr>
+    <th>First name</th>
+    <th>Last name</th>
+    <th>Favorite Movie Image</th>
+    <th>Favorite Music Audio Sample</th>
+    <th>Favorite Video Sample</th>
+ </tr>   
+
+    <!--row 1-->
+ <tr>
+    <td>Stanley</td>
+    <td>Li</td>
+    <td>
+        <a href="https://www.pngwing.com/en/free-png-zhbsy" target="blank">
+            <img src= "assets/Screenshot 2026-06-27 132509.png" alt="Alice in Wonderland" height="200" width="150">
+        </a>
+    </td>
+    <td>
+        <audio controls> <source src="assets/Building U exercise 1 music.mp3" type="audio/mpeg"></audio>
+    </td>
+    <td>
+        <video width="250" height="250" controls>
+            <source src="assets/Exercise 1 Video.mp4" type="video/mp4">
+        </video>
+    </td>
+ </tr>   
+</table>
+   <!--Form-->
+   <fieldset>
+   <h3 align="center">Information form</h3>
+   <form align="center">
+    <label>
+     Full name:
+     <input type="text" placeholder="Michael Smith">
+    </label><br>
+      <label>
+     Email Address:
+     <input type="text" placeholder="ABC123@gmail.com">
+    </label><br>
+      <label>
+     Password:
+     <input type="text" placeholder="********">
+      </label><br>
+   </form>
+   <p align="center">Available days:</p>
+   <form align="center">
+    <input type="checkbox" name="day" value="Monday"> Monday
+    <input type="checkbox"  name="day" value="Tuesday"> Tuesday
+    <input type="checkbox"  name="day" value="Wednesday"> Wednesday
+    <input type="checkbox"  name="day" value="Thursday"> Thursday
+    <input type="checkbox"  name="day" value="Friday"> Friday
+    <input type="checkbox"  name="day" value="Saturday"> Saturday
+    <input type="checkbox"  name="day" value="Sunday"> Sunday
+   </form>
+   <p align="center">Available Times:</p>
+   <form align="center">
+   <label>
+    <select>
+        <option>Morning (8:00am - 12:00pm)</option>
+        <option>Afternoon (12:00pm - 4:00pm)</option>
+        <option>Evening (4:00 pm - 8:00pm)</option>
+    </select>
+   </label><br><br>
+   <label>
+    Working on New Website?
+    <input type="radio" name="yes or no" value="yes" checked> Yes
+    <input type="radio" name="yes or no" value="no"> No
+   </label>
+    </form>
+    <p align="center">Additional Information:</p>
+    <form align="center">
+    <textarea rows="4" cols="50" placeholder="Enter any additional information here..."></textarea><br><br>
+    <button type="button"> Submit
+    <button type="button"> Reset
+    </form>
+   </fieldset>
+ </body>
+</html>    
diff --git a/Exercise 2/exercise2.css b/Exercise 2/exercise2.css
@@ -0,0 +1,85 @@
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    position: relative;
+}
+
+.blue {
+    background-color: blue;
+    width: 100%;
+    height: 250px;
+    flex-direction: row;
+    text-align: center;
+    padding-top: 90px;
+    color: white;
+}
+
+.orange {
+    background-color: orange;
+    width: 100%;
+    height: 250px;
+    flex-direction: row;
+    text-align: center;
+    padding-top: 45px;
+    color: white;
+}
+
+.Grey {
+    background-color: rgb(62, 57, 57);
+    width: 100%;
+    height: 250px;
+    flex-direction: row;
+    text-align: center;
+    padding-top: 100px;
+    color: white;
+}
+
+html {
+    border: 36px solid rgb(255, 255, 255);
+}
+
+a {
+    color: rgb(0, 123, 255);
+}
+
+.Title {
+    font-size: 50px;
+    font-weight: bold;
+}
+
+.logo {
+    margin-right: 1050px;
+    margin-top: -3250px;
+    border: 12px solid rgb(62, 57, 57);
+}
+
+.teamPhoto {
+    margin-right: 1050px;
+    margin-top: -3250px;
+    border: 12px solid orange;
+}
+
+.code {
+    margin-left: 1050px;
+    margin-top: -100%;
+    border: 12px solid rgb(62, 57, 57);
+}
+
+.engirl{
+    margin-right: 1050px;
+    margin-top: -100%;
+    border: 12px solid blue;
+}
+
+.engboy{
+    margin-left: 1050px;
+    margin-top: -100%;
+    border: 12px solid blue;
+}
+
+.teamPhoto2 {
+   margin-top: -100%;
+   margin-left: 1050px;
+   border: 12px solid orange;
+}
diff --git a/Exercise 2/exercise2.html b/Exercise 2/exercise2.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+    <head>
+<link rel="stylesheet" href="exercise2.css">
+<title>Exercise 2</title>
+    </head>
+    <body>
+<div class = "team color">
+    <div class = "blue">
+        <p> 
+            <h1 class="Title">Robotic Club Interest Meeting</h1><br>
+            <h2>Welcoming all students interested in electrical, </h2>
+            <h2> mechanical, and software engineering or business!</h2>
+            <img src="assets/FRC1758 Logo, Exercise 2.webp" alt="FRC 1758 Logo" height="200" width="275" class="logo">
+            <img src="assets/Exercise 2, code.jpg" alt="FRC 1758 Code Team Photo" height="200" width="275" class="code">
+        </p>
+    </div>
+    <div class = "orange">
+        <p>
+            <h1>Join us on November 12 at 6 PM</h1>
+            <h1>Location: Room 207</h1><br><br>
+            <h2>We will be discussing our upcoming</h2>
+            <h2>season and how you can get involved!</h2>
+            <img src="assets/Exercise 2, en.jpg" alt="FRC 1758 Engineering Team Photo" height="200" width="275" class="engirl">
+            <img src="assets/Exercise 2, eng.jpg" alt="FRC 1758 Engineering Team Photo" height="200" width="275" class="engboy">
+        </p>
+    </div>
+    <div class = "Grey">
+        <h2>Contact us at <a href="mailto:Frcteam1758@gmail.com">Frcteam1758@gmail.com</a> or </h2>
+        <h2> our website at <a href="https://www.frcteam1758.org/" target="_blank" class="teamWebsite">https://www.frcteam1758.org/</a></h2>
+       <br> <h2>Club Advisor: Mr. Litchford</h2>
+       <img src="assets/Technomancers 1758-All photos-76331596281.jpg" alt="FRC 1758 Team Photo" height="200" width="275" class="teamPhoto">
+       <img src="assets/Exercise 2.jpg" alt="FRC 1758 Photo" height="200" width="275" class="teamPhoto2">
+    </div>
+</div>      
+</body>
+</html>
diff --git a/assets/Alice, Exercise 1.png b/assets/Alice, Exercise 1.png
diff --git a/assets/Building U exercise 1 music.mp3 b/assets/Building U exercise 1 music.mp3
diff --git a/assets/Exercise 1 Video.mp4 b/assets/Exercise 1 Video.mp4
diff --git a/assets/Exercise 2, code.jpg b/assets/Exercise 2, code.jpg
diff --git a/assets/Exercise 2, en.jpg b/assets/Exercise 2, en.jpg
diff --git a/assets/Exercise 2, eng.jpg b/assets/Exercise 2, eng.jpg
diff --git a/assets/Exercise 2.jpg b/assets/Exercise 2.jpg
diff --git a/assets/FRC1758 Logo, Exercise 2.webp b/assets/FRC1758 Logo, Exercise 2.webp
diff --git a/assets/Technomancers 1758-All photos-76331596281.jpg b/assets/Technomancers 1758-All photos-76331596281.jpg