Skip to content

Codespace potential parakeet 7495j69j65j3pjp5 #71

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ezebellino wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Codespace potential parakeet 7495j69j65j3pjp5 #71

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
038b104
Initial commit
ezebellino Aug 20, 2024
887b28c
Pending changes exported from your codespace
ezebellino Aug 20, 2024
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
1 change: 1 addition & 0 deletions .learn/resets/02-hello-world/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!-- your code below here -->
16 changes: 16 additions & 0 deletions .learn/resets/03-Type-Radio/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>4Geeks Academy</title>
</head>

<body>
<form>
<!-- your code here -->
</form>
</body>

</html>
32 changes: 32 additions & 0 deletions .learn/resets/04-fieldsets-labels-and-styles/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>4Geeks Academy</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<form action="#" method="get" target="_parent">
<fieldset>
<legend>Full Name</legend>
<label for="firstname">First:</label>
<input type="Text" name="firstname" placeholder="Your Name" />
<label for="lastname">Last:</label>
<input type="Text" name="lastname" placeholder="Your Last Name" />
</fieldset>
<fieldset>
<legend>Email</legend>
<input type="Text" name="email" placeholder="username@domain.com" />
</fieldset>
<fieldset>
<legend>Gender</legend>
<label for="gender">Male:</label>
<input type="radio" name="gender" value="male" />
<label for="gender">Female:</label>
<input type="radio" name="gender" value="female" />
</fieldset>
<input type="submit" value="SUBSCRIBE" />
</form>
</body>
</html>
Empty file added .learn/resets/04-fieldsets-labels-and-styles/style.css
View file
Open in desktop
Empty file.
36 changes: 36 additions & 0 deletions .learn/resets/05-HTML-five-forms/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>4Geeks Academy</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<form action="#" method="get" target="_parent">
<fieldset>
<legend>Full Name</legend>
<label for="firstname">First:</label>
<input type="Text" name="firstname">
<label for="lastname">Last:</label>
<input type="Text" name="lastname">
<label for="lastname">Age:</label>
<input type="Text" name="age">
</fieldset>
<fieldset>
<legend>Contact information</legend>
<input type="Text" name="email" placeholder="username@domain.com">
<input type="Text" name="phone" placeholder="Mobile phone">
<input type="Text" name="website" placeholder="Personal Website URL">
</fieldset>
<fieldset>
<legend>Gender</legend>
<label for="gender">Male:</label>
<input type="radio" name="gender" value="male">
<label for="gender">Female:</label>
<input type="radio" name="gender" value="female">
</fieldset>
<input type='submit' value='SUBSCRIBE' />
</form>
</body>
</html>
36 changes: 36 additions & 0 deletions .learn/resets/05-HTML-five-forms/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
body {
font-family: "Lato", sans-serif;
}

form {
display: inline-block;
}

fieldset {
border: none;
margin: 0;
padding: 10px 0;
font-weight: 800;
}

label {
font-weight: 400;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"] {
border: none;
border-bottom: 1px solid black;
font-size: 16px;
}

input[type="submit"] {
cursor: pointer;
border: none;
padding: 10px;
background-color: #f65252;
color: white;
width: 100%;
}
22 changes: 22 additions & 0 deletions .learn/resets/06-Replicate-simple-form/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>4Geeks Academy</title>

<style>
/* your code here */

</style>
</head>

<body>
<form>
<!-- your code here -->

</form>
</body>

</html>
9 changes: 9 additions & 0 deletions exercises/02-hello-world/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,10 @@
<!-- your code below here -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hello World</title>
</head>
<body></body>
</html>
51 changes: 36 additions & 15 deletions exercises/03-Type-Radio/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,37 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>4Geeks Academy</title>
</head>

<body>
<form>
<!-- your code here -->
</form>
</body>

</html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>4Geeks Academy</title>
</head>
<body>
<form>
<fieldset>
<legend>Gender:</legend>
<label>
<input type="radio" name="gender" value="Male" />
Male
</label>
<br />
<label>
<input type="radio" name="gender" value="Female" />
Female
</label>
</fieldset>
<fieldset>
<legend>Orientación Sexual:</legend>
<label>
<input type="radio" name="orientacion" value="Heterosexual" />
Heterosexual
</label>
<br />
<label>
<input type="radio" name="orientacion" value="LGBTI" />
LGBTI
</label>
</fieldset>
<input type="submit" value="Enviar" />
</form>
</body>
</html>
29 changes: 29 additions & 0 deletions exercises/04-fieldsets-labels-and-styles/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
body {
font-family: "Lato", sans-serif;
}

form {
display: inline-block;
}
fieldset {
border: none;
margin: none;
padding: 10px 0px;
font-weight: 800;
}
label {
font-weight: 400;
}
input[type="text"] {
border: none;
border-bottom: 1px solid black;
font-size: 16px;
}
input[type="submit"] {
cursor: pointer;
border: none;
padding: 10px;
background-color: #f65252;
color: white;
width: 100%;
}
66 changes: 33 additions & 33 deletions exercises/05-HTML-five-forms/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>4Geeks Academy</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<form action="#" method="get" target="_parent">
<fieldset>
<legend>Full Name</legend>
<label for="firstname">First:</label>
<input type="Text" name="firstname">
<label for="lastname">Last:</label>
<input type="Text" name="lastname">
<label for="lastname">Age:</label>
<input type="Text" name="age">
</fieldset>
<fieldset>
<legend>Contact information</legend>
<input type="Text" name="email" placeholder="username@domain.com">
<input type="Text" name="phone" placeholder="Mobile phone">
<input type="Text" name="website" placeholder="Personal Website URL">
</fieldset>
<fieldset>
<legend>Gender</legend>
<label for="gender">Male:</label>
<input type="radio" name="gender" value="male">
<label for="gender">Female:</label>
<input type="radio" name="gender" value="female">
</fieldset>
<input type='submit' value='SUBSCRIBE' />
</form>
</body>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>4Geeks Academy</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<form action="#" method="get" target="_parent">
<fieldset>
<legend>Full Name</legend>
<label for="firstname">First:</label>
<input type="Text" name="firstname" />
<label for="lastname">Last:</label>
<input type="Text" name="lastname" />
<label for="lastname">Age:</label>
<input type="Text" name="age" />
</fieldset>
<fieldset>
<legend>Contact information</legend>
<input type="email" name="email" placeholder="username@domain.com" required autofocus />
<input type="tel" name="phone" placeholder="Mobile phone" />
<input type="url" name="website" placeholder="Personal Website URL" />
</fieldset>
<fieldset>
<legend>Gender</legend>
<label for="gender">Male:</label>
<input type="radio" name="gender" value="male" />
<label for="gender">Female:</label>
<input type="radio" name="gender" value="female" />
</fieldset>
<input type="submit" value="SUBSCRIBE" />
</form>
</body>
</html>
79 changes: 62 additions & 17 deletions exercises/06-Replicate-simple-form/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>4Geeks Academy</title>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>4Geeks Academy</title>

<style>
/* your code here */

</style>
</head>

<body>
<form>
<!-- your code here -->

</form>
</body>
<style>
/* your code here */
* {
font-family: "Times New Roman", Times, serif;
}
table {
border-style: double;
}
.primary {
background-color: slateblue;
}
.btn {
align-items: center;
}
</style>
</head>

<body>
<form>
<!-- your code here -->
<table>
<tr class="primary">
<th><strong>Name</strong></th>
<th><strong>Value</strong></th>
</tr>
<tr>
<td>Name</td>
<td><input type="name" /></td>
</tr>
<tr>
<td>Sex</td>
<td>
<input type="checkbox" name="Sex" id="Male" /> Male <br />
<input type="checkbox" name="Sex" id="Female" /> Female
</td>
</tr>
<tr>
<td>Eye Color</td>
<td>
<input type="color" name="Color" id="color" />
</td>
</tr>
<tr>
<td>Check all that apply</td>
<td>
<input type="checkbox" name="Over" id="6feet" /> Over 6 feet tall <br />
<input type="checkbox" name="Over" id="200pounds" /> Over 200 pounds
</td>
</tr>
</table>
<tr>
<td>Describe your athletic ability: <br /></td>
</tr>
<input type="text" />
<tr>
<td><input class="btn" type="button" value="Enter my information" /></td>
</tr>
</form>
</body>
</html>