Skip to content

HTML_Excersize #4

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
Matt1890 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

HTML_Excersize #4

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
19fa0b5
HTML_Excersize
Aug 11, 2022
20d9bbe
made an update
Sep 3, 2022
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
128 changes: 79 additions & 49 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,86 +8,116 @@
</head>
<body>
<div id="exercise1">
<!-- Complete Exercise 1 HERE -->
<h1>Matthew Hasemeier</h1>
<p>
I love to eat, drink & cook, and am a roller coaster & travel
enthusiast. I have passions for technology, making art, building things,
houseplants, the outdoors, hiking, camping, dogs, cars, movies, biking,
alternative energy, boating, and flying. I consider myself a jack of all
trades. As such, I have worked in and/or recieved extensive training in
numerous fields. These fields include, aircraft automobile & home
mantainence, commercial & fine printing, restaurant management, film
production, dentistry, real estate, and driving for hire. I am a
registered dental assistant and a licensed remote pilot.
</p>
</div>

<div id="exercise2">
<!-- Complete Exercise 2 HERE -->
<ul>
<li>
<a href="www.linkedin.com/in/matthew-hasemeier-954098148">My LinkedIn</a>
</li>
<li>
<a href="https://www.truecoders.io">TrueCoders</a>
</li>
<li>
<a href="https://www.Robinhood.com">Robinhood Investing</a>
</li>
</ul>
</div>

<div id="exercise3">
<!-- Complete Exercise 3 HERE -->
<img src="./images/example.png" alt="A silhouette" />
</div>

<div id="exercise4">
<!-- Complete Exercise 4 HERE -->
<p>
I looked down at the board. "The point isn't to win?" I asked. "The
point," Bredon said grandly, "is to play a beautiful game." He lifted
his hands and shrugged, his face breaking into a beautific smile. "Why
would I want to win anything other than a beautiful game?"
I looked down at the board. "The <strong>point</strong> isn't to win?" I
asked. "The <strong>point</strong>," <span>Bredon</span> said grandly,
"is to <u>play</u> a <em>beautiful</em> game." He lifted his hands and
shrugged, his face breaking into a beautific smile. "Why would I want to
win anything other than a <em>beautiful</em> game?"
</p>
</div>

<div id="exercise5">
<!-- Complete Exercise 5 HERE -->
<div>
<div>
<div>
<span>
<a href="/">Home</a>
</span>
<span>
<a href="/about">About</a>
</span>
<span>
<a href="/projects">Projects</a>
</span>
</div>
</div>
</div>
<header>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/about">About</a>
</li>
<li>
<a href="/projects">Projects</a>
</li>
</ul>
</nav>
</header>

<div>
<div>
<main>
<section>
<h1>Main Heading</h1>
<p>Author.. Bio...</p>
</div>
<div>
<div>
<p>Author... Bio...</p>
</section>
<article>
<section>
<h2>Sub Heading</h2>
<div>
<p>Lorem ipsum...</p>
<p>Bacon ipsum...</p>
</div>
</div>
<div>
</section>
<section>
<h2>Sub Heading</h2>
<p>Lorem ipsum...</p>
<p>Bacon ipsum...</p>
<div>
<h3>Another Sub Heading</h3>
<p>Lorem ipsum...</p>
<p>Bacon ipsum...</p>
</div>
</div>
</div>
</div>
</section>
</article>
</main>

<div>
<div>
<div>
<span>
<a href="/privacy">Privacy Policy</a>
</span>
<span>
<a href="/terms">Terms and Conditions</a>
</span>
</div>
</div>
<footer>
<nav>
<ul>
<li>
<a href="/index.html">Home</a>
</li>
<li>
<a href="/privacy.html">Privacy Policy</a>
</li>
<li>
<a href="/terms.html">Terms and Conditions</a>
</li>
<li>
<a href="/credits.html">Credits</a>
</li>
<li>
<a href="/references.html">References</a>
</li>
</ul>
</nav>

<div>
<p>Powered by 🕯️</p>
<p>&copy; TrueCoders 2021-24</p>
</div>
</div>
</footer>
</div>

</body>
</html>