Skip to content

Commit

Permalink
Nav Update
Browse files Browse the repository at this point in the history
  • Loading branch information
@dDevAhmed
dDevAhmed committed May 24, 2024
1 parent 3b81277 commit 982eddf
Show file tree
Hide file tree
Showing 2 changed files with 64 additions and 40 deletions.
86 changes: 46 additions & 40 deletions assignment_1.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,26 +4,30 @@

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google Form T-shirt Signup</title>
<link rel="shortcut icon" href="image/html_favicon/icons8-html-color-32.png" type="image/x-icon">

</head>

<body>
<h1>Assignment 1: Google Form</h1>
<p>Big assignment alert! I'm tasked with designing a Google Form for our graduation T-Shirt signup. It's going to be stylish, functional, and absolutely sign-up-worthy! 🎓👕</p>
<p>Big assignment alert! I'm tasked with designing a Google Form for our graduation T-Shirt signup. It's going to be
stylish, functional, and absolutely sign-up-worthy! 🎓👕</p>

<h3>Class Activities</h3>
<a href="index.html">Home page</a> |
<a href="class_activity_1.html">Class Activity 1</a> |
<a href="class_activity_2.html">Class Activity 2</a> |
<a href="class_activity_3.html">Class Activity 3</a> |
<a href="class_activity_4.html">Class Activity 4</a> |
<a href="class_activity_1.html">Favorite Food</a> |
<a href="class_activity_2.html">Login Form</a> |
<a href="class_activity_3.html">Favorite Book</a> |
<a href="class_activity_4.html">Feedback Form</a> |
<a href="class_activity_5.html">Calculator</a> |

<h3>Assignment Links</h3>
<a href="assignment_1.html">Assignment 1</a> |
<a href="assignment_1.html">Google Form</a> |

<main>
<header>
Expand All @@ -35,53 +39,55 @@ <h1>T-Shirt Sign Up</h1>
<p id="instructions">*Indicates required question</p>
</header>

<div>
<h5>Name <span>*</span></h5>
<input type="text" placeholder="Your answer">
</div>
<form action="">
<section>
<h5>Name <span>*</span></h5>
<input type="text" placeholder="Your answer">
</section>

<div>
<h5>Shirt size</h5>
<label for="XS">
<input type="radio" name="XS" id="XS"> XS
</label>
<label for="S">
<input type="radio" name="S" id="S"> S
</label>
<label for="M">
<input type="radio" name="M" id="M"> M
</label>
<label for="L">
<input type="radio" name="L" id="L"> L
</label>
<label for="XL">
<input type="radio" name="XL" id="XL"> XL
</label>
</div>
<section>
<h5>Shirt size</h5>
<label for="XS">
<input type="radio" name="size" id="XS"> XS
</label>
<label for="S">
<input type="radio" name="size" id="S"> S
</label>
<label for="M">
<input type="radio" name="size" id="M"> M
</label>
<label for="L">
<input type="radio" name="size" id="L"> L
</label>
<label for="XL">
<input type="radio" name="size" id="XL"> XL
</label>
</section>

<div>
<h5>T-Shirt Preview</h5>
<img src="image/thebodytshirt.png" alt="Body Shirt Image">
</div>
<section>
<h5>T-Shirt Preview</h5>
<img src="image/thebodytshirt.png" alt="Body Shirt Image">
</section>

<div>
<h5>Other thoughts or comments</h5>
<input type="text" placeholder="Your answer">
</div>
<section>
<h5>Other thoughts or comments</h5>
<input type="text" placeholder="Your answer">
</section>

<div>
<div>
<button>Submit</button>
<a href="#">Clear form</a>
</div>
<p>Never submit passwords through Google Forms</p>
</div>
</form>

<footer>
<p>This content is neither created nor endorsed by Google <a href="#">Report Abuse</a> - <a href="#">Terms of Service</a> - <a href="#">Privacy Policy</a></p>
<p>Never submit passwords through Google Forms</p>
<p>This content is neither created nor endorsed by Google <a href="#">Report Abuse</a> - <a href="#">Terms
of Service</a> - <a href="#">Privacy Policy</a></p>
<h3>Google Forms</h3>
<a href="#"><img src="image/icons8-info-100.png" alt="Info Message"></a>
</footer>
</main>
</body>

</html>
18 changes: 18 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -254,6 +254,24 @@ <h3>Html Form</h3>
</fieldset>
</form>

<h3>Html Semantic element</h3>
<p>Clearly define the type of the element to the browser and the developer</p>
<ol>
<li><code>&lt;nav&gt;</code></li>
<li><code>&lt;form&gt;</code></li>
<li><code>&lt;table&gt;</code></li>
<li><code>&lt;section&gt;</code></li>
<li><code>&lt;article&gt;</code></li>
<li><code>&lt;aside&gt;</code></li>
<li><code>&lt;header&gt;</code></li>
<li><code>&lt;footer&gt;</code></li>
<li><code>&lt;main&gt;</code></li>
<li><code>&lt;figcaption&gt;</code></li>
</ol>

<h3>Html Responsive Design</h3>
<p>The ability to make a design to look good on all devices</p>

</body>

</html>

0 comments on commit 982eddf

Please sign in to comment.