buildingu · navaneethsujith09 · Jan 2, 2024 · Jan 3, 2024 · Jan 3, 2024 · Jan 3, 2024
diff --git a/Exercise-1/assets/chess.mp4 b/Exercise-1/assets/chess.mp4
@@ -0,0 +1 @@
+
diff --git a/Exercise-1/assets/file b/Exercise-1/assets/file
@@ -0,0 +1 @@
+k
diff --git a/Exercise-1/assets/poster.jpeg b/Exercise-1/assets/poster.jpeg
diff --git a/Exercise-1/assets/song.mp3 b/Exercise-1/assets/song.mp3
@@ -0,0 +1 @@
+
diff --git a/Exercise-1/index.html b/Exercise-1/index.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>My Website</title>
+</head>
+<style>
+  table, th, td {
+    border: 2px solid blue;
+  }
+</style>
+<body>
+  <center><h1>Exercise 1 by Navaneeeth Sujith</h1></center>
+  <center><h3>Date Submitted:  01/01/2024</h3></center>
+  <hr></hr>
+  <center><h4>Fun facts about me</h4></center>
+
+  <center><table>
+    <tr>
+      <th>First Name </th>
+      <th>Last Name</th>
+      <th>Favorite Movie</th>
+      <th>Favorite Music</th>
+      <th>Favorite Video</th>
+    </tr>
+    <tr>
+      <td><center>Navaneeth</center></td>
+      <td><center>Sujith</center></td>
+      <td> <img src="assets/poster.jpeg" alt=" Avengers Infinity War" width="150" height="200"></td>
+      <td><audio controls>  <source src="assets/song.mp3" type="audio/mpeg"></audio controls></td>
+      <td><video width="400" height = "200" controls>
+        <source src="assets/chess.mp4" type="video/mp4">
+        Your browser does not support HTML video.
+      </video></td>
+    </tr>
+
+  </table></center>
+  <hr></hr>
+  <h4><center>Contact Me! Enter your details below</center></h4>
+  <hr></hr>
+
+  <form><center>
+    <label for="name">Full Name: </label>
+    <input type="text" id="name" name="name"  placeholder="John Doe"><br>
+    <label for="email">Email: </label>
+    <input type="text" id="email" name="email"  placeholder="johnDoe@fakemail.com"> <br>
+    <label for="password">Password: </label>
+    <input type="password" id="password" name="password" placeholder="john"> <br><br>
+    <i><label for=" meetingTimes">Meeting Times </label></i> <br>
+    <input type="checkbox" id="day1" name="day1" value="sunday">
+    <label for="day1"> Sunday</label>
+    <input type="checkbox" id="day2" name="day2" value="monday">
+    <label for="day2"> Monday</label>
+    <input type="checkbox" id="day3" name="day3" value="tuesday">
+    <label for="day3"> Tuesday</label>
+    <input type="checkbox" id="day4" name="day4" value="wednesday">
+    <label for="day4"> Wednesday</label>
+    <input type="checkbox" id="day5" name="day5" value="thursday">
+    <label for="day5"> Thursday</label>
+    <input type="checkbox" id="day6" name="day6" value="friday">
+    <label for="day6"> Friday</label>
+    <input type="checkbox" id="day7" name="day7" value="saturday">
+    <label for="day7"> Saturday</label><br><br>
+
+    <label for="times"><i>Available Times: </i></label> 
+    <select name="times" id="times"> 
+        <option value="morning"> Morning ( 8:00AM to 12:00 PM) </option> 
+        <option value="afternoon"> Afternoon (12:00PM to 4:00PM) </option> 
+        <option value="evening"> Evening (4:00PM to 7:00 PM))</option> 
+        <option value="night">Night (7:00 PM to 12:00 AM)</option> 
+    </select> <br><br>
+    <label for="times"><i>Currently working on a website:  </i></label> 
+    <form>
+      <input type="radio" id="yes" name="no" value="yes">
+      <label for="yes">Yes</label>
+      <input type="radio" id="no" name="no" value="no">
+      <label for="no">No</label><br><br>
+
+      <textarea id ="userComment" rows="4" cols="50" name="comment" > Comments? </textarea>
+      <br><br>
+    <input type="submit" value="Submit">
+    <input type="reset" value="Reset">
+
+  </center></form>
+
+</body>
+</html>
diff --git a/Exercise-1/info.txt b/Exercise-1/info.txt
@@ -0,0 +1 @@
+
diff --git a/Exercise-2/assets/person1.png b/Exercise-2/assets/person1.png
diff --git a/Exercise-2/assets/person2.png b/Exercise-2/assets/person2.png
diff --git a/Exercise-2/index.html b/Exercise-2/index.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+  <title>MLK Speech and Debate Website</title>
+</head>
+<body>
+  <header>
+    <h1>Welcome to MLK Speech and Debate</h1>
+    <nav>
+      <ul>
+        <li><a href="#about">About</a></li>
+        <li><a href="#schedule">Schedule</a></li>
+        <li><a href="#speakers">Speakers</a></li>
+        <li><a href="#contact">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <section id="about">
+    <h2>About the Hackathon</h2>
+    <p>Welcome to MLK Speech and Debate by Verum—where words meet persuasion!
+
+      We're the brains behind this dynamic celebration of speech and debate. Our mission is to create a space for meaningful discourse, intellectual growth, and the transformative power of effective communication.
+
+      At MLK, each competition is more than a stage—it's an opportunity to showcase talents, challenge ideas, and unite diverse voices. Join us on this intellectual odyssey, where ideas clash, evolve, and contribute to a richer understanding of our world.
+
+      Whether you're a participant, supporter, or curious onlooker, explore the landscape of ideas with us. Thank you for being part of MLK, where words inspire change and shape the future of discourse! Let the journey begin!</p>
+  </section>
+
+  <section id="schedule">
+    <h2>Schedule</h2>
+    <table>
+      <tr>
+        <th>Time</th>
+        <th>Event</th>
+      </tr>
+      <tr>
+        <td>9:00 AM</td>
+        <td>Registration</td>
+      </tr>
+      <tr>
+        <td>10:00 AM</td>
+        <td>Keynote Speech</td>
+      </tr>
+      <tr>
+        <td>12:00 PM</td>
+        <td>Lunch Break</td>
+      </tr>
+    </table>
+  </section>
+
+  <section id="speakers">
+    <h2>Speakers</h2>
+    <div class="speaker">
+      <img src="assets/person1.png" alt="Speaker 1">
+      <h3>Phil Coulson</h3>
+      <p>Phil Coulson's academic journey began at Harvard, where he pursued a degree in literature. The institute provided a rich academic environment that fueled Coulson's passion for language and communication. Outside the lecture halls, Coulson engaged in various extracurricular activities, further honing his oratory skills. His immersion in the world of debate and public speaking began during college, where he discovered a natural aptitude for articulating compelling arguments. Inspired by the intersection of linguistic theory and practical communication, Coulson actively participated in speech and debate competitions, quickly establishing himself as a formidable contender. Beyond his academic pursuits, Coulson's eclectic hobbies, ranging from literature to world languages, contributed to the diverse tapestry of his intellectual interests. It was this confluence of academic rigor, extracurricular engagement, and a genuine enthusiasm for linguistic exploration that propelled Phil Coulson into the realm of speech and debate, setting the stage for his future as a distinguished oratorl
+</p>
+    </div>
+    <div class="speaker">
+      <img src="assets/person2.png" alt="Speaker 2">
+      <h3>Nick Fury</h3>
+      <p>Nick Fury pursued his academic endeavors at the esteemed Harvard University, majoring in Communication Studies, and minoring in espionage. His college years were marked by an early fascination with the art of persuasion and rhetoric. Engaging in various extracurricular activities, Fury found his passion for speech and debate, showcasing a natural talent for articulating compelling arguments. His journey into the world of oratory was a seamless fusion of academic curiosity and hands-on experience, setting the stage for his future as a distinguished communicator. Beyond academia, Fury's diverse hobbies, including a penchant for strategic board games and a keen interest in geopolitics, complemented his multifaceted approach to effective communication.</p>
+    </div>
+  </section>
+
+  <section id="contact">
+    <h2>Contact Us</h2>
+    <form>
+      <label for="name">Name:</label>
+      <input type="text" id="name" name="name">
+      <label for="email">Email:</label>
+      <input type="email" id="email" name="email">
+      <label for="message">Message:</label>
+      <textarea id="message" name="message"></textarea>
+      <input type="submit" value="Submit">
+    </form>
+  </section>
+
+  <footer>
+    <p>&copy; 2023 MLK</p>
+  </footer>
+</body>
+</html>
diff --git a/Exercise-2/style.css b/Exercise-2/style.css
@@ -0,0 +1,81 @@
+body {
+  font-family: Arial, sans-serif;
+  background-color: #c6bebe;
+  margin: 0;
+  padding: 0;
+}
+
+header {
+  background-color: #b72424;
+  color: white;
+  padding: 20px 0;
+  text-align: center;
+}
+
+nav ul {
+  list-style: none;
+  padding: 0;
+  display: flex;
+  justify-content: space-around;
+}
+
+nav ul li {
+  display: inline;
+}
+
+section {
+  padding: 30px;
+  margin: 30px;
+  background-color: #f9f9f9;
+  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 20px;
+}
+
+table, th, td {
+  border: 1px solid #ddd;
+}
+
+th, td {
+  padding: 15px;
+  text-align: left;
+}
+
+.speaker {
+  margin-bottom: 30px;
+}
+
+form {
+  max-width: 500px;
+  margin: 0 auto;
+  background-color: #f9f9f9;
+  padding: 30px;
+  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
+}
+
+input[type="text"],
+input[type="email"],
+textarea {
+  width: 100%;
+  padding: 15px;
+  margin: 15px 0;
+  box-sizing: border-box;
+  border: 1px solid #ddd;
+}
+
+input[type="submit"] {
+  background-color: #333;
+  color: white;
+  padding: 15px 30px;
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+input[type="submit"]:hover {
+  background-color: #555;
+}
diff --git a/Exercise-3/assets/background-desktop.jpg b/Exercise-3/assets/background-desktop.jpg
diff --git a/Exercise-3/assets/background-mobile.jpg b/Exercise-3/assets/background-mobile.jpg
diff --git a/Exercise-3/assets/marvel_studios.mp4 b/Exercise-3/assets/marvel_studios.mp4
diff --git a/Exercise-3/assets/raiders.png b/Exercise-3/assets/raiders.png
diff --git a/Exercise-3/assets/rick_roll.mp3 b/Exercise-3/assets/rick_roll.mp3
diff --git a/Exercise-3/index.html b/Exercise-3/index.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+
+  <title>My Website</title>
+</head>
+<style>
+  table, th, td {
+    border: 2px solid blue;
+  }
+</style>
+<body>
+  <center><h1>Exercise 3 by Navaneeeth Sujith</h1></center>
+  <center><h3>Date Submitted:  01/01/2024</h3></center>
+  <hr></hr>
+  <center><h4>Fun facts about me</h4></center>
+
+  <center><table>
+    <tr>
+      <th>First Name </th>
+      <th>Last Name</th>
+      <th>Favorite Movie</th>
+      <th>Favorite Music</th>
+      <th>Favorite Video</th>
+    </tr>
+    <tr>
+      <td><center>Navaneeth</center></td>
+      <td><center>Sujith</center></td>
+      <td> <img src="assets/raiders.png" alt="Raiders" width="150" height="200"></td>
+      <td><audio controls>  <source src="assets/rick_roll.mp3" type="audio/mpeg"></audio controls></td>
+      <td><video width="400" height = "200" controls>
+        <source src="assets/marvel_studios.mp4" type="video/mp4">
+        Your browser does not support HTML video.
+      </video></td>
+    </tr>
+
+  </table></center>
+  <hr></hr>
+  <h4><center>Contact Me! Enter your details below</center></h4>
+  <hr></hr>
+
+  <form><center>
+    <label for="name">Full Name: </label>
+    <input type="text" id="name" name="name"  placeholder="John Doe"><br>
+    <label for="email">Email: </label>
+    <input type="text" id="email" name="email"  placeholder="johnDoe@fakemail.com"> <br>
+    <label for="password">Password: </label>
+    <input type="password" id="password" name="password" placeholder="john"> <br><br>
+    <i><label for=" meetingTimes">Meeting Times </label></i> <br>
+    <input type="checkbox" id="day1" name="day1" value="sunday">
+    <label for="day1"> Sunday</label>
+    <input type="checkbox" id="day2" name="day2" value="monday">
+    <label for="day2"> Monday</label>
+    <input type="checkbox" id="day3" name="day3" value="tuesday">
+    <label for="day3"> Tuesday</label>
+    <input type="checkbox" id="day4" name="day4" value="wednesday">
+    <label for="day4"> Wednesday</label>
+    <input type="checkbox" id="day5" name="day5" value="thursday">
+    <label for="day5"> Thursday</label>
+    <input type="checkbox" id="day6" name="day6" value="friday">
+    <label for="day6"> Friday</label>
+    <input type="checkbox" id="day7" name="day7" value="saturday">
+    <label for="day7"> Saturday</label><br><br>
+
+    <label for="times"><i>Available Times: </i></label> 
+    <select name="times" id="times"> 
+        <option value="morning"> Morning ( 8:00AM to 12:00 PM) </option> 
+        <option value="afternoon"> Afternoon (12:00PM to 4:00PM) </option> 
+        <option value="evening"> Evening (4:00PM to 7:00 PM))</option> 
+        <option value="night">Night (7:00 PM to 12:00 AM)</option> 
+    </select> <br><br>
+    <label for="times"><i>Currently working on a website:  </i></label> 
+    <form>
+      <input type="radio" id="yes" name="no" value="yes">
+      <label for="yes">Yes</label>
+      <input type="radio" id="no" name="no" value="no">
+      <label for="no">No</label><br><br>
+
+      <textarea id ="userComment" rows="4" cols="50" name="comment" > Comments? </textarea>
+      <br><br>
+    <input type="submit" 
+      class = "button" value="Submit" >
+    <input type="reset" class = "button" value="Reset">
+
+  </center></form>
+
+</body>
+</html>
diff --git a/Exercise-3/script.js b/Exercise-3/script.js
diff --git a/Exercise-3/style.css b/Exercise-3/style.css
@@ -0,0 +1,35 @@
+body {
+  background-image: url("assets/background-mobile.jpg");
+  background-size: contains;
+
+}
+
+
+*{
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Poppins', sans-serif;
+  color: white
+}
+@media only screen and (min-width: 767px) {
+  body {
+    background-image: url("assets/background-desktop.jpg");
+    background-size: contains;
+  }
+}
+table th:nth-child(3) {
+  font-weight: bold;
+}
+
+input[type="submit"] {
+  border: 2px solid red;
+  background-color: green;
+}
+input[type="reset"] {
+  border: 2px solid red;
+  background-color: green;
+}
+table th:nth-child(1) {
+  color: red;
+}
diff --git a/Exercise-4/assets/background.jpg b/Exercise-4/assets/background.jpg
diff --git a/Exercise-4/assets/css.png b/Exercise-4/assets/css.png
diff --git a/Exercise-4/assets/html.png b/Exercise-4/assets/html.png
diff --git a/Exercise-4/assets/js.png b/Exercise-4/assets/js.png
diff --git a/Exercise-4/assets/newProf.png b/Exercise-4/assets/newProf.png
diff --git a/Exercise-4/assets/profile.jpg b/Exercise-4/assets/profile.jpg