Skip to content

Commit 317a9fa

Browse files
laszpiolaszpio
committed
HTML lesson 1 first translated to Portuguese.
1 parent b879eb3 commit 317a9fa

File tree

4 files changed

+478
-1
lines changed

4 files changed

+478
-1
lines changed

‎html/lesson1/example-styled.pt.html

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Eu amo corujas</title>
5+
</head>
6+
<body style="font-family: Helvetica, Arial, sans-serif">
7+
<div><img src="images/logo.png"></div>
8+
<h1>Corujas...</h1>
9+
<h2>Porque gostamos tanto de corujas?</h2>
10+
<ul style="list-style-type:none">
11+
<li style="display: inline;"><img src="images/img1.jpg"></li>
12+
<li style="display: inline;"><img src="images/img2.jpg"></li>
13+
<li style="display: inline;"><img src="images/img3.jpg"></li>
14+
</ul>
15+
<ol style="margin-bottom: 20px">
16+
<li><b>elas são adoráveis</b></li>
17+
<li><b>e amáveis</b></li>
18+
<li><b>e apertáveis</b></li>
19+
</ol>
20+
<div style="display: inline;"><img src="images/img4.jpg"></div>
21+
<div style="display: inline;"><img src="images/img5.jpg"></div>
22+
<div style="margin-top: 20px">
23+
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista o video</a>
24+
</div>
25+
<h4>
26+
<i>&#34;A wise old owl sat on an oak; The more he saw the less he spoke; <br>
27+
The less he spoke the more he heard; Why aren&#39;t we like that wise old bird?&#34;
28+
</i>
29+
</h4>
30+
<p><small>- poema de berçário</small></p>
31+
<div style="width: 40%; float:left">
32+
<h3>Corujas:</h3>
33+
<p>
34+
Most birds of prey sport eyes on the sides of their heads,<br>
35+
but the stereoscopic nature of <br>
36+
the owl's forward-facing <strong>eyes permits the greater <br>
37+
sense of depth perception </strong>necessary for low-light hunting. <br>
38+
<br>
39+
<a href="http://en.wikipedia.org/wiki/Owl">Mais informações sobre corujas...</a>
40+
</p>
41+
</div>
42+
<div style="width: 30%; display: inline">
43+
<img src="images/img6.jpg">
44+
</div>
45+
<ul style="width: 20%; margin-top: -80px">
46+
<li>
47+
<a href="mailto:[email protected]?subject=I love owls :: Codebar">Mande um email</a>
48+
</li>
49+
<li>
50+
<a href="mailto:?subject=I love owls :: Codebar">Mande um email para seu amigo</a>
51+
</li>
52+
<li>
53+
<a href="https://twitter.com/by_codebar">Twitter</a>
54+
</li>
55+
</ul>
56+
</body>
57+
</html>

‎html/lesson1/example.pt.html

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>I love owls</title>
5+
</head>
6+
<body>
7+
<div><img src="images/logo.png"></div>
8+
<h1>Owls...</h1>
9+
<h2>Why do I like owls so much?</h2>
10+
<ul>
11+
<li><img src="images/img1.jpg"></li>
12+
<li><img src="images/img2.jpg"></li>
13+
<li><img src="images/img3.jpg"></li>
14+
</ul>
15+
<ol>
16+
<li><b>they are adorable</b></li>
17+
<li><b>and lovely</b></li>
18+
<li><b>and cuddly</b></li>
19+
<div><img src="images/img4.jpg"></div>
20+
<div><img src="images/img5.jpg"></div>
21+
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Watch this video here</a>
22+
</ol>
23+
<h4>
24+
<i>&#34;A wise old owl sat on an oak; The more he saw the less he spoke; <br>
25+
The less he spoke the more he heard; Why aren&#39;t we like that wise old bird?&#34;
26+
</i>
27+
</h4>
28+
<p><small>- nursery rhyme</small></p>
29+
<div>
30+
<h3>Owls:</h3>
31+
<p>
32+
Most birds of prey sport eyes on the sides of their heads,<br>
33+
but the stereoscopic nature of <br>
34+
the owl's forward-facing <strong>eyes permits the greater <br>
35+
sense of depth perception </strong>necessary for low-light hunting. <br>
36+
<br>
37+
<a href="http://en.wikipedia.org/wiki/Owl">More information about owls...</a>
38+
</p>
39+
</div>
40+
<div>
41+
<img src="images/img6.jpg">
42+
</div>
43+
<ul>
44+
<li>
45+
<a href="mailto:[email protected]?subject=I love owls :: Codebar">Email us</a>
46+
</li>
47+
<li>
48+
<a href="mailto:?subject=I love owls :: Codebar">Email a friend</a>
49+
</li>
50+
<li>
51+
<a href="https://twitter.com/by_codebar">Twitter</a>
52+
</li>
53+
</ul>
54+
</body>
55+
</html>

0 commit comments

Comments
 (0)