buildingu · rudrapatel3765-creator · Sep 2, 2025 · Sep 2, 2025 · Sep 2, 2025 · Sep 2, 2025
diff --git a/Exercise 0/FavouriteThings.txt b/Exercise 0/FavouriteThings.txt
@@ -0,0 +1,5 @@
+Name: Rudra Patel
+
+Favorite Movie: Avengers Infinity War
+
+Name of favorite music: Thick of it
diff --git a/Exercise 1 - HTML/On The Flip - The Grey Room _ Density & Time.mp3 b/Exercise 1 - HTML/On The Flip - The Grey Room _ Density & Time.mp3
diff --git a/Exercise 1 - HTML/Supermanflying.png b/Exercise 1 - HTML/Supermanflying.png
diff --git a/Exercise 1 - HTML/exercise1.html b/Exercise 1 - HTML/exercise1.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Exercise 1</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" />
+  </head>
+  <body>
+    <h1>Exercise 1</h1>
+    <h3>9/14/2025</h3>
+    <br /><br />
+    <h3>Facts about me!</h3>
+    <table>
+      <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>
+
+      <tr>
+        <td>Rudra</td>
+        <td>Patel</td>
+        <td>
+          <img src="Supermanflying.png" alt="A image of superman" />
+        </td>
+        <td>
+          <audio controls>
+            <source
+              src="On The Flip - The Grey Room _ Density & Time.mp3"
+              type="audio/mpeg"
+            />
+          </audio>
+        </td>
+        <td>
+          <iframe
+            width="560"
+            height="315"
+            src="https://www.youtube.com/embed/fPyGnlct1o0?si=mO_TBFRg-QzTH2i_"
+            title="YouTube video player"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            referrerpolicy="strict-origin-when-cross-origin"
+            allowfullscreen
+          ></iframe>
+        </td>
+      </tr>
+    </table>
+    <h3>Enter your details below</h3>
+    <form>
+      <label for="name">Please enter your full name</label>
+      <input type="text" id="name" placeholder="Elon Musk" /><br /><br />
+
+      <label for="email">Please enter your email</label>
+      <input type="email" id="email" placeholder="Elon@SpaceX" /><br /><br />
+
+      <label for="password">Please enter your password</label>
+      <input type="password" id="password" placeholder="******" /><br /><br />
+      <p>Available meeting days</p>
+
+      <label>Monday</label>
+      <input type="checkbox" />
+
+      <label>Tuesday</label>
+      <input type="checkbox" />
+
+      <label>Wednesday</label>
+      <input type="checkbox" />
+
+      <label>Thursday</label>
+      <input type="checkbox" />
+
+      <label>Friday</label>
+      <input type="checkbox" />
+
+      <label>Saturday</label>
+      <input type="checkbox" />
+
+      <label>Sunday</label>
+      <input type="checkbox" /><br /><br /><br />
+
+      <label for="available_time">Available Time</label>
+      <select name="times" id="times">
+        <option>8AM</option>
+        <option>9AM</option>
+        <option>10AM</option>
+        <option>11AM</option></select
+      ><br /><br />
+
+      <p>Currently working on new website?</p>
+
+      <label>Yes</label>
+      <input type="radio" name="work" />
+
+      <label>No</label>
+      <input type="radio" name="work" /><br /><br /><br />
+
+      <h4>Enter comments here:</h4>
+      <label for="comments"></label>
+      <textarea
+        name="comments"
+        id="comments"
+        placeholder="Enter your comments here"
+      ></textarea
+      ><br /><br />
+
+      <input type="submit" />
+      <input type="reset" />
+    </form>
+  </body>
+</html>
diff --git a/Exercise 2 - CSS/exercise2.html b/Exercise 2 - CSS/exercise2.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Hockey Tourament Info</title>
+    <link rel="stylesheet" href="exercise2style.css" />
+  </head>
+
+  <body>
+    <h1>Annual Hockey Team Tourament 2025</h1>
+
+    <p id="info">
+      Join us for an action-packed weekend as top local teams compete for glory
+      and the championship cup. Both teams have remained undefeated until now!
+    </p>
+
+    <table>
+      <tr>
+        <th>Where it's happening</th>
+        <th>Date</th>
+        <th>Who is invitied</th>
+      </tr>
+
+      <tr>
+        <td>City National Arena & America First Center of Las Vegas Nevada</td>
+        <td>December 21-26 2025</td>
+        <td>All hockey fans are welcome!</td>
+      </tr>
+    </table>
+
+    <div id="contact">Contact us at (206) 342-8631</div>
+
+    <img
+      src="https://www.usatoday.com/gcdn/authoring/authoring-images/2024/03/28/USAT/73134057007-1981170134.jpg?width=660&height=440&fit=crop&format=pjpg&auto=webp"
+      alt="Image of hockey"
+    />
+
+    <a href="https://www.olympics.com/en/sports/hockey/">Explore out website</a>
+
+    <form>
+      <label for="name">Please enter your name to sign up!</label>
+      <input type="text" id="name" placeholder="Enter name" /> <br />
+      <br />
+
+      <input type="submit" /> <br /><br />
+
+      <label for="email"
+        >Please enter your email to recieve our weekly newsletter</label
+      >
+      <input type="email" id="email" placeholder="Enter email" /> <br /><br />
+
+      <input type="submit" /> <br /><br />
+
+      <label for="gender">Gender: </label>
+      <input type="radio" id="male" />Male
+      <input type="radio" id="female" /> Female <br />
+      <br />
+
+      <input type="submit" />
+    </form>
+
+    <p id="music">This is our favorite music</p>
+    <audio controls>
+      <source
+        src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-7.mp3"
+        type="audio/mpeg"
+      />
+    </audio>
+
+    <div id="video">
+      <iframe
+        width="560"
+        height="315"
+        src="https://www.youtube.com/embed/KfyXSz9jOM0?si=g0_C6Vpm22V_LPCs"
+        title="YouTube video player"
+        frameborder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        referrerpolicy="strict-origin-when-cross-origin"
+        allowfullscreen
+      ></iframe>
+      <!--Video can be added by doing:
+      1. Go to Youtube
+      2. Share -> Embed
+      3. Copy code and paste-->
+    </div>
+  </body>
+</html>
diff --git a/Exercise 2 - CSS/exercise2style.css b/Exercise 2 - CSS/exercise2style.css
@@ -0,0 +1,75 @@
+h1{
+    text-align: center;
+}
+
+#info{
+    font-family:'Times New Roman', Times, serif;
+    font-size: 15px;
+    font-weight: bold;
+    background-color:rgb(235, 144, 144);
+    padding:5px;
+}
+
+table{
+    width: 80%;
+    margin:40px;
+    font-family: Arial, sans-serif;
+    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
+}
+
+#contact{
+    border: 3px solid;
+    height:40px;
+    width:100px;
+    text-align: center;
+    font-weight:bold;
+    font-size: 15px;
+    background-color: paleturquoise;
+    margin: 20px;
+
+    animation: mover;
+    animation-duration: 10s;
+    animation-iteration-count: infinite;
+    animation-delay: 1s;
+    animation-timing-function: ease;
+}
+
+@keyframes mover{
+    from{margin-left:0%;}
+    to{margin-left:100%;}
+}
+
+img{
+    float:right;
+    position:relative;
+    top:10px;
+}
+
+a{
+    position:relative;
+    top:10px;
+}
+
+form{
+    position:relative;
+    top:30px;
+}
+
+#music{
+    position: relative;
+    top:70px;
+}
+
+audio{
+    position:relative;
+    top:60px;
+}
+
+#video{
+    position: relative;
+    top: 100px;
+}
+
+body{
+    background-color:azure
+}