Skip to content

3-3 #8

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

3-3 #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9f82d1c
Adcionando bordas
Jorge-William Oct 23, 2020
547627a
Adcionando margem
Jorge-William Oct 23, 2020
50d9edc
Adcionando espaçamento
Jorge-William Oct 23, 2020
e1e44f7
Posicionamento do planeta
Jorge-William Oct 23, 2020
a017439
Nuvens flutuantes
Jorge-William Oct 23, 2020
e415d43
Parte dois do exercicio da Khan Academy
Jorge-William Oct 26, 2020
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
50 changes: 50 additions & 0 deletions desafio-1-parte2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: Descendants of Khan</title>
<style>
.emperor {
font-family: cursive;
}

.reign {
font-family: monospace;
}

table .emperor {
background-color: red;
}
</style>
</head>
<body>

<h1>Descendants of Khan</h1>

<p><strong class="emperor">Genghis Khan</strong> (<span class="reign">1206-1227</span>) was a emperor who had many sons and daughters, and many famous emperors are descended from him. (But not Sal Khan!)</p>

<table>
<thead>
<tr>
<th>Name</th>
<th>Reign</th>
</tr>
</thead>
<tbody>
<tr>
<td class="emperor">Ögedei Khan</td>
<td class="reign">1229-1241</td>
</tr>
<tr>
<td class="emperor">Kublai Khan</td>
<td class="reign">1260-1294</td>
</tr>
<tr>
<td class="emperor">Temür Khan</td>
<td class="reign">1294-1307</td>
</tr>
</tbody>
</table>

</body>
</html>
21 changes: 21 additions & 0 deletions desafio-1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: The boxer model</title>
<style>
body {
font-family: cursive;
}
.photo-gallery {
padding: 6px;
background: rgb(255, 254, 217);
}
.photo {
margin-right: 10px;
width: 200px;
border: 5px solid black;
}
</style>
</head>
<body>
55 changes: 55 additions & 0 deletions desafio-2-parte2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: Descendants of Khan</title>
<style>
.emperor {
font-family: cursive;
}

.reign {
font-family: monospace;
}

table .emperor {
background-color: red;
}
table .reign{
background-color: black;
color:white;
}

</style>
</head>
<body>

<h1>Descendants of Khan</h1>

<p><strong class="emperor">Genghis Khan</strong> (<span class="reign">1206-1227</span>) was a emperor who had many sons and daughters, and many famous emperors are descended from him. (But not Sal Khan!)</p>

<table>
<thead>
<tr>
<th>Name</th>
<th>Reign</th>
</tr>
</thead>
<tbody>
<tr>
<td class="emperor">Ögedei Khan</td>
<td class="reign">1229-1241</td>
</tr>
<tr>
<td class="emperor">Kublai Khan</td>
<td class="reign">1260-1294</td>
</tr>
<tr>
<td class="emperor">Temür Khan</td>
<td class="reign">1294-1307</td>
</tr>
</tbody>
</table>

</body>
</html>
40 changes: 40 additions & 0 deletions desafio-2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: Position planet</title>
<style>
#greeting {
background: rgb(255, 255, 0);
border: 2px solid black;
font-family: "Comic Sans MS", fantasy;
padding: 5px;
width: 262px;
z-index: 300;
position: absolute;
top:10px;
left:100px;

}

#creature {
position: absolute;
z-index:1;
left:40px;
top:80px;
}
</style>
</head>
<body>

<img id="planet" src="https://www.kasandbox.org/programming-images/space/planet.png" width="300">

<div id="greeting">
<p>Hello! Welcome to position planet!</p>
</div>

<img id="creature" src="https://www.kasandbox.org/programming-images/avatars/mr-pink.png">


</body>
</html>
49 changes: 49 additions & 0 deletions desafio-3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: Floating clouds</title>
<style>
body {
font-family: sans-serif;
}
h1 {
font-family: fantasy;
}
#cloud-pic {
width: 100px;
float: left;
margin-right:6px;
}
#cloud-sidebar {
margin-left: 6px;
background: rgb(255, 255, 219);
float:right;
width:30%;
left: 120px;
}

</style>
</head>
<body>

<h1>What are clouds?</h1>

<img id="cloud-pic" src="https://www.kasandbox.org/programming-images/landscapes/clouds-from-plane.png">


<div id="cloud-sidebar">
<h5>Why are some clouds yellow?</h5>
<p>Yellowish clouds may occur in the late spring through early fall months during forest fire season. The yellow color is due to the presence of pollutants in the smoke. Yellowish clouds caused by the presence of nitrogen dioxide are sometimes seen in urban areas with high air pollution levels.
</p>
</div>

<p>In meteorology, a cloud is a visible mass of liquid droplets or frozen crystals made of water or various chemicals suspended in the atmosphere above the surface of a planetary body. These suspended particles are also known as aerosols and are studied in the cloud physics branch of meteorology.</p>

<p>Terrestrial cloud formation is the result of air in Earth's atmosphere becoming saturated due to either or both of two processes: cooling of the air and adding water vapor. With sufficient saturation, precipitation will fall to the surface.</p>


<p><a href="http://en.wikipedia.org/wiki/Cloud">Read more on Wikipedia</a></p>

</body>
</html>