Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
Binary file not shown.
Binary file added ProjectDay2/.DS_Store
Binary file not shown.
Binary file added ProjectDay2/exercise 3/.DS_Store
Binary file not shown.
61 changes: 61 additions & 0 deletions ProjectDay2/exercise 3/Formexercise.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!doctype html5>
<html lang="en">
<head>
<title>This is a form to be created</title>
<meta charset="utf-8">
</head>
<!-- Create a `<form>` element that will ask to the user and will submit to `www.google.com` using `GET` method:
1. Name (textbox)
2. Last Name (textbox)
3. Birth Date (calendar)
4. Age (range)
5. Sex (option or radiobutton)
6. Email
7. Submit button

All of the input should be required and validated before submitted, and should have a proper label attached to it.
Don't forget to commit all changes. -->

<body>
<h1>
Please Fill this form out completely
</h1>
<form action="http://google.com" method="GET">
<label for="First_name">
First Name
<input name="First_name" type="text" id="First_Name" placeholder="First Name" required>
</label>
<label for="Last_name">
Last Name
<input name="Last_name" type="text" id="Last_Name" placeholder="Last Name" required>
</label>
</br>
<label for="Birth_Date">
Birth Date
<input name="Birth_Date" type="calendar" id="Birth_Date" placeholder="DOB" required>
</label>
<label for="Age">
Age
<input name="Age" type="number" min="18" max="110" id="Age" placeholder="Age" required>
</label>
</br>
<label for="Sex">
Sex
<input type="radio" name="sex" value ="male "required> Male
<input type="radio" name="sex" value ="female "required> Female
</br>
</label>
<label for="Email">
Email
<input name="Email" type="text" id="Email" placeholder="EMail" required>
</label>
</br></br>
<label for="password">
Password:
<input type="password" name="password" id="password" required>
<input type="submit" value="Submit">
</label>
</br>
</form>
</body>
</html>
Binary file added ProjectDay2/exercise1/.DS_Store
Binary file not shown.
11 changes: 11 additions & 0 deletions ProjectDay2/exercise1/Hello World.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!doctype html5>
<html lang="en">
<head>
<title> Hello World </title>
<meta charset="utf-8">
</head>
<body>
<h1>Hello World</h1>
<p>This is a new exercise!!</p>
</body>
</html>
Binary file added ProjectDay2/exercise2/.DS_Store
Binary file not shown.
52 changes: 52 additions & 0 deletions ProjectDay2/exercise2/Contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<!doctype html5>
<html lang="en"
<head>
<title>Random Users</title>
<meta charset="utf-8">
</head>
<body>
<div id="Contact">
<h1>This is the discription of the Contacts</h1>
<ol>
<li>
John
</li>
<p>Works as a Scientist at NASA. He is in charge of making sure the space station stays in orbit.
</p>
<li>
James
</li>
<p>Work as a security guard at NASA. He doesn't make a lot of money and complains that he need to work
more overtime to make his mortgage.
</p>
<li>
Jordon
</li>
<p>Jordan work as the CEO at NASA. He makes so much money that he can buy whatever he wants to buy.
He owns a large house with maids to clean his house.
</p>
<li>
Joseph
</li>
<p>Joseph is Jordan's boss, so he tells Jordan what he needs to do. He is liked by everyone and make
sure everyone is comfortable.
</p>
<li>
Jerry
</li>
<p>Jerry just surfs all day and has nothing to do. His parents are rich and makes sure he has
everything he wants.
</p>
<p>
<a href="index.html">Index</a>
</p>
<p>
<a href="Site.html">Site</a>
</p>
<p>
<a href="about.html">About</a>
</p>
</ol>
</div>
</body>
</html>
24 changes: 24 additions & 0 deletions ProjectDay2/exercise2/Site.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!doctype html5>
<html lang="en">
<head>
<title>This is the Navigation Page.</title>
<meta charset="utf-8">
</head>
<body>
<div id="Navigation">
<p>
This is the page where you can find the links to the other pages.
It is still in developement, so please be kind.
</p>
<p>
<a href="index.html">Index</a>
</p>
<p>
<a href="contact.html">Contact</a>
</p>
<p>
<a href="about.html">About</a>
</p>
</div>
</body>
</html>
26 changes: 26 additions & 0 deletions ProjectDay2/exercise2/about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!doctype html5>
<html lang="en">
<head>
<title>About this Page</title>
<meta charset="utf-8">
</head>
<body>
<div>
<h4>
<p>This page is a summary of what is inside this site. The index page describe a
little bit about the sun. Our sun brings us life and is not the only one out there.
There is also a contact page of some people that works at NASA.
</p>
</h4>
<p>
<a href="index.html">Index</a>
</p>
<p>
<a href="contact.html">Contact</a>
</p>
<p>
<a href="Site.html">Site</a>
</p>
</div>
</body>
</html>
28 changes: 28 additions & 0 deletions ProjectDay2/exercise2/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!doctype html5>
<html lang="en">
<head>
<title>Random Paragraphs</title>
<meta charset="utf-8">
</head>
<body>
<!-- Beginning of Random paragraph -->
<div id="Random">
<p class="sun">
This is just a random paragraph that has nothing to do with anything. The sun is so
hot that it can melt anything, but the sun is not the only one out there. There are
are also stars out there that are even hotter than our sun. Our sun is consider small
compare to other suns. There is the blue giant that is so much bigger than our sun that
it makes our sun look like venus compare to it.
</p>
<p>
<a href="Site.html">Site</a>
</p>
<p>
<a href="contact.html">Contact</a>
</p>
<p>
<a href="about.html">About</a>
</p>
</div>
</body>
</html>
3 changes: 3 additions & 0 deletions exercises/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,4 +41,7 @@ about commiting the changes and finally push them into your forked repository.
When the `GET` is already working create a new branch that will change to a `POST` method, this branch should be also
push to the forked repository, finally discuss the differences between both methods, using the readme file of this
exercise.

<p> GET: request the data</p>
<p> POST: Push the data</p>