diff --git a/Exercise #1/Submission1.html b/Exercise #1/Submission1.html new file mode 100644 index 00000000..272a820b --- /dev/null +++ b/Exercise #1/Submission1.html @@ -0,0 +1,123 @@ + + + + + + Building-U Lesson 1 Submission + + + +

Exercise 1 By Shreyas Hegde

+

Date of Submission: 2024-07-11

+ + +
+

Fun Facts About Me!

+ + + + + + + + + + + + + + + +
First NameLast NameFavourite MovieFavourite SongFavourite Video
ShreyasHegdeInception + +

Skeletons by Travis Scott

+ 		+ +
+
+ + +
+

Enter your details below:

+
+ + +
+ + +

+ + +
+ + +

+ + +
+ + +

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

+ + +
+ + +

+ + +
+ + + + + +

+ + +
+
+ +

+ + +
+ + +
+
+
+ + diff --git a/Exercise #1/download.mp3 b/Exercise #1/download.mp3 new file mode 100644 index 00000000..c069fe3c Binary files /dev/null and b/Exercise #1/download.mp3 differ diff --git a/Exercise #1/mov_bbb.mp4 b/Exercise #1/mov_bbb.mp4 new file mode 100644 index 00000000..0a4dd5b4 Binary files /dev/null and b/Exercise #1/mov_bbb.mp4 differ diff --git a/Exercise #4/HTML5_logo_and_wordmark.svg.png b/Exercise #4/HTML5_logo_and_wordmark.svg.png new file mode 100644 index 00000000..6ae7bbae Binary files /dev/null and b/Exercise #4/HTML5_logo_and_wordmark.svg.png differ diff --git a/Exercise #4/Submission4.html b/Exercise #4/Submission4.html new file mode 100644 index 00000000..0d833b81 --- /dev/null +++ b/Exercise #4/Submission4.html @@ -0,0 +1,190 @@ + + + + Exercise # 4 + + + + + + + + + + + + + + +
+
+
+
+

Welcome to My Portfolio

+

Discover my work, projects, and passion for web development.

+ View My Work +
+
+
+
+ + +
+
+
+
+

About Me

+

Hi, I'm a Machine Learning and Web Development enthusiast with a passion for creating innovative solutions. + With a background in computer science and hands-on experience in building webpages and machine learning models, I strive to combine the best of both worlds to deliver impactful projects. +

+

Key Skills & Achievements:

+
    +
  • Developed a machine learning model for predicting rainful in Australia with 85% accuracy.
    • +
  • Created a webpage called EcoMate using Flask,HTML,Bootstrap, & Javascript.
    • +
  • Developed a machine learning model for predicting insurance costs.
    • +
  • Experienced in PyTorch for deep learning projects.
    • +
+
+
+ Profile Image +
+
+
+
+ + +
+
+
+
+

My Building-U Projects

+
+
+ +
+
+
+ HTML 5 Logo +
+

Project No.1: HTML

+

A static webpage that was coded using only basic HTML. Click the button to learn more about the project.

+ +
+
+
+ + +
+
+ HTML 5 Logo +
+

Project No.2: HTML + Bootstrap

+

A portfolio webpage that was created using HTML & Bootstrap CSS. Click the button to learn more about the project.

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

Contact Me

+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+ +
+ + + + + + diff --git a/Exercise #4/bootstrapphoto.png b/Exercise #4/bootstrapphoto.png new file mode 100644 index 00000000..f8bb0e68 Binary files /dev/null and b/Exercise #4/bootstrapphoto.png differ diff --git a/Exercise #4/one beer_left_1.jpg b/Exercise #4/one beer_left_1.jpg new file mode 100644 index 00000000..2f93ef98 Binary files /dev/null and b/Exercise #4/one beer_left_1.jpg differ diff --git a/Exercise #4/styles.css b/Exercise #4/styles.css new file mode 100644 index 00000000..d6f671d3 --- /dev/null +++ b/Exercise #4/styles.css @@ -0,0 +1,149 @@ +.hero-section { + background-color: #add8e6; + padding: 100px 0; + text-align: center; + } + + .hero-heading { + font-size: 3em; + margin-bottom: 20px; + } + + .hero-intro { + font-size: 1.5em; + margin-bottom: 30px; + } + + .hero-button { + font-size: 1.2em; + padding: 10px 20px; + } + + .about-section { + background-color: #fffdbb; + padding: 100px 0; + } + + .container-fluid { + padding-left: 0; + padding-right: 0; + } + + .profile-image { + width: 150px; + height: 150px; + border-radius: 50%; + margin-bottom: 20px; + } + + .about-heading { + font-size: 2.5em; + margin-bottom: 20px; + } + + .about-bio { + font-size: 1.2em; + margin-bottom: 20px; + } + + .skills-heading { + font-size: 1.8em; + margin-bottom: 15px; + } + + .skills-list { + list-style-type: none; + padding: 0; + font-size: 1.2em; + } + + .skills-list li { + margin-bottom: 10px; + } + + .projects-section { + background-color: #cbc3e3; + padding: 100px 0; + } + + .projects-heading { + font-size: 2.5em; + margin-bottom: 50px; + } + + .card { + border: 1px solid #ffffff; + border-radius: 4px; + margin-bottom: 30px; + } + + .card-img-top { + width: 100%; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + + .card-body { + padding: 15px; + } + + .card-title { + font-size: 1.5em; + margin-bottom: 10px; + } + + .card-text { + font-size: 1.2em; + margin-bottom: 20px; + } + + .card-body .btn { + display: block; + margin: 0 auto; + } + .contact-section { + background-color: #90ee90; + padding: 100px 0; + } + + .contact-heading { + font-size: 2.5em; + margin-bottom: 20px; + } + + .contact-intro { + font-size: 1.2em; + margin-bottom: 30px; + } + + .form-container { + max-width: 600px; + margin-left: 0; + margin-right: auto; + } + + .form-group { + margin-bottom: 15px; + } + + .form-control { + height: 45px; + font-size: 1.1em; + max-width: 400px; + margin: 0 ; + } + + .form-control::placeholder { + font-size: 1em; + } + + textarea.form-control { + height: auto; + } + + .btn-block { + font-size: 1.2em; + padding: 10px 0; + max-width: 200px; + margin: 0 ; + } \ No newline at end of file diff --git a/Exercise5/form.html b/Exercise5/form.html new file mode 100644 index 00000000..c5c7f418 --- /dev/null +++ b/Exercise5/form.html @@ -0,0 +1,24 @@ + + + + Exercise#5 + + + + + + +

Form

+
+ +

+ +

+ +

+ +

+ +
+ + \ No newline at end of file diff --git a/Exercise5/formvalidator.js b/Exercise5/formvalidator.js new file mode 100644 index 00000000..0d4971c4 --- /dev/null +++ b/Exercise5/formvalidator.js @@ -0,0 +1,57 @@ +function formValidator() { + // Grabbing form values + const first_name = document.myform.first_name.value; + const last_name = document.myform.last_name.value; + const age = document.myform.age.value; + const phone_number = document.myform.phone.value; + + // Array to store validation errors + const errors = []; + + // Checking if all parameters are present + if (!first_name) { + errors.push("The first name input is missing."); + } + if (!last_name) { + errors.push("The last name input is missing."); + } + if (!age) { + errors.push("The age input is missing."); + } + if (!phone_number) { + errors.push("The phone number input is missing."); + } + + // Checking datatypes + if (typeof first_name !== "string") { + errors.push("The first name should be a string."); + } + if (typeof last_name !== "string") { + errors.push("The last name should be a string."); + } + if (typeof parseInt(age) !== "number" || isNaN(parseInt(age))) { + errors.push("The age should be a number."); + } + if (typeof phone_number !== "string") { + errors.push("The phone number should be a string."); + } + + // Checking if age is 18 or older + if (age < 18) { + errors.push("Sorry, not old enough to use the app."); + } + + // Displaying errors or success message + if (errors.length > 0) { + // Display errors + alert(errors.join("\n")); + return false; + } else { + // Display success message + alert("WELCOME TO THE ADOS APP") + return true + } +} + + +