Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html lang="pt-br">
- <head>
- <meta charset="utf8">
- <style>
- * {
- margin: 0;
- font-family: 'Roboto', sans-serif;
- }
- body {
- background-color: #eee;
- }
- #lateral {
- float: right;
- width: 600px;
- height: 100%;
- background-color: #fff;
- box-shadow: -2px 0 0 0 #ffa2a2;
- display: block;
- }
- .centro {
- margin-top: 200px;
- margin-left: 250px;
- }
- #lateral h1 {
- font-size: 21px;
- color: #000;
- padding: 20px 45px 2px;
- }
- nav ul {
- padding: 0px;
- margin: 0px;
- background-color: #ff4d33;
- height: 45px;
- list-style: none;
- }
- nav ul li {
- display: inline;
- }
- nav ul li a {
- text-align: center;
- padding: 11px 10px;
- display: inline-block;
- /* visual do link */
- background-color: #ff4d33;
- color: #fff;
- text-decoration: none;
- }
- </style>
- </head>
- <body>
- <div id="lateral">
- <h1><b>Função que muda a imagem por click em javascript</b></h1>
- <h1><b>Clique e descubra qual o nome da escola</b></h1>
- <div class="centro">
- <img id="badranlove" src="interrogacao.png" style="width: 150px;">
- </div>
- </div>
- <nav>
- <ul>
- <li><a href="#">TESTE</a></li>
- <li><a href="#">TESTE</a></li>
- <li><a href="#">TESTE</a></li>
- <li><a href="#">TESTE</a></li>
- </ul>
- </nav>
- <script src="teste.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement