Skip to content
Open
Changes from all commits
Commits
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
83 changes: 83 additions & 0 deletions portfolio_lu.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Luciana Cominato</title>
</head>
<body>
<header style="background-color:black">
<img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/logo.png?raw=true" width="100" height="30">
<a href="#home" style="color:whitesmoke">Home</a>
<a href="#serviços" style="color:whitesmoke">Serviços</a>
<a href="#meus_trabalhos" style="color:whitesmoke">Meus Trabalhos</a>
<a href="#quem_sou_eu" style="color:whitesmoke">Quem Sou Eu</a>
<a href="#contato" style="color:whitesmoke">Contato</a>
</header>
<section class="home" style="background-color:deeppink; background-image:url(https://github.com/lucominato/front-end-study-group-rj/blob/master/images/Slider.png?raw=true)">
<h1>Bem vind@</h1>
<h2>curabitur iaculis</h2>
<img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/slider01.png?raw=true" width="400" height="400">
<h4 style="color:black">Videmusne ut pueri ne verberibus quidem a contemplandis rebus perquirendisque deterreantur? Itaque nostrum est-quod nostrum dico, artis est-ad ea principia, quae accepimus. Omnes enim iucundum motum, quo sensus hilaretur.</h4>
</section>
<section class="serviços" style="background-color:black">
<h1 style="color:deeppink; text-align:center">Serviços</h1>
<h3 style="color:orangered; text-align:center">Dois mollius placerat quellen ergo est scum</h3>
<table>
<tr>
<td><img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/Service1.png?raw=true" width="290" height="290"></td>
<td><img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/Service2.png?raw=true" width="290" height="290"></td>
<td><img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/Service3.png?raw=true" width="290" height="290"></td>
</tr>
<tr>
<td><h3 style="color:orangered; text-align:center">Websites</h3></td>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<td><h3 style="color:orangered; text-align:center">Websites</h3></td>
<td>Websites</td>

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Você não precisa incluir uma tag de texto dentro de uma tag de tabela. A sugestão aqui é que você pode customizar o tamanho da fonte, cor e peso dela no CSS.

<td><h3 style="color:orangered; text-align:center">Templates</h3></td>
<td><h3 style="color:orangered; text-align:center">Temas Wordpress</h3></td>
</tr>
<tr>
<td><h4 style="color:whitesmoke; text-align:center">Si longus, levis. Idemne, quod iucunde? Negat enim summo bono afferre incrementum diem.</h4></td>
<td><h4 style="color:whitesmoke; text-align:center">Si longus, levis. Idemne, quod iucunde? Negat enim summo bono afferre incrementum diem.</h4></td>
<td><h4 style="color:whitesmoke; text-align:center">Si longus, levis. Idemne, quod iucunde? Negat enim summo bono afferre incrementum diem.</h4></td>
</tr>
</table>
</section>
<section class="meus_trabalhos" style="background-color:gold">
<h1 style="color:deeppink; text-align:center">Meus Trabalhos</h1>
<h3 style="color:black; text-align:center">Dois mollius placerat quellen ergo est bloo dignissum canis</h3>
<ul>
<li>Tudo</li>
<li>Website</li>
<li>Template</li>
<li>Tema</li>
</ul>
<img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/Portfolio01.png?raw=true" width="290" height="290">
<img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/Portfolio02.png?raw=true" width="290" height="290">
<img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/Portfolio03.png?raw=true" width="290" height="290">
</section>
<section class="quem_sou_eu" style="background-color:black">
<h1 style="color:deeppink; text-align:center">Quem Sou Eu</h1>
<h3 style="color:orangered; text-align:center">Dois mollius placerat quellen ergo est bloo dignissum felinum</h3>
<img src="https://github.com/lucominato/front-end-study-group-rj/blob/master/images/photo.png?raw=true" width="290" height="290">
<h4 style="color:orangered; text-align:center">Joana d'Arc</h4>
<h2 style="color:orangered; text-align:center">Sobre mim</h2>
<h4 style="color:orangered; text-align:center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. His similes sunt omnes, qui virtuti student levantur vitiis, levantur erroribus, nisi forte censes Ti. Re mihi non aeque satisfacit, et quidem locis pluribus. Quippe: habes enim a rhetoribus; Duo Reges: constructio interrete.</h4>
<h3 style="color:orangered">Habilidades</h3>
<ul>
<li>JavaScript</li>
<li>HTML & CSS</li>
<li>jQuery</li>
<li>Wordpress</li>
</ul>
</section>
<section class="contato" style="background-color:gold">
<h1 style="color:deeppink; text-align:center">Contato</h1>
<p style="color:black; text-align:center">Dois mollius placerat quellen ergo est sancto</p>
<p style="color:black; text-align:center">[email protected]</p>
<p style="color:whitesmoke; text-align:center">+55 21 23456-7890</p>
<h3 style="color:black; text-align:center">Mídias</h3>
</section>
</body>

<footer style="background-color:black">
<p style="color:orangered; text-align:center">Women + Tech = &lt;/strong&gt;</p>
</footer>
</html>