diff --git a/formularios/(form-login-black)/semantica/login black/position-project/css/estilos.css b/formularios/(form-login-black)/semantica/login black/position-project/css/estilos.css
new file mode 100644
index 0000000..a763626
--- /dev/null
+++ b/formularios/(form-login-black)/semantica/login black/position-project/css/estilos.css	
@@ -0,0 +1,31 @@
+@import url('https://fonts.googleapis.com/css?family=Lobster');
+
+* {
+    border:"inline-block"; 
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    min-width: 100%;
+}
+body {
+    font-size: 12px;
+    line-height: 1.3;
+    font-family: 'Open Sans',sans-serif;
+    font-weight: lighter;
+    color:#000;
+    background-color: #fff;
+    position: relative;}
+
+
+    image yakissoba{
+        position: relative;
+        left: 30px;
+        border: 3px solid #73AD21;
+      }
+
+
+
+
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/form-login-black.html b/formularios/(form-login-black)/semantica/login black/position-project/form-login-black.html
new file mode 100644
index 0000000..1e43e29
--- /dev/null
+++ b/formularios/(form-login-black)/semantica/login black/position-project/form-login-black.html	
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>login black</title>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
+    <link rel="stylesheet" href="css/estilos.css">
+    
+</head>
+
+<body>
+    <i class="far fa-arrow-alt-circle-left"></i>
+
+    <h1>Log In</h1>
+
+    <form action="">
+        <div>
+            <i class="far fa-user-circle"></i>
+            <input type="text" id="login">
+        </div>
+
+        <div>
+            <i class="fas fa-unlock-alt"></i>
+            <input type="password" id="senha">
+        </div>
+        <p>Incorrect password.</p>
+
+        <button>Log in</button>
+          <p>First time here? <a href="">Sign up</a></p>
+        
+    </form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/formget.html b/formularios/(form-login-black)/semantica/login black/position-project/formget.html
new file mode 100644
index 0000000..932edf1
--- /dev/null
+++ b/formularios/(form-login-black)/semantica/login black/position-project/formget.html	
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Form get</title>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
+    <link rel="stylesheet" href="css/estilos.css">
+    
+</head>
+<body>
+        <form action="">
+                <h1>Form<span>Get</span></h1>
+        
+                <label for="name">Full Name :</label>
+                <div>
+                    <i class="far fa-user"></i>>
+                    <input type="text" id="name" placeholder="Full Name">
+                </div>
+        
+                <label for="email">Email</label>
+                <div>
+                    <i class="far fa-user"></i>>
+                    <input type="email" id="email" placeholder="Email">
+                </div>
+        
+                <label for="fone">Contact Number</label>
+                <div>
+                    <i class="far fa-user"></i>>
+                    <input type="number" id="fone" placeholder="Contact Number">
+                </div>
+        
+                <label for="address">Address</label>
+                <div>
+                    <i class="far fa-user"></i>>
+                    <input type="text" id="address" placeholder="Address">
+                </div>
+        
+                <button>Submit</button>
+        
+</body>
+</html>
\ No newline at end of file
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/imagens/cap.jpg.jpg b/formularios/(form-login-black)/semantica/login black/position-project/imagens/cap.jpg.jpg
new file mode 100644
index 0000000..272d6bb
Binary files /dev/null and b/formularios/(form-login-black)/semantica/login black/position-project/imagens/cap.jpg.jpg differ
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/imagens/exercicioposition02.html b/formularios/(form-login-black)/semantica/login black/position-project/imagens/exercicioposition02.html
new file mode 100644
index 0000000..96229be
--- /dev/null
+++ b/formularios/(form-login-black)/semantica/login black/position-project/imagens/exercicioposition02.html	
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=., initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>exposition02</title>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
+
+
+    <style>
+    * {
+        margin: 2px;
+        padding: 0;
+        box-sizing: border-box;
+    }
+    div{width: 50px;
+         height:50px;
+        position:relative;         }
+    body {
+        position: relative;
+        width: 100vw;
+        height: 100vh;
+        color: white;
+        font-size: 16px;
+        font-family: 'Roboto Condensed', sans-serif;
+
+        background: linear-gradient(to bottom, #144556,  #144556);
+    }
+</style>
+
+</head>
+<div><i class="far fa-flushed"></i><div/>
+<body>
+        <div>
+        
+        <input type="email" id="email" placeholder="Email">
+        </div>
+    <div>
+   
+    <input type="password" id="senha" placeholder="password">
+    </div>
+    <div>
+        <input type="radio" name="buttom" value="buttom">
+    </div>
+            <button>Log in</button>
+</body>
+</html>
\ No newline at end of file
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/imagens/hamb.jpg.jpg b/formularios/(form-login-black)/semantica/login black/position-project/imagens/hamb.jpg.jpg
new file mode 100644
index 0000000..329d88b
Binary files /dev/null and b/formularios/(form-login-black)/semantica/login black/position-project/imagens/hamb.jpg.jpg differ
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/imagens/hotdog.jpg.jpg b/formularios/(form-login-black)/semantica/login black/position-project/imagens/hotdog.jpg.jpg
new file mode 100644
index 0000000..1f15050
Binary files /dev/null and b/formularios/(form-login-black)/semantica/login black/position-project/imagens/hotdog.jpg.jpg differ
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/imagens/yakissoba.jpg.jpg b/formularios/(form-login-black)/semantica/login black/position-project/imagens/yakissoba.jpg.jpg
new file mode 100644
index 0000000..9ef4245
Binary files /dev/null and b/formularios/(form-login-black)/semantica/login black/position-project/imagens/yakissoba.jpg.jpg differ
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/index.html b/formularios/(form-login-black)/semantica/login black/position-project/index.html
new file mode 100644
index 0000000..56a546b
--- /dev/null
+++ b/formularios/(form-login-black)/semantica/login black/position-project/index.html	
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Proj.</title>
+    <link rel="stylesheet" href="css/estilos.css">
+
+</head>
+<body>
+    <header></header>
+    <main>
+        <section id="serviços">
+          <h2>A cada descoberta, um Restaurante favorito</h2>
+            <h3></h3>Agora temos listas com opções que combinam com qualquer bolso,gosto e humor
+            <figure> <img src="imagens/yakissoba.jpg.jpg "  width="300px" title="yakissoba"  >  </figure>
+         </figcaption>
+        <h4>Pra comer sozinho</h4>
+        <p>Sem cobrar sem faltar</p>
+        </figcaption>
+      <h5>Hamburguer Gourmet</h5>
+      <p>Não é qualquer sanduiche,não</p>
+      <figure> <img src="imagens/hamb.jpg.jpg " width="300px" title="hamburguer" >
+        <h6>Bons e Baratos</h6>
+        <p>Pratos até R$30,00</p>
+        <figure> <img src="imagens/hotdog.jpg.jpg " width="300px" title="hot dog"  >  </figure>
+        <h2>Entregas Grátis</h2>
+        <p>sobra din din pra sobremesa</p>
+        <figure> <img src="imagens/cap.jpg.jpg " width="300px" title="cap"  >  </figure>
+       
+    </section>           
+    </main>
+    <footer></footer>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/formularios/(form-login-black)/semantica/login black/position-project/menu-ifood.html b/formularios/(form-login-black)/semantica/login black/position-project/menu-ifood.html
new file mode 100644
index 0000000..40155a9
--- /dev/null
+++ b/formularios/(form-login-black)/semantica/login black/position-project/menu-ifood.html	
@@ -0,0 +1,45 @@
+<html lang="pt-br">
+<!DOCTYPE html>
+ead>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Menu Ifood</title>
+</head>
+<body>
+        <li><a href= "sobre-ifood.html">Sobre ifood </a>
+        
+   <!-- <h1>Ifood</h1>-->
+   <br>
+   <img src="imagens/ifood.png "width "100px" height="100" title="ifood"  > 
+   <br>    
+ <!--comentarios utiliza essa tag -->
+ <br>
+    <Ul> <li><a href= "sobre-ifood.html">Sobre ifood </a>
+            <ul>
+                <li>Quem somos </li>
+                <li>Termos e Condições de Uso</li>
+                <li>Privacidade</li>
+            </ul>
+            <li>Cadastre seu Restaurante</li>
+            <li>
+                Contato
+            <Ul>
+                <li>Como Pedir</li>
+                <li>Fale conosco</li>
+                <li>Assessoria de imprensa</li>
+                <li>Trabalhe conosco</li>
+            </Ul> 
+        </li>                 
+        <!-- conteúdo da página -->
+    <h1>Delivery pra qualquer fome: peça e receba em casa
+        </h1>
+    
+        <input type="number" placeholder="Digite seu CEP">
+        <input type="button" value="Buscar">
+    
+</ul>
+<li><a href= "cadastre-restaurante.html">Sobre ifood </a>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/formularios/(form-login-black)/semantica/login.html b/formularios/(form-login-black)/semantica/login.html
new file mode 100644
index 0000000..71106c5
--- /dev/null
+++ b/formularios/(form-login-black)/semantica/login.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>login</title>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
+    <link rel="stylesheet"href="css/estilos.css">
+    
+
+</head>
+<i class="far fa-arrow-alt-circle-left"></i>
+
+<h1>Log In</h1>
+
+<body>
+    <div>
+        <i class="far fa-user-circle"></i>
+    <input type="email"id="login">
+</div>
+<div>
+    <i class="fas fa-unlock-alt"></i>
+    <input type="password" id:"senha"placeholder"password">
+    <p>incorrect password</p>
+</div> 
+        <button>login</button> 
+        <p>First time here? <a href="">Sign up</a></p>
+</body>
+</html>
\ No newline at end of file
diff --git a/formularios/(form-login-black)/semantica/position.html b/formularios/(form-login-black)/semantica/position.html
new file mode 100644
index 0000000..55bb678
--- /dev/null
+++ b/formularios/(form-login-black)/semantica/position.html
@@ -0,0 +1,81 @@
+<<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Positions</title>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
+
+    <style>
+       div {
+           display: inline-block;
+           width: 100px;
+           height: 100px;
+           background-color: rgb(17, 75, 56);
+           border: 2px solid rgb(58, 11, 58);
+       }
+
+       #caixa-b {
+           background-color: rgb(61, 11, 11);
+       }
+        #caixa-pai{background-color: rgb(167, 106, 15);
+        position:relative;
+        }
+
+       #caixa-c {
+         height: 40px; 
+         width: 40px;
+        position: absolute;
+        bottom: 19px;
+        right:25px;
+        background-color: rgb(94, 19, 10);
+       }
+
+       #caixa-a{
+           position:fixed;
+           top:50%;
+           left:50%;
+       }
+
+       html {
+           border: 1px solid black;
+       }
+       body {
+        border: 1px solid rgb(17, 17, 145);
+       }
+    </style>
+</head>
+<body>
+    <div id="caixa-a"></div>
+    <div id="caixa-b"></div>
+    <div id="caixa-pai">
+        <div id="caixa-c"></div>
+    </div>
+    
+
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod, harum cupiditate? Esse suscipit quis numquam, aliquam nihil maxime ullam ad accusantium laboriosam dignissimos! Officiis sequi reiciendis odio similique, non tempora.</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/formularios/css/estilo.css b/formularios/css/estilo.css
new file mode 100644
index 0000000..4af5fd0
--- /dev/null
+++ b/formularios/css/estilo.css
@@ -0,0 +1,51 @@
+@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono');
+
+
+body{background-color:#ababab;
+    font-family: 'Ubuntu Mono', monospace; 
+}
+*{  margin: 0;
+    padding:0;
+    box-sizing:border-box;}
+
+ form label,form input{height:20px;}
+
+ form{width:70%;
+ padding:5% 10%;
+ margin:5% auto;
+ background-color: #eeeeee;
+ border-radius:50px 0px 50px 0px;}
+
+ form h1{color: #4f4e5b;
+text-align:center;
+border-bottom : 1px solid#ababab; }
+
+  form h1 span{color:#f49d34 }
+   
+  form label{ display: block;
+    margin-top:20px;
+    margin-bottom:10px;
+    font-weight:bold; }
+
+    form div{ margin:1px solid black;
+    background-color:white;
+    padding: 5px 10px;
+    box-shadow:0 0 10px;
+    border-radius: 5px; }
+
+    form input{ width:80%;
+    background-color: transparent;
+    border: none;
+    outline: none;}
+
+    form button {
+        display:block;
+    width: 90px;
+    padding:10px;
+    margin:20px auto 0 auto;
+    background-color: #cc7964;
+    color:white;
+    border-radius: 8px;
+    border: none;
+    outline :none;
+}
\ No newline at end of file
diff --git a/formularios/formget.html b/formularios/formget.html
new file mode 100644
index 0000000..3e8720a
--- /dev/null
+++ b/formularios/formget.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>form Get</title>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" >
+    <link rel="stylesheet" href="css/estilo.css">
+</head>
+<body>
+        <form action="">
+      <h1>Form<span>Get</span></h1>
+     <label for="name">Full Name :</label>
+     <div>
+      <i class="fas fa-user"></i>
+     <input type="text" id="name" placeholder="Full Name">
+     </div>
+     <label for="email">Email :</label>
+     <div>
+      <i class="fas fa-envelope-square"></i>
+     <input type="email" id="email" placeholder="Email">
+    </div>       
+   <label for="contact">Contact Number :</label>
+    <div>
+      <i class="fas fa-phone-square"></i>
+    <input type="number" id="contact" placeholder="Contact Number">
+    </div>
+    <label for="address">Address :</label>
+    <div>
+      <i class="fas fa-home"></i>
+    <input type="text" id="address" placeholder="Address">
+    </div> 
+    <button>Submit</button>
+   </form>
+   
+ </body>
+ </html>
\ No newline at end of file
