Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- .div5{margin-top:100px;
- margin-left:260px;}
- .header{background-color:#1CA445;
- height: 180px;
- width:80%;
- margin-left:10%;
- border-bottom:8px solid white;
- }
- h1{font-family:verdana;
- color:white;
- font-size:300%;
- font-weight:bold;
- text-align:center;
- text-shadow:2px 2px darkblue;
- padding:20px;
- }
- ul{float:left;
- width:100%;
- padding:0;
- margin:0;
- list-style-type:none;}
- a{float:left;
- width:328.5px;
- text-decoration:none;
- text-align:center;
- color:white;
- background-color:#48D60E;
- height:30px;
- padding: 0.2em 0.1em;
- border:1px solid white;}
- a:hover{background-color:lightgreen;}
- li{display:inline;}
- .div2{float:left;
- margin-left:10%;}
- .div1{width:400px;
- height:600px;
- margin-top:65px;
- margin-bottom:5px;
- margin-left:10%;
- float:left;
- font-family:arial;
- color:darkblue;
- bgcolor:darkblue;
- text-align:justify;}
- .div3{margin-left:50%;
- margin-top:100px;
- .footer {
- </style>
- </head>
- <body>
- <div class="header"><h1>Obnovljivi izvori energije</h1></div>
- <div class="div2">
- <ul>
- <li>
- <a>Solarne elektrane </a>
- <li><a>Aeroelektrane</a>
- <li><a>Hidroelektrane</a>
- </ul>
- </div>
- <div class="div1">Održivi razvoj
- Održivi razvoj predstavlja integralni ekonomski, tehnološki, socijalni i
- kulturni razvoj, usklađen sa potrebama zaštite i unapređenja životne
- sredine, koji omogućava sadašnjim i budućim generacijama zadovoljavanje
- njihovih potreba i poboljšanje kvaliteta života. To znači da bi jedno
- društvo trebalo da se razvija u skladu sa ekološkim mogućnostima i
- sposobnostima samoobnavljanja resursa koje čovek iz prirode
- koristi.
- Ne uzimati više nego što priroda može da obnovi!
- </div>
- <div class="div3">
- <img src="gobelja.jpg"style="width:500px;heigh:600px;">
- </div>
- <div class="div5"><iframe width="560" height="493" data-original-
- width="560" data-original-height="493"
- src="https://www.thinglink.com/card/1286744460738166785"
- type="text/html" frameborder="0" webkitallowfullscreen
- mozallowfullscreen allowfullscreen scrolling="no"></iframe><script async
- src="//cdn.thinglink.me/jse/responsive.js"></script></div>
- </head>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement