From 2935a7b445df80addeedf26e5d07140e445ac1c4 Mon Sep 17 00:00:00 2001
From: Gabriela Cardoso <gabiascarso@gmail.com>
Date: Thu, 13 Dec 2018 21:18:58 -0200
Subject: [PATCH 1/2] Primeiro desafio estrutura  HTML

---
 site.html | 123 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 123 insertions(+)
 create mode 100644 site.html
diff --git a/site.html b/site.html
new file mode 100644
index 0000000..4954e5a
--- /dev/null
+++ b/site.html
@@ -0,0 +1,123 @@
+
+<!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=""><img src="images/logo.png" width= "160" height= "50"/></a></li>
+					<li><a href="">HOME</a></li>
+					<li><a href="">SERVIÇOS</a></li>
+					<li><a href="">PORTFOLIO</a></li>
+					<li><a href="">SOBRE MIM</a></li>
+					<li><a href="">CONTATO</a></li>
+				</ul>
+			</nav>
+		</header>
+		<section>
+			<figure>
+				<img src="images/Slider.png" alt="Image-Slider" width="100%" height="100%"/>
+				<figcaption>
+					<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>
+				</figcaption>
+			</figure>
+			<figure>
+				<img src="images/slider01.png" height= "250px" alt="Image-Slider01" />
+			</figure>
+			<figure>
+				<img src="images/Slider02.png" height= "250px" alt="Image-Slider02" />
+			</figure>
+			<figure>
+				<img src="images/Slider03.png" height= "250px" 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>
+			<hr />
+			<article>
+				<img src="images/Service1.png" alt="Service1" />
+				<h3>Websites</h3>
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque.</p>
+			</article>
+			<article>
+				<img src="images/Service2.png" alt="Service2" />
+				<h3>Templates</h3>
+				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque.</p>
+			</article>
+			<article>
+				<img src="images/Service3.png" alt="Service3" />
+				<h3>Temas WordPress</h3>
+				<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>
+			<hr />
+			<nav>
+				<ul>
+					<li><a href="">Tudo</a></li>
+					<li><a href="">Website</a></li>
+					<li><a href="">Template</a></li>
+					<li><a href="">Tema</a></li>
+				</ul>
+			</nav>
+			<article>
+				<img src="images/Portfolio01.png" height= "250px" alt="Portolio01" />
+				<h3>Lorem ipsum</h3>
+				<p>Lorem ipsum...</p>
+			</article>
+			<article>
+				<img src="images/Portfolio02.png" height= "250px" alt="Portfolio02" />
+				<h3>Lorem ipsum</h3>
+				<p>Lorem ipsum...</p>
+			</article>
+			<article>
+				<img src="images/Portfolio03.png" height= "250px" alt="Portfolio03" />
+				<h3>Lorem ipsum</h3>
+				<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>
+			<hr />
+			<figure>
+				<img src="images/photo.png" height= "500px" alt="Photo" />
+				<figcaption>Joana D'arc</figcaption>
+			</figure>
+			<div>
+				<h2>Sobre mim</h2>
+				<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>
+			</div>
+			<div>
+				<h2>Habilidades</h2>
+				<p>Java Script</p>
+				<p>Html & CSS</p>
+				<p>jQuery</p>
+				<p>Wordpress</p>
+			</div>		
+		</section>
+		<section>
+			<h1>Contato</h1>
+			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id enim vitae quam suscipit porta.</p>
+			<hr />
+			<div>
+				<p>meuemail@mail.com</p>
+				<p>+55 21 98765-4321</p>
+			</div>
+			<h2>Mídias</h2>
+			<hr />
+		</section>	
+		<footer>
+			<p>Women + Tech = < /strong> </p>
+		</footer>
+	</body>
+</html>
\ No newline at end of file

