diff --git a/Exercise-1/assets/chess.mp4 b/Exercise-1/assets/chess.mp4 new file mode 100644 index 00000000..d3f5a12f --- /dev/null +++ b/Exercise-1/assets/chess.mp4 @@ -0,0 +1 @@ + diff --git a/Exercise-1/assets/file b/Exercise-1/assets/file new file mode 100644 index 00000000..b68fde2a --- /dev/null +++ b/Exercise-1/assets/file @@ -0,0 +1 @@ +k diff --git a/Exercise-1/assets/poster.jpeg b/Exercise-1/assets/poster.jpeg new file mode 100644 index 00000000..966bb137 Binary files /dev/null and b/Exercise-1/assets/poster.jpeg differ diff --git a/Exercise-1/assets/song.mp3 b/Exercise-1/assets/song.mp3 new file mode 100644 index 00000000..d3f5a12f --- /dev/null +++ b/Exercise-1/assets/song.mp3 @@ -0,0 +1 @@ + diff --git a/Exercise-1/index.html b/Exercise-1/index.html new file mode 100644 index 00000000..290951aa --- /dev/null +++ b/Exercise-1/index.html @@ -0,0 +1,86 @@ + + + + My Website + + + +

Exercise 1 by Navaneeeth Sujith

+

Date Submitted: 01/01/2024

+
+

Fun facts about me

+ +
+ + + + + + + + + + + + + + + +
First Name Last NameFavorite MovieFavorite MusicFavorite Video
Navaneeth
Sujith
 Avengers Infinity War
+
+

Contact Me! Enter your details below

+
+ +
+ +
+ +
+ +

+
+ + + + + + + + + + + + + +

+ + +

+ + + + + +

+ + +

+ + + +
+ + + diff --git a/Exercise-1/info.txt b/Exercise-1/info.txt new file mode 100644 index 00000000..8b137891 --- /dev/null +++ b/Exercise-1/info.txt @@ -0,0 +1 @@ + diff --git a/Exercise-2/assets/person1.png b/Exercise-2/assets/person1.png new file mode 100644 index 00000000..450ee409 Binary files /dev/null and b/Exercise-2/assets/person1.png differ diff --git a/Exercise-2/assets/person2.png b/Exercise-2/assets/person2.png new file mode 100644 index 00000000..085c92e6 Binary files /dev/null and b/Exercise-2/assets/person2.png differ diff --git a/Exercise-2/index.html b/Exercise-2/index.html new file mode 100644 index 00000000..e9a8624c --- /dev/null +++ b/Exercise-2/index.html @@ -0,0 +1,87 @@ + + + + + + + MLK Speech and Debate Website + + +
+

Welcome to MLK Speech and Debate

+ +
+ +
+

About the Hackathon

+

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!

+
+ +
+

Schedule

+ + + + + + + + + + + + + + + + + +
TimeEvent
9:00 AMRegistration
10:00 AMKeynote Speech
12:00 PMLunch Break
+
+ +
+

Speakers

+
+ Speaker 1 +

Phil Coulson

+

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 +

+
+
+ Speaker 2 +

Nick Fury

+

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.

+
+
+ +
+

Contact Us

+
+ + + + + + + +
+
+ + + + \ No newline at end of file diff --git a/Exercise-2/style.css b/Exercise-2/style.css new file mode 100644 index 00000000..f1ea389d --- /dev/null +++ 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 new file mode 100644 index 00000000..22ffcf85 Binary files /dev/null and b/Exercise-3/assets/background-desktop.jpg differ diff --git a/Exercise-3/assets/background-mobile.jpg b/Exercise-3/assets/background-mobile.jpg new file mode 100644 index 00000000..e2c914f9 Binary files /dev/null and b/Exercise-3/assets/background-mobile.jpg differ diff --git a/Exercise-3/assets/marvel_studios.mp4 b/Exercise-3/assets/marvel_studios.mp4 new file mode 100644 index 00000000..bcdbaa6b Binary files /dev/null and b/Exercise-3/assets/marvel_studios.mp4 differ diff --git a/Exercise-3/assets/raiders.png b/Exercise-3/assets/raiders.png new file mode 100644 index 00000000..2fa2d0a3 Binary files /dev/null and b/Exercise-3/assets/raiders.png differ diff --git a/Exercise-3/assets/rick_roll.mp3 b/Exercise-3/assets/rick_roll.mp3 new file mode 100644 index 00000000..89f4bfd9 Binary files /dev/null and b/Exercise-3/assets/rick_roll.mp3 differ diff --git a/Exercise-3/index.html b/Exercise-3/index.html new file mode 100644 index 00000000..f5c14528 --- /dev/null +++ b/Exercise-3/index.html @@ -0,0 +1,91 @@ + + + + + + + + My Website + + + +

Exercise 3 by Navaneeeth Sujith

+

Date Submitted: 01/01/2024

+
+

Fun facts about me

+ +
+ + + + + + + + + + + + + + + +
First Name Last NameFavorite MovieFavorite MusicFavorite Video
Navaneeth
Sujith
Raiders
+
+

