| @ -0,0 +1 @@ | |||
| {"input":{"location":{"$mid":1,"fsPath":"/home/bianca-maria/projetos-netuno/Triplo-X/extensions","path":"/home/bianca-maria/projetos-netuno/Triplo-X/extensions","scheme":"file"},"mtime":1666124219501,"profile":false,"type":1,"excludeObsolete":true,"validate":true,"productVersion":"1.70.1","productDate":"2022-08-17T18:27:38.722Z","productCommit":"2062a59ca1a586d8a6e7bf483841085a94c440a4","devMode":false,"language":"en","translations":{}},"result":[]} | |||
| @ -0,0 +1,2 @@ | |||
| let seleciona = document.getElementById('b_enviar'); | |||
| console.log(seleciona); | |||
| @ -0,0 +1,18 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log('A=',a); | |||
| console.log('B=',b); | |||
| console.log('D=',d); | |||
| console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); | |||
| @ -0,0 +1,18 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log('A=',a); | |||
| console.log('B=',b); | |||
| console.log('D=',d); | |||
| console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); | |||
| @ -0,0 +1 @@ | |||
| document.getElementById('campo_email'); | |||
| @ -0,0 +1,9 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log('a + d =', a + d); | |||
| @ -0,0 +1,6 @@ | |||
| let seleciona = document.getElementById("btn_enviar"); | |||
| console.log(seleciona); | |||
| @ -0,0 +1,16 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log(a); | |||
| console.log(a); | |||
| console.log(d); | |||
| console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| @ -0,0 +1,31 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| let c; | |||
| l | |||
| b+=a;//b = b + a; | |||
| c = b+a; | |||
| //console.log('A=',a); | |||
| console.log('B=',b); | |||
| console.log('C=',c); | |||
| /* console.log('B=',b); | |||
| console.log('D=',d); | |||
| */ | |||
| /* console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); */ | |||
| @ -0,0 +1,27 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| b+=a; | |||
| //console.log('A=',a); | |||
| console.log('B=',b); | |||
| /* console.log('B=',b); | |||
| console.log('D=',d); | |||
| */ | |||
| /* console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); */ | |||
| @ -0,0 +1,26 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| b+= | |||
| console.log('A=',a); | |||
| console.log('B=',b); | |||
| /* console.log('B=',b); | |||
| console.log('D=',d); | |||
| */ | |||
| /* console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); */ | |||
| @ -0,0 +1,2 @@ | |||
| let seleciona = document.getElementById('campo_email'); | |||
| console.log(seleciona) | |||
| @ -0,0 +1,7 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| @ -0,0 +1,2 @@ | |||
| let seleciona = document.getElementById("btn_enviar"); | |||
| console.log(seleciona); | |||
| @ -0,0 +1,18 @@ | |||
| console.log('oi tste'); | |||
| const a = 144; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log('A=',a); | |||
| console.log('B=',b); | |||
| console.log('D=',d); | |||
| console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); | |||
| @ -0,0 +1,9 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log('a + d'); | |||
| @ -0,0 +1,3 @@ | |||
| let seleciona = document.getElementById("btn_enviar"); | |||
| console.log(seleciona); | |||
| @ -0,0 +1,18 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log(a); | |||
| console.log(b); | |||
| console.log(d); | |||
| console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); | |||
| @ -0,0 +1,26 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| b+=a | |||
| console.log('A=',a); | |||
| console.log('B=',b); | |||
| /* console.log('B=',b); | |||
| console.log('D=',d); | |||
| */ | |||
| /* console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); */ | |||
| @ -0,0 +1,3 @@ | |||
| let seleciona = document.getElementById("btn_enviar"); | |||
| console.log(seleciona); | |||
| @ -0,0 +1,14 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a + d =', a += d); | |||
| console.log('b -= d =', b -= d); | |||
| console.log('a ** d =', a ** d); | |||
| @ -0,0 +1 @@ | |||
| console.log(document.getElementById('campo_email')); | |||
| @ -0,0 +1,25 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| console.log('A=',a); | |||
| console.log('A=',b); | |||
| /* console.log('B=',b); | |||
| console.log('D=',d); | |||
| */ | |||
| /* console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); */ | |||
| @ -0,0 +1,28 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| b+=a;//b = b + a; | |||
| b+a; | |||
| //console.log('A=',a); | |||
| console.log('B=',b); | |||
| /* console.log('B=',b); | |||
| console.log('D=',d); | |||
| */ | |||
| /* console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); */ | |||
| @ -0,0 +1,13 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| b++; | |||
| ++b; | |||
| @ -0,0 +1 @@ | |||
| {"version":1,"resource":"vscode-remote://bianca-maria.dev.netuno.org:22988/home/bianca-maria/projetos-netuno/Triplo-X/scripts/index.js","entries":[{"id":"FLGs.js","timestamp":1666131310773},{"id":"HfXt.js","timestamp":1666131335613},{"id":"srZi.js","timestamp":1666131367901},{"id":"9Prx.js","timestamp":1666131400664},{"id":"WZiA.js","timestamp":1666131574491},{"id":"xNhq.js","timestamp":1666131611202},{"id":"Aq8g.js","timestamp":1666131637350},{"id":"PGSg.js","timestamp":1666131686734},{"id":"4j1e.js","timestamp":1666131731949},{"id":"H7aY.js","timestamp":1666131848824},{"id":"4sUo.js","timestamp":1666131893228},{"id":"nbZI.js","timestamp":1666132244141},{"id":"YxvP.js","timestamp":1666132275092},{"id":"DwdD.js","timestamp":1666132351183},{"id":"PHiN.js","timestamp":1666132363223},{"id":"D27i.js","timestamp":1666132377091},{"id":"nj4o.js","timestamp":1666132392847},{"id":"b7Th.js","timestamp":1666132450447},{"id":"BD4K.js","timestamp":1666132507626},{"id":"qIRP.js","timestamp":1666132682860},{"id":"baf2.js","timestamp":1666132800223},{"id":"8uUG.js","timestamp":1666133686279},{"id":"X4db.js","timestamp":1666133718951},{"id":"iY2P.js","timestamp":1666133769314},{"id":"Efvn.js","timestamp":1666133818326},{"id":"2fOb.js","timestamp":1666133919605},{"id":"ngXb.js","timestamp":1666133960597},{"id":"xxck.js","timestamp":1666133978437},{"id":"GL0N.js","timestamp":1666134076040},{"id":"W3Y0.js","timestamp":1666134139139},{"id":"LV0s.js","timestamp":1666134251746},{"id":"AY7y.js","timestamp":1666134311082}]} | |||
| @ -0,0 +1 @@ | |||
| console.log(document.getElementById('campo_email')); | |||
| @ -0,0 +1,22 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| console.log('A=',a); | |||
| /* console.log('B=',b); | |||
| console.log('D=',d); | |||
| */ | |||
| /* console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); */ | |||
| @ -0,0 +1,2 @@ | |||
| let seleciona = document.getElementById(btn_enviar'); | |||
| console.log(seleciona); | |||
| @ -0,0 +1,27 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| b+=a;//b = b + a; | |||
| //console.log('A=',a); | |||
| console.log('B=',b); | |||
| /* console.log('B=',b); | |||
| console.log('D=',d); | |||
| */ | |||
| /* console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a ** d =', a ** d); | |||
| console.log('a % d =', a % d); | |||
| console.log('a / d =', a / d); */ | |||
| @ -0,0 +1,12 @@ | |||
| console.log('oi tste'); | |||
| const a = 150; | |||
| let b = 12; | |||
| /* const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; */ | |||
| b++; | |||
| ++b; | |||
| @ -0,0 +1,9 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log('a + d', a + d); | |||
| @ -0,0 +1,17 @@ | |||
| console.log('oi tste'); | |||
| const a = 1; | |||
| const b = 3; | |||
| const c = 10; | |||
| const d = 12; | |||
| const e = 14; | |||
| console.log(a); | |||
| console.log(a); | |||
| console.log('a + d =', a + d); | |||
| console.log('b * d =', b * d); | |||
| console.log('a - d =', a - d); | |||
| console.log('a + d =', a += d); | |||
| console.log('b -= d =', b -= d); | |||
| console.log('a ** d =', a ** d); | |||
| @ -0,0 +1,2 @@ | |||
| let seleciona = document.getElementById("btn_enviar"); | |||
| console.log(seleciona); | |||
| @ -0,0 +1,4 @@ | |||
| { | |||
| "workbench.colorTheme": "Default Dark+", | |||
| "editor.fontSize": 16 | |||
| } | |||
| @ -0,0 +1,3 @@ | |||
| { | |||
| "workbench.colorTheme": "Default Dark+" | |||
| } | |||
| @ -0,0 +1 @@ | |||
| {"version":1,"resource":"vscode-remote:/home/bianca-maria/projetos-netuno/Triplo-X/User/settings.json","entries":[{"id":"eDpO.json","timestamp":1666124265404},{"id":"BhMq.json","timestamp":1666124312184}]} | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm_">Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm_titulo">Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html"> | |||
| <h2>Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,84 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form class="frm" action="salvar.html"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__divinfor"> | |||
| <label class="form__divinforlabel"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,84 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form class="frm" action="salvar.html"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="form__infor__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,81 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,84 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| action="salvar.html" | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,85 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id ="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,81 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,87 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,84 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form class="frm" action="salvar.html"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__divinfor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,87 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <h2 class="titulo">Requisitos de hardware</h2> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,87 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <h2 class="titulo">Requisitos de hardware</h2> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X 20</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html"> | |||
| <h2>Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,79 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class=" | |||
| ">Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1 @@ | |||
| {"version":1,"resource":"vscode-remote://bianca-maria.dev.netuno.org:22988/home/bianca-maria/projetos-netuno/Triplo-X/index.html","entries":[{"id":"8taL.html","timestamp":1666124709700},{"id":"lLcv.html","timestamp":1666124809395},{"id":"m9ER.html","timestamp":1666124872243},{"id":"riPz.html","source":"undoRedo.source","timestamp":1666124884935},{"id":"U0oy.html","timestamp":1666124901710},{"id":"xNqE.html","timestamp":1666129776858},{"id":"eSnq.html","source":"undoRedo.source","timestamp":1666129794474},{"id":"5wxN.html","timestamp":1666129798486},{"id":"6Eq8.html","timestamp":1666129822518},{"id":"Y7CE.html","timestamp":1666129846906},{"id":"rsIh.html","timestamp":1666129870262},{"id":"AkDk.html","timestamp":1666129891189},{"id":"lZS7.html","timestamp":1666129914537},{"id":"sgUn.html","timestamp":1666129977389},{"id":"s4mq.html","timestamp":1666130008840},{"id":"PJ1u.html","timestamp":1666130033232},{"id":"JGAg.html","timestamp":1666130043848},{"id":"ZmCz.html","timestamp":1666130056996},{"id":"8c7g.html","timestamp":1666130077884},{"id":"wavL.html","timestamp":1666133890265},{"id":"O3hd.html","timestamp":1666134350897},{"id":"IXZq.html","timestamp":1666134588443},{"id":"gELX.html","timestamp":1666134614035},{"id":"hiIm.html","timestamp":1666286427365},{"id":"l62m.html","timestamp":1666286576724},{"id":"RroW.html","timestamp":1666286685439},{"id":"Frj7.html","timestamp":1666287056472},{"id":"Ft5X.html","timestamp":1666287493752},{"id":"KHX1.html","timestamp":1666287670894},{"id":"ragq.html","timestamp":1666287700006},{"id":"waXd.html","timestamp":1666287743634},{"id":"KVTc.html","timestamp":1666288106342},{"id":"mCh5.html","timestamp":1666289048265},{"id":"yHEl.html","source":"undoRedo.source","timestamp":1666289116473},{"id":"RIFi.html","timestamp":1666289367250},{"id":"uk9L.html","timestamp":1666289416194},{"id":"hduj.html","timestamp":1666289604540},{"id":"T9FC.html","timestamp":1666289643636},{"id":"TX9x.html","timestamp":1666291639554},{"id":"nEzU.html","timestamp":1666291676870}]} | |||
| @ -0,0 +1,83 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,87 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <h2>Requisitos de hardware</h2> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,83 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form class="frm" action="salvar."> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,83 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form class="frm" action="salvar.html"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__divinfor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html"> | |||
| <h2>Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/estilos.css"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html"> | |||
| <h2>Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,85 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,88 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <h2 class="titulo">Requisitos de hardware</h2> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X 2022</p> | |||
| <span>Todos os direitos reservados</span> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,84 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <--! action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href=""/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html"> | |||
| <h2>Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,87 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <h2>Requisitos de hardware</h2> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,85 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label class="frm__divinfor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="frm__divinfor"> | |||
| <label for="campo_email" class="frm__divinfor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__divinfor__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,78 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/index.js"></script> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <form action="salvar.html" class="frm"> | |||
| <h2>Registre seu interesse</h2> | |||
| <div class="form__infor"> | |||
| <label class="form__label">Nome:</label> | |||
| <input type="text" name="nome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label for="campo_email" class="form__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="form__input"/> | |||
| </div> | |||
| <div class="form__infor"> | |||
| <label class="form__label"> | |||
| <input type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button>Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,85 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |||
| <title>Título Página Triplo X</title> | |||
| <link rel="stylesheet" href="styles/estilos.css"/> | |||
| <link rel="stylesheet/less" type="text/css" href="styles/base.less"/> | |||
| <script src="scripts/less.min.js" type="text/javascript"></script> | |||
| </head> | |||
| <body> | |||
| <header> | |||
| <h1>Smartphone XJK +</h1> | |||
| </header> | |||
| <main> | |||
| <table cellspacing="5" cellpadding="10" border="0"> | |||
| <thead> | |||
| <tr> | |||
| <th>Ano</th> | |||
| <td>2022</td> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <th>Processador</th> | |||
| <td>4 cores</td> | |||
| </tr> | |||
| <tr> | |||
| <th>Espessura</th> | |||
| <td>100mm</td> | |||
| </tr> | |||
| </tbody> | |||
| <tfoot> | |||
| <tr> | |||
| <th>Média</th> | |||
| <td>1,60</td> | |||
| </tr> | |||
| </tfoot> | |||
| </table> | |||
| <!-- action="salvar.html" --> | |||
| <form class="frm" > | |||
| <h2 class="frm__titulo">Registre seu interesse</h2> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label">Nome:</label> | |||
| <input type="text" name="nome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label" for="campo_sobrenome"> | |||
| Sobrenome: | |||
| </label> | |||
| <input id="campo_sobrenome" type="text" name="sobrenome" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label for="campo_email" class="frm__infor__label"> | |||
| Email: | |||
| </label> | |||
| <input id="campo_email" type="email" name="email" class="frm__infor__input"/> | |||
| </div> | |||
| <div class="frm__infor"> | |||
| <label class="frm__infor__label"> | |||
| <input id="check" type="checkbox" name="autoriza" /> Receber novidades. | |||
| </label> | |||
| </div> | |||
| <button id="btn_enviar">Enviar</button> | |||
| </form> | |||
| </main> | |||
| <footer> | |||
| <p>©equipe triplo X</p> | |||
| </footer> | |||
| <script src="scripts/index.js"></script> | |||
| </body> | |||
| </html> | |||
| @ -0,0 +1,77 @@ | |||
| /* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| /* main form{ | |||
| margin-top:50px; | |||
| } | |||
| */ | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| */ | |||
| @ -0,0 +1,76 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| main form{ | |||
| margin-top:50px; | |||
| } | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| /* button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } */ | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| @ -0,0 +1,76 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| /* */main form{ | |||
| margin-top:50px; | |||
| } | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| @ -0,0 +1,76 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| /* main form{ | |||
| margin-top:50px; | |||
| } | |||
| */ | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| @ -0,0 +1,85 @@ | |||
| /* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| main form{ | |||
| margin-top:50px; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| */ | |||
| @ -0,0 +1 @@ | |||
| {"version":1,"resource":"vscode-remote://bianca-maria.dev.netuno.org:22988/home/bianca-maria/projetos-netuno/Triplo-X/styles/estilos.css","entries":[{"id":"IwBD.css","timestamp":1666126859833},{"id":"mCna.css","timestamp":1666127018868},{"id":"YWra.css","timestamp":1666130325038},{"id":"0ZhR.css","timestamp":1666130375241},{"id":"Vsgf.css","timestamp":1666130395141},{"id":"REMT.css","source":"undoRedo.source","timestamp":1666130398733},{"id":"zGZ1.css","timestamp":1666130411197},{"id":"wze3.css","timestamp":1666285695108},{"id":"h7Qy.css","timestamp":1666285768915},{"id":"Zhnf.css","timestamp":1666288148646}]} | |||
| @ -0,0 +1,78 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| main form{ | |||
| margin-top:50px; | |||
| } | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| */ | |||
| @ -0,0 +1,76 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| main form{ | |||
| margin-top:50px; | |||
| } | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| @ -0,0 +1,78 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| /* | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| main form{ | |||
| margin-top:50px; | |||
| } | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| */ | |||
| @ -0,0 +1,77 @@ | |||
| /* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html,body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| header{ | |||
| background: #EAD945; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| position: fixed; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| } | |||
| main table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| main form{ | |||
| margin-top:50px; | |||
| } | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| input["checkbox"]{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| div.form__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| */ | |||
| @ -0,0 +1,98 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| form{ | |||
| .frm{ | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| //label do checkbox | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 275px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border-radius: 4px; | |||
| border:none; | |||
| margin-top: 3px; | |||
| } | |||
| } | |||
| } | |||
| margin-top:50px; | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| } | |||
| @ -0,0 +1,102 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| .titulo{ | |||
| color:purple; | |||
| } | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| form{ | |||
| .frm{ | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| //label do checkbox | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 275px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border-radius: 4px; | |||
| border:none; | |||
| margin-top: 3px; | |||
| } | |||
| } | |||
| } | |||
| margin-top:50px; | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| } | |||
| @ -0,0 +1,103 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| .titulo{ | |||
| position: absolute; | |||
| background-color:purple; | |||
| } | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| form{ | |||
| .frm{ | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| //label do checkbox | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 275px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border-radius: 4px; | |||
| border:none; | |||
| margin-top: 3px; | |||
| } | |||
| } | |||
| } | |||
| margin-top:50px; | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| } | |||
| @ -0,0 +1,87 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| form{ | |||
| .frm{ | |||
| &__titulo{ | |||
| color: red; | |||
| } | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 275px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border-radius: 4px; | |||
| border:none; | |||
| } | |||
| } | |||
| } | |||
| margin-top:50px; | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| } | |||
| @ -0,0 +1,122 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| h1{ | |||
| text-align: center; | |||
| } | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| h2{ | |||
| text-align: center; | |||
| } | |||
| .titulo{ | |||
| margin-top: 0; | |||
| margin-bottom: 34px; | |||
| } | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| padding-top: 20px; | |||
| padding-bottom: 20px; | |||
| } | |||
| form{ | |||
| margin-top:50px; | |||
| .frm{ | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| //label do checkbox | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| //input do checkbox | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 291px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border:none; | |||
| margin-top: 3px; | |||
| } | |||
| } | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| p,span{ | |||
| color:#ffd045; | |||
| font-size: 10px; | |||
| } | |||
| span{ | |||
| font-weight: bold; | |||
| color:#ffde7c; | |||
| } | |||
| } | |||
| } | |||
| @ -0,0 +1,96 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| form{ | |||
| .frm{ | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| //label do checkbox | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 275px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border-radius: 4px; | |||
| border:none; | |||
| margin-top: 3px; | |||
| } | |||
| } | |||
| } | |||
| margin-top:50px; | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| } | |||
| @ -0,0 +1,103 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| .titulo{ | |||
| position: absolute; | |||
| top:-24px; | |||
| } | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| form{ | |||
| .frm{ | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| //label do checkbox | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 275px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border-radius: 4px; | |||
| border:none; | |||
| margin-top: 3px; | |||
| } | |||
| } | |||
| } | |||
| margin-top:50px; | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| } | |||
| @ -0,0 +1,102 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| .titulo:first-child{ | |||
| color:purple; | |||
| } | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| form{ | |||
| .frm{ | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| //label do checkbox | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 275px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border-radius: 4px; | |||
| border:none; | |||
| margin-top: 3px; | |||
| } | |||
| } | |||
| } | |||
| margin-top:50px; | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| } | |||
| @ -0,0 +1,91 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| } | |||
| form{ | |||
| .frm{ | |||
| &__titulo{ | |||
| color: red; | |||
| } | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| background:"pink"; | |||
| &__label{ | |||
| font-size: 18px; | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| } | |||
| &__input{ | |||
| width: 275px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border-radius: 4px; | |||
| border:none; | |||
| } | |||
| } | |||
| } | |||
| margin-top:50px; | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| } | |||
| } | |||
| @ -0,0 +1,116 @@ | |||
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |||
| html{ | |||
| body{ | |||
| margin: 0; | |||
| background:#e6e6e6; | |||
| } | |||
| *{ | |||
| font-family:"Roboto", sans-serif; | |||
| } | |||
| } | |||
| body{ | |||
| header{ | |||
| background-color: #EAD945; | |||
| position: fixed; | |||
| padding: 24px 40px; | |||
| top: 0; | |||
| right: 0; | |||
| left: 0; | |||
| h1{ | |||
| text-align: center; | |||
| } | |||
| } | |||
| main{ | |||
| margin: 24px 40px; | |||
| padding-top:160px; | |||
| h2{ | |||
| text-align: center; | |||
| } | |||
| .titulo{ | |||
| margin-top: 0; | |||
| margin-bottom: 27px; | |||
| } | |||
| table{ | |||
| margin: auto; | |||
| width: 100%; | |||
| background: #edce73; | |||
| border-radius: 12px; | |||
| padding-top: 20px; | |||
| padding-bottom: 20px; | |||
| } | |||
| form{ | |||
| margin-top:50px; | |||
| .frm{ | |||
| &__infor{ | |||
| margin-top: 10px; | |||
| padding-top: 10px; | |||
| padding-bottom: 10px; | |||
| //label do checkbox | |||
| label:last-child{ | |||
| font-weight:600; | |||
| color:red; | |||
| } | |||
| //input do checkbox | |||
| #check{ | |||
| width: 16px; | |||
| height: 16px; | |||
| } | |||
| &__label{ | |||
| font-size: 18px; | |||
| } | |||
| &__input{ | |||
| width: 291px; | |||
| height: 30px; | |||
| background: whitesmoke; | |||
| border:none; | |||
| margin-top: 3px; | |||
| } | |||
| } | |||
| } | |||
| button{ | |||
| background: white; | |||
| font-size: 19px; | |||
| letter-spacing: 2.2px; | |||
| margin-top: 45px; | |||
| border: none; | |||
| width: 100%; | |||
| height: 40px; | |||
| } | |||
| } | |||
| } | |||
| footer{ | |||
| margin-top: 20%; | |||
| padding:10% 10%; | |||
| text-align: center; | |||
| background:chocolate; | |||
| p,span{ | |||
| font-size: 1; | |||
| } | |||
| } | |||
| } | |||