From e8fbacf7b9fc06b3f692f43365b34efdb56278f0 Mon Sep 17 00:00:00 2001
From: Gabriela Cardoso <gabiascarso@gmail.com>
Date: Wed, 2 Jan 2019 13:38:18 -0200
Subject: [PATCH 2/2] =?UTF-8?q?Corre=C3=A7=C3=B5es=20solicitadas=20na=20pr?=
 =?UTF-8?q?imeira=20parte=20do=20desafio=20-=20HTML?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site.html => index.html | 78 +++++++++++++++++++----------------------
 1 file changed, 36 insertions(+), 42 deletions(-)
 rename site.html => index.html (64%)

diff --git a/site.html b/index.html
similarity index 64%
rename from site.html
rename to index.html
index 4954e5a..03336fd 100644
--- a/site.html
+++ b/index.html
@@ -10,114 +10,108 @@
 		<header>
 			<nav>
 				<ul>
-					<li><a href=""><img src="images/logo.png" width= "160" height= "50"/></a></li>
-					<li><a href="">HOME</a></li>
-					<li><a href="">SERVIÇOS</a></li>
-					<li><a href="">PORTFOLIO</a></li>
-					<li><a href="">SOBRE MIM</a></li>
-					<li><a href="">CONTATO</a></li>
+					<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%"/>
-				<figcaption>
 					<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>
-				</figcaption>
 			</figure>
 			<figure>
-				<img src="images/slider01.png" height= "250px" alt="Image-Slider01" />
+				<img src="images/slider01.png" height= "250" alt="Image-Slider01" />
 			</figure>
 			<figure>
-				<img src="images/Slider02.png" height= "250px" alt="Image-Slider02" />
+				<img src="images/Slider02.png" height= "250" alt="Image-Slider02" />
 			</figure>
 			<figure>
-				<img src="images/Slider03.png" height= "250px" alt="Image-Slider03" />
+				<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>
-			<hr />
 			<article>
 				<img src="images/Service1.png" alt="Service1" />
-				<h3>Websites</h3>
+				<h1>Websites</h1>
 				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque.</p>
 			</article>
 			<article>
 				<img src="images/Service2.png" alt="Service2" />
-				<h3>Templates</h3>
+				<h1>Templates</h1>
 				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque.</p>
 			</article>
 			<article>
 				<img src="images/Service3.png" alt="Service3" />
-				<h3>Temas WordPress</h3>
+				<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>
-			<hr />
 			<nav>
 				<ul>
-					<li><a href="">Tudo</a></li>
-					<li><a href="">Website</a></li>
-					<li><a href="">Template</a></li>
-					<li><a href="">Tema</a></li>
+					<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= "250px" alt="Portolio01" />
-				<h3>Lorem ipsum</h3>
+				<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= "250px" alt="Portfolio02" />
-				<h3>Lorem ipsum</h3>
+				<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= "250px" alt="Portfolio03" />
-				<h3>Lorem ipsum</h3>
+				<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>
-			<hr />
-			<figure>
-				<img src="images/photo.png" height= "500px" alt="Photo" />
-				<figcaption>Joana D'arc</figcaption>
-			</figure>
-			<div>
-				<h2>Sobre mim</h2>
+			<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>
-			</div>
-			<div>
-				<h2>Habilidades</h2>
+			</article>
+			<article>
+				<h1>Habilidades</h1>
 				<p>Java Script</p>
 				<p>Html & CSS</p>
 				<p>jQuery</p>
 				<p>Wordpress</p>
-			</div>		
+			</article>		
 		</section>
 		<section>
 			<h1>Contato</h1>
 			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id enim vitae quam suscipit porta.</p>
-			<hr />
 			<div>
-				<p>meuemail@mail.com</p>
-				<p>+55 21 98765-4321</p>
+				<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>
-			<hr />
 		</section>	
 		<footer>
-			<p>Women + Tech = < /strong> </p>
+			<p>Women + Tech = &lt;/strong&gt; </p>
 		</footer>
 	</body>
 </html>
\ No newline at end of file
