-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Clone de um site fake para modelo
- Loading branch information
Showing
5 changed files
with
154 additions
and
68 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Anna Bella Biografia</title> | ||
| <link rel="stylesheet" type="text/css" href="estilo.css"> | ||
| </head> | ||
| <body> | ||
| <div id="principal"> | ||
| <img src="imagens/capa.png"> | ||
| <div id="menu"> | ||
| <a href="index.html">HOME</a> | | ||
| <a href="biografia.html">BIOGRAFIA</a> | | ||
| <a href="campanhas-publicitarias.html">CAMPANHAS PUBLICITÁRIAS</a> | | ||
| <a href="contato.html">CONTATO</a> | ||
| </div> | ||
| <div id="conteudo"><!--inicio de conteudo --> | ||
| <h1>Biografia</h1> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
| </div><!--fim de conteudo --> | ||
| <div id="rodape"> | ||
| <h4>Todos os direitos reservados</h4> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Anna Bella Campanhas Publicitárias</title> | ||
| <link rel="stylesheet" type="text/css" href="estilo.css"> | ||
| </head> | ||
| <body> | ||
| <div id="principal"> | ||
| <img src="imagens/capa.png"> | ||
| <div id="menu"> | ||
| <a href="index.html">HOME</a> | | ||
| <a href="biografia.html">BIOGRAFIA</a> | | ||
| <a href="campanhas-publicitarias.html">CAMPANHAS PUBLICITÁRIAS</a> | | ||
| <a href="contato.html">CONTATO</a> | ||
| </div> | ||
| <div id="conteudo"><!--inicio de conteudo --> | ||
| <h1>Campanhas publicitárias</h1> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
| <img class="img-campanha" src="imagens/foto1.png"> | ||
|
|
||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
| <img class="img-campanha" src="imagens/foto2.png"> | ||
|
|
||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
| <img class="img-campanha" src="imagens/foto3.png"> | ||
|
|
||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
|
|
||
| </div><!--fim de conteudo --> | ||
| <div id="rodape"> | ||
| <h4>Todos os direitos reservados</h4> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,47 +1,32 @@ | ||
| <!doctype html> | ||
|
|
||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>UNES - Contato</title> | ||
| <meta charset="utf-8"> | ||
| <title>Anna Bella Contato</title> | ||
| <link rel="stylesheet" type="text/css" href="estilo.css"> | ||
| </head> | ||
|
|
||
| <body background="imagens/fundo2.png"> | ||
|
|
||
| <table align="center" width="900"> | ||
| <td height="89"><img src="imagens/logo.png"></td> | ||
| <body> | ||
| <div id="principal"> | ||
| <img src="imagens/capa.png"> | ||
| <div id="menu"> | ||
| <a href="index.html">HOME</a> | | ||
| <a href="biografia.html">BIOGRAFIA</a> | | ||
| <a href="campanhas-publicitarias.html">CAMPANHAS PUBLICITÁRIAS</a> | | ||
| <a href="contato.html">CONTATO</a> | ||
| </div> | ||
| <div id="conteudo"><!--inicio de conteudo --> | ||
| <h1>Contato</h1> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
| <td align="right"><a href="index.html">Home</a> | | ||
| <a href="quemsomos.html"> Quem Somos</a> | | ||
| <a href="contato.html"> Contato</a> | ||
| </td> | ||
| </tr> | ||
|
|
||
| <tr> | ||
| <td colspan="2"> | ||
| <h2> Entre em contato</h2> | ||
| Lorem <strong>ipsum dolor</strong> sit <em>amet</em>, consectetur adipiscing elit. Suspendisse sit amet mollis nisl. | ||
| <hr> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td colspan="2"> | ||
| <form> | ||
| Seu e-mail:<br> | ||
| <input type="text" name="email"><br> | ||
| Assunto:<br> | ||
| <input type="text" name="assunto"><br> | ||
| Descrição:<br> | ||
| <textarea></textarea><br> | ||
| <input type="submit" value="Enviar"> | ||
| <img class="img-campanha" src="imagens/foto1.png"> | ||
|
|
||
| </form> | ||
|
|
||
|
|
||
| </td> | ||
| </tr> | ||
|
|
||
| </table> | ||
| <p align="center"><strong>Todos os direitos reservados</strong></p> | ||
| <div><strong>E-mail:</strong>[email protected] <br> | ||
| <strong> Telefone:</strong> (11)9978-6589 | ||
| </div> | ||
| </div><!--fim de conteudo --> | ||
| <div id="rodape"> | ||
| <h4>Todos os direitos reservados</h4> | ||
| </div> | ||
|
|
||
| </body> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| body{ | ||
| background: #d2d2c1 url(imagens/fundo.png); | ||
|
|
||
| font: 16px Arial, Helvetica, sans-serif; | ||
| } | ||
|
|
||
| a { | ||
| color: #4b566a; | ||
| text-decoration: none; | ||
| font-weight: bold; | ||
| padding: 5px; | ||
| } | ||
| h1{ | ||
| color: #828271; | ||
| font-size: 1.2em | ||
| } | ||
| #rodape{ | ||
| text-align: center; | ||
| } | ||
|
|
||
| #principal{ | ||
| width: 900px; | ||
|
|
||
| } | ||
| #menu{ | ||
| background: #c5c5b2; | ||
| padding:18px ; | ||
| } | ||
| #conteudo{ | ||
| background: #e8e8d9; | ||
| padding: 10px; | ||
| } | ||
|
|
||
| .img-campanha{ | ||
| border: 10px solid #c3c3ae; | ||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,36 +1,30 @@ | ||
| <!doctype html> | ||
|
|
||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>UNES - Página Principal</title> | ||
| <meta charset="utf-8"> | ||
| <title>Anna Bella Oficial</title> | ||
| <link rel="stylesheet" type="text/css" href="estilo.css"> | ||
| </head> | ||
|
|
||
| <body background="imagens/fundo.png"> | ||
|
|
||
| <table align="center" width="900"> | ||
| <td height="89"><img src="imagens/logo.png"></td> | ||
| <body> | ||
| <div id="principal"> | ||
| <img src="imagens/capa.png"> | ||
| <div id="menu"> | ||
| <a href="index.html">HOME</a> | | ||
| <a href="biografia.html">BIOGRAFIA</a> | | ||
| <a href="campanhas-publicitarias.html">CAMPANHAS PUBLICITÁRIAS</a> | | ||
| <a href="contato.html">CONTATO</a> | ||
| </div> | ||
| <div id="conteudo"><!--inicio de conteudo --> | ||
| <h1>Sobre Anna Bella</h1> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
| <td align="right"><a href="index.html">Home</a> | | ||
| <a href="quemsomos.html"> Quem Somos</a> | | ||
| <a href="contato.html"> Contato</a> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td colspan="2"><img src="imagens/capa.png"></td> | ||
| </tr> | ||
| <tr> | ||
| <td colspan="2"> | ||
| <h2> Sobre a Universidade</h2> | ||
| <p>Lorem <strong>ipsum dolor</strong> sit <em>amet</em>, consectetur adipiscing elit. Suspendisse sit amet mollis nisl. Aliquam sit amet diam ac quam dignissim lobortis vel ac sapien. Proin placerat cursus risus. Duis blandit varius hendrerit. Vivamus sed placerat turpis, vel viverra neque. Duis at tempor magna, sit amet gravida purus. Nulla facilisi. Vivamus accumsan risus vitae risus blandit venenatis. Sed sed nisl tempor, tincidunt elit sit amet, facilisis neque. Donec rutrum mauris odio, gravida vestibulum nulla cursus vitae. Cras vestibulum lectus sed augue viverra ultrices ac nec lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum cursus elit, vitae placerat lectus laoreet a.</p> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
|
|
||
| <p>Lorem <strong>ipsum dolor</strong> sit <em>amet</em>, consectetur adipiscing elit. Suspendisse sit amet mollis nisl. Aliquam sit amet diam ac quam dignissim lobortis vel ac sapien. Proin placerat cursus risus. Duis blandit varius hendrerit. Vivamus sed placerat turpis, vel viverra neque. Duis at tempor magna, sit amet gravida purus. Nulla facilisi. Vivamus accumsan risus vitae risus blandit venenatis. Sed sed nisl tempor, tincidunt elit sit amet, facilisis neque. Donec rutrum mauris odio, gravida vestibulum nulla cursus vitae. Cras vestibulum lectus sed augue viverra ultrices ac nec lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vestibulum cursus elit, vitae placerat lectus laoreet a.</p> | ||
|
|
||
| </td> | ||
| </tr> | ||
|
|
||
| </table> | ||
| <p align="center"><strong>Todos os direitos reservados</strong></p> | ||
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam lacus non pretium pharetra. Maecenas aliquam nulla rutrum fringilla sodales. Duis condimentum sollicitudin augue, sit amet ornare eros pretium sit amet. Fusce lacinia aliquet est at dictum. Morbi pharetra, arcu eu convallis congue, odio dolor consequat arcu, vitae ornare nisl lacus non libero.</p> | ||
| </div><!--fim de conteudo --> | ||
| <div id="rodape"> | ||
| <h4>Todos os direitos reservados</h4> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |