Skip to content

HTML File Add #50

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
agayala wants to merge 1 commit into
base: master
Choose a base branch
from
Open

HTML File Add #50

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
143 changes: 143 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,143 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Harry Potter's Battle Meeting</title>
<meta name="description" content="Notes Recorded during Harry's Battle plan meeting.">
<meta name="author" content="Hermione Granger">
<link rel="icon" href="favicon.ico">
</head>
<body>
<main>
<h1>Battle Plans Meeting</h1>
<p>Date: October 3,2021</p>
<p>People who were present include:</p>
<ul>
<li>Harry Potter</li>
<li>Hermione Granger</li>
<li>Ron Weasley</li>
<li>Ginny Weasley</li>
<li>Neville Longbottom</li>
<li>Luna Lovegood</li>
<li>Draco Malfoy</li>
<li>Minerva Mcgonagall</li>
</ul>

<hr>

<h2>Plans for today!</h2>
<ol>
<li><em>Discuss</em> unfinished business from last time.</li>
<ul>
<li><i>Who will research new threats?</i></li>
<li><i>Where will we have the annual auror's ball?</i></li>
</ul>
<li><em>Discuss</em> new threats and how they will be eliminated.</li>
<li><em>Determine</em> who will be present in these battles.</li>
<li><em>Discuss</em> any concerns with the plans made.</li>
<li><em>Close</em> the meeting.</li>
</ol>

<div class="warning">
<p><strong>Please be aware that you <span class="important">MUST</span>
be present for the next meeting on October 31!</strong></p>
</div>

<p><b>New</b> aurors will be in charge of researching the new threats to the wizarding world.</p>
<nav class="Threats">
<li class="Threats"><a href="#">Evil Threats</a></li>
</nav>
<p>This link will take you to the database of all the threats currently not found.</p>
</main>
<form>
<fieldset>
<legend>Choose your favorite spell.</legend>

<input type="radio" id="Expelliarmus" name="spell">
<label for="Expelliarmus">Expelliarmus</label><br/>

<input type="radio" id="Avada kedavra" name="spell">
<label for="Avada kedavra">Avada Kedabra</label><br/>

<input type="radio" id="Petrificus Totalus" name="spell">
<label for="Petrificus Totalus">Petrificus Totalus</label>
</fieldset>
</form>

<h3>Next Meeting</h3>
<section>
<p>We will provide lunch for the next meeting as an incentive
attendance. Please provide us with answers to the questions
below.
</p>
<footer>
<p>@ Harry Potter</p>
</footer>
</section>

<label for="drink-select">Pick a drink:</label>

<select id="drink-select">
<option value="">--Please choose an option--</option>
<option value="butterbeer">Butterbeer</option>
<option value="water">Water</option>
<option value="Brandy">Dragon Barrel Brandy</option>
</select>

<label for="food">Choose a meal:</label>
<input list="meals" id="food" name="food"/>

<datalist id="food" >
<option value="Chocolate frogs">
<option value="Eggs and toast">
<option value="Steak and carrots.">
</datalist>

<p>Please submit your name.</p>

<form>
<label>
<input name="submit-name" autocomplete="name">
</label>
<button>Save</button>
</form>

<label for="questions">What is your question:</label>

<textarea id="questions" name="questions"
rows="3" cols="15">
My question is
</textarea>

<h4>Contact Me</h4>

<p>You can reach me at:</p>

<ul>
<li><a href="mailto:[email protected]">Email</a></li>
<li><a href="tel:+123456789">Phone</a></li>
</ul>

<h5>Miscellaneous</h5>
<figure>
<figcaption>Listen to our theme song:</figcaption>
<audio
controls
src="https://drive.google.com/file/d/1oOVx0DD-_5pvdH4y0Kr3hFvtlG4hhf3X/view?usp=sharing">
Your browser does not support the <code>audio</code> element.
</audio>
</figure>

<p>This is one of the creatures we believe could pose a threat.</p>
<video controls width="250">
<source src="https://drive.google.com/file/d/1zNtBbyHtP6iToyS0XMhDOsuooZWsbP7O/view?usp=sharing"
type="video/link">
Sorry your browser doesn't support embedded videos.
</video>

<details>
<summary>Notices</summary>
Happy Birthday October aurors!
</details>

</body>
</html>