nova formget
This commit is contained in:
LucianoNascimento1982
GitHub
parent
d254b0399c
commit
7da0a5634d
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
|
|
@ -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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 394 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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>
|
||||
Loading…
Reference in New Issue