Skip to content

Commit

Permalink
added class 3
Browse files Browse the repository at this point in the history
  • Loading branch information
Thomas Daniel Galligan committed Sep 30, 2023
1 parent d49a0cc commit 0703fd6
Show file tree
Hide file tree
Showing 2 changed files with 121 additions and 0 deletions.
58 changes: 58 additions & 0 deletions classes/3/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Birds with Hands</h1>
<img src="https://preview.redd.it/polmfcvx3jf11.jpg?width=640&crop=smart&auto=webp&s=e99902178a4fce04026192007d92ff2c738680e9" />
<p>
For a long time now, birds have <strong>had arms</strong>. Scientists have hid it from us for a long time, I believe.
</p>

<h2>Why are the scientists hiding this from us?</h2>
<blockquote>
"If people found out that birds had arms, that would make people feel very unsafe, as people think birds can't open doors, because they don't have hands, but, in fact, they do."
</blockquote>

<p>
Links to my sources can be found <a href>here</a>, <a href>here</a> and also <a href>here</a>
</p>


<h3>Research Findings</h3>
<table>
<thead>
<tr>
<td>
Bird Name
</td>
<td>
Has hands?
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
Jeremy
</td>
<td>
Yes
</td>
</tr>
<tr>
<td>
Julie
</td>
<td>
Yes
</td>
</tr>
</tbody>
</table>

<p>
Personally, I think <mark>more people should know that birds have arms</mark>, what about you?
</p>
</body>
</html>
63 changes: 63 additions & 0 deletions classes/3/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
* {
margin: 0;
padding: 0;
}

html {
background: #efefef;
}

body {
max-width: 1200px;
margin: auto;
padding: 1em;

background: #fff;

font-family: sans-serif;
line-height: 1.6;
}

h1 {
font-size: 3em;
}

h1, h2, h3, h4, h5 {
line-height: 1.4;
/* font-family: serif; */

margin: 0.6em 0 0.2em 0;
}

img {
margin: 2em auto 1em auto;
display: block;
}

img:hover {
filter: brightness(0.8);
}


table {
border: 3px solid black;
margin-bottom: 1em;
}
table td {
padding: 12px;
border: 1px solid black;
}

blockquote {
border-left: 2px solid black;
padding-left: 1em;
margin: 1em 0;
line-height: 1.8;
}

mark {
margin-top: 2em;
padding-bottom: 5em;
background-color: unset;
text-decoration: underline 2px wavy green;
}

0 comments on commit 0703fd6

Please sign in to comment.