Contact Me! Enter your details below

+
+ +
+ +
+ +
+ +

+
+ + + + + + + + + + + + + +

+ + +

+ + + + + +

+ + +

+ + + +
+ + + \ No newline at end of file diff --git a/Exercise-3/script.js b/Exercise-3/script.js new file mode 100644 index 00000000..e69de29b diff --git a/Exercise-3/style.css b/Exercise-3/style.css new file mode 100644 index 00000000..91d8519e --- /dev/null +++ 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 new file mode 100644 index 00000000..d2cb85a1 Binary files /dev/null and b/Exercise-4/assets/background.jpg differ diff --git a/Exercise-4/assets/css.png b/Exercise-4/assets/css.png new file mode 100644 index 00000000..0f33aa7d Binary files /dev/null and b/Exercise-4/assets/css.png differ diff --git a/Exercise-4/assets/html.png b/Exercise-4/assets/html.png new file mode 100644 index 00000000..879eb83f Binary files /dev/null and b/Exercise-4/assets/html.png differ diff --git a/Exercise-4/assets/js.png b/Exercise-4/assets/js.png new file mode 100644 index 00000000..945867d1 Binary files /dev/null and b/Exercise-4/assets/js.png differ diff --git a/Exercise-4/assets/newProf.png b/Exercise-4/assets/newProf.png new file mode 100644 index 00000000..eedd98ab Binary files /dev/null and b/Exercise-4/assets/newProf.png differ diff --git a/Exercise-4/assets/profile.jpg b/Exercise-4/assets/profile.jpg new file mode 100644 index 00000000..f53e9233 Binary files /dev/null and b/Exercise-4/assets/profile.jpg differ diff --git a/Exercise-4/index.html b/Exercise-4/index.html new file mode 100644 index 00000000..e95ab584 --- /dev/null +++ b/Exercise-4/index.html @@ -0,0 +1,204 @@ + + + + + + + BuildingU Learning Portfolio + + + + + + + + + +
+
+
+
+

Welcome to My BuildingU Portfolio

+

Discover my learning journey and projects.

+ View My Work +
+
+
+
+ + +
+
+
+
+ Profile Image +
+
+

About Me

+

+ + Hey, I'm Navaneeth Sujith, and I'm passionate about web development and coding. I volunteer my skills to + build amazing websites and write efficient code that brings ideas to life. + With several years of experience in the field, I've had the privilege of working on a wide range of + projects, from creating responsive and user- friendly websites to developing custom web applications that + solve complex problems. + My journey in web development has allowed me to explore various technologies and frameworks, and Bootstrap + is one of my favorites. It's a fantastic tool for creating sleek and responsive web designs, which is why + I'm excited to share my knowledge with you through this exercise.

+ +
+
+
+
+ +
+
+

My Projects

+
+
+
Project 1 +
+
Project 1: HTML
+

+ + Project 1 showcases my HTML skills. It's a webpage involving HTML with table and static form components. Click learn more to see the project.

View Details +
+
+
+
+
Project 2 +
+
Project 2: CSS
+

Project 2 showcases my CSS skills. It's a stylized webpage for an event done using HTML and CSS with custom components. Click learn more to see the project.

View Details +
+
+
+
+
Project 3 +
+
Project 3: Advanced CSS
+

Project 3 showcases my advanced CSS skills. It's a responsive webpage (Desktop & Mobile) from Project 1. Click learn more to see the project.

View Details +
+
+
+
+
+
+ +
+
+

Contact Me

+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Exercise-5/exo5.js b/Exercise-5/exo5.js new file mode 100644 index 00000000..7e4cafca --- /dev/null +++ b/Exercise-5/exo5.js @@ -0,0 +1,41 @@ +function formValidator(firstName, lastName, age, phoneNumber) { + if (typeof firstName === 'undefined') { + return "The name input is missing."; + } + if (typeof lastName === 'undefined') { + return "The last name input is missing."; + } + if (typeof age === 'undefined') { + return "The age input is missing."; + } + if (typeof phoneNumber === 'undefined') { + return "The phone number input is missing."; + } + + if (typeof firstName !== 'string') { + return `The first name should be a string, but received ${typeof firstName}.`; + } + if (typeof lastName !== 'string') { + return `The last name should be a string, but received ${typeof lastName}.`; + } + if (typeof phoneNumber !== 'string') { + return `The phone number should be a string, but received ${typeof phoneNumber}.`; + } + if (typeof age !== 'number') { + return "The age should be a number."; + } + + if (age < 18) { + return "Sorry, not old enough for our app."; + } + + + return "WELCOME TO THE ADOS APP."; +} +//TEST +console.log(formValidator('John', 'Doe', 25, '1234567890')); +console.log(formValidator('John', 'Doe', 'twentyfive', '1234567890')); +console.log(formValidator('John', 'Doe', 17, '1234567890')); +console.log(formValidator('John', 'Doe', 25, '123456789')); + +