Skip to content

Primeira parte do desafio - Estrutura HTML #7

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

Primeira parte do desafio - Estrutura HTML #7

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2935a7b
Primeiro desafio estrutura HTML
gabiascarso Dec 13, 2018
e8fbacf
Correções solicitadas na primeira parte do desafio - HTML
gabiascarso Jan 2, 2019
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
117 changes: 117 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,117 @@

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>WOMAKERS CODE</title>
<link rel="icon" href="images/icon.ico" />
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#home"><img src="images/logo.png" width= "160" height= "50"/></a></li>
<li><a href="#home">HOME</a></li>
<li><a href="#servicos">SERVIÇOS</a></li>
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="#sobre">SOBRE MIM</a></li>
<li><a href="#contato">CONTATO</a></li>
</ul>
</nav>
</header>
<section>
<figure>
<img src="images/Slider.png" alt="Image-Slider" width="100%" height="100%"/>
<h1>BEM VIND@</h1>
<h2>CURABITUR IACULIS</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus tellus ipsum, sed sollicitudin metus ornare nec. Sed nulla sapien.</p>
</figure>
<figure>
<img src="images/slider01.png" height= "250" alt="Image-Slider01" />
</figure>
<figure>
<img src="images/Slider02.png" height= "250" alt="Image-Slider02" />
</figure>
<figure>
<img src="images/Slider03.png" height= "250" alt="Image-Slider03" />
</figure>
</section>
<section>
<h1>Serviços</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod diam eget ex rhoncus, sed.</p>
<article>
<img src="images/Service1.png" alt="Service1" />
<h1>Websites</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque.</p>
</article>
<article>
<img src="images/Service2.png" alt="Service2" />
<h1>Templates</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque.</p>
</article>
<article>
<img src="images/Service3.png" alt="Service3" />
<h1>Temas WordPress</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque.</p>
</article>
</section>
<section>
<h1>Meus Trabalhos</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius consectetur felis ut condimentum. Aliquam.</p>
<nav>
<ul>
<li><a href="#tudo">Tudo</a></li>
<li><a href="#website">Website</a></li>
<li><a href="#template">Template</a></li>
<li><a href="#tema">Tema</a></li>
</ul>
</nav>
<article>
<img src="images/Portfolio01.png" height= "250" alt="Portolio01" />
<h1>Lorem ipsum</h1>
<p>Lorem ipsum...</p>
</article>
<article>
<img src="images/Portfolio02.png" height= "250" alt="Portfolio02" />
<h1>Lorem ipsum</h1>
<p>Lorem ipsum...</p>
</article>
<article>
<img src="images/Portfolio03.png" height= "250" alt="Portfolio03" />
<h1>Lorem ipsum</h1>
<p>Lorem ipsum...</p>
</section>
<section>
<h1>Quem sou eu</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis dui malesuada purus aliquet accumsan.</p>
<article>
<img src="images/photo.png" height= "500" alt="Photo" />
<h1>Joana D'arc</h1>
</article>
<article>
<h1>Sobre mim</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur id felis vestibulum, laoreet ligula sed, fermentum libero. In blandit tristique leo id dictum. Nullam gravida vulputate ipsum. Nulla vel lacus sapien. Praesent dapibus mi justo, nec fringilla nisi congue quis. Suspendisse at sapien nec odio gravida placerat. Aliquam iaculis quis dui et ullamcorper. Vestibulum id dui tempus, feugiat velit non, bibendum leo. Nam in mollis libero. In sit amet diam in mauris sodales tincidunt et quis velit. Ut sed odio nec erat eleifend mollis vitae.</p>
</article>
<article>
<h1>Habilidades</h1>
<p>Java Script</p>
<p>Html & CSS</p>
<p>jQuery</p>
<p>Wordpress</p>
</article>
</section>
<section>
<h1>Contato</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id enim vitae quam suscipit porta.</p>
<div>
<a href="mailto:meuemail@mail.com">meuemail@mail.com</a>
<br>
<a href="tel:+5521987654321">+55 21 98765-4321</a>
</div>
<h2>Mídias</h2>
</section>
<footer>
<p>Women + Tech = &lt;/strong&gt; </p>
</footer>
</body>
</html>