API tools faq
paste
Advertisement
fr1sk

Kolokvijum 2

fr1sk
Apr 6th, 2016
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.70 KB | None | 0 0
raw download clone embed print report
  1. <DOCTYPE !html>
  2. <html>
  3.     <head>
  4.         <meta lang="en">
  5.         <meta name="keywords" content="uvit kolokvijum">
  6.         <meta name="author" content="Marko">
  7.         <meta name="description" content="nas sajt">
  8.         <meta charset="utf-8">
  9.         <title>Drugi kolokvijum</title>
  10.         <style>
  11.             #kocka{
  12.                 background-color:#ECD743;
  13.                 font-family: "Tahoma", sans-serif;
  14.                 color: white;
  15.                 width: 300px;
  16.                 height: 100px;
  17.                 font-size: 40px;
  18.                 text-transform: uppercase;
  19.                 text-align: center;
  20.                
  21.             }
  22.             body{
  23.                 height: 800px;
  24.                 width: 900px;
  25.                 margin-left: auto;
  26.                 margin-right: auto;
  27.                                
  28.             }
  29.  
  30.             #kocka2{
  31.                 float: right;
  32.                 line-height: 100px;
  33.                 background-color:#70C76D;
  34.                 font-family: "Tahoma", sans-serif;
  35.                 color: white;
  36.                 width: 300px;
  37.                 height: 100px;
  38.                 font-size: 40px;
  39.                 text-transform: uppercase;
  40.                 text-align: center;
  41.                
  42.             }
  43.             #kocka3{
  44.                 margin-left: 300px;
  45.                 background-image: url("tacke.png");
  46.                 font-family: "Tahoma", sans-serif;
  47.                 color: white;
  48.                 width: 300px;
  49.                 height: 100px;
  50.                 font-size: 40px;
  51.                 text-transform: uppercase;
  52.                 text-align: center;
  53.                
  54.             }
  55.        
  56.             #cokolada{
  57.                 background-color: #5F9EA0;
  58.                 height:300px;
  59.                 margin-top:50px;
  60.             }
  61.             #manjaKocka{
  62.                 background-color: #FFFFFF;
  63.                 width: 850px;
  64.                 height: 250px;
  65.                 margin: auto;
  66.                 position: relative;
  67.                 top: 25px;
  68.                 border-bottom-right-radius: 50px;
  69.                 opacity: 0.8;
  70.             }
  71.             #paragraf{
  72.                 font-family: "Tahoma", sans-serif;
  73.                 font-size: 16px;
  74.                 text-align: justify;
  75.                 margin-left: 10px;
  76.                 margin-right: 10px;
  77.                 position: relative;
  78.                 top: 25px;
  79.             }
  80.  
  81.             #sp{
  82.                 letter-spacing: 4px;
  83.             }
  84.             #web{
  85.                 font-weight: bold;
  86.             }  
  87.             #cl{
  88.                 font-style: italic;
  89.             }          
  90.             td{
  91.                 background-color: #5F9EA0;
  92.                 width: 200px;
  93.                 height: 50px;
  94.             }
  95.             table{
  96.                 margin:auto;
  97.                
  98.             }
  99.             #tabela{
  100.                 border-spacing: 10px;
  101.             }
  102.  
  103.            
  104.             caption{
  105.                 caption-side: bottom;  
  106.             }
  107.             #divic{
  108.                 text-align: justify;
  109.                 width:300px;
  110.                 border-right: 2px solid orange;
  111.                 margin-top: 50px;
  112.  
  113.                
  114.             }
  115.             #textic{
  116.                 position: relative;
  117.                 right: 20;
  118.             }
  119.             #andja{
  120.                 position:absolute;
  121.                 left: 312px;
  122.                 bottom: 20;
  123.                 width: 588px;
  124.                 border-spacing: 1;
  125.                 height: 75px;
  126.             }
  127.             #futer{
  128.                 position:absolute;
  129.                
  130.                
  131.             }
  132.             .fr1sk{
  133.                
  134.                 background-color:orange;
  135.                 height: 75px;
  136.             }
  137.             .padre{
  138.                 font-family: "Tahoma", sans-serif;
  139.                 color: white;
  140.                 margin:auto;
  141.                
  142.                 font-size:16px;
  143.             }
  144.             .otac{
  145.                 font-family: "Tahoma", sans-serif;
  146.                 color: black;
  147.                 font-size:16px;
  148.                 margin:auto;
  149.                 text-align: center;
  150.             }
  151.             #glupost{
  152.                 border-spacing: 10px;
  153.             }
  154.             #trBro{
  155.                 text-align:center;
  156.                 font-weight: bold;
  157.             }
  158.  
  159.  
  160.         </style>
  161.     </head>
  162.  
  163.  
  164.     <body>
  165.     <header>
  166.         <nav>
  167.             <div id="kocka">Responsive Web</div>
  168.             <div id="kocka2">Design</div>
  169.             <div id="kocka3"></div>
  170.         </nav>
  171.     </header>
  172.  
  173.     <main>
  174.         <div id="cokolada">
  175.             <div id="manjaKocka">
  176.                 <div id="paragraf">
  177.                     <p>
  178.                         <span id="web">Prilagodljivi web</span> dizajn je osmisljen sa namerom da se sadrzaj ne isti nacin, podjednako udobno i                             pregledno prikazuje na uredjajima razlicitih dimenzija. Termin je uveo <span id="sp">ethan marcotte</span> 2010. godine u                           svom  <span id="cl">clanku</span> u kome objasnjava da je termin usvojen po ugledu na modernu   arhitekturu i                           prilagodjavanje prostora prolaznicima.
  179.                     </p>
  180.  
  181.                 <div>
  182.             <div id="tabela">
  183.                
  184.                 <table id="glupost">
  185.                 <caption>Primer rasporeda</caption>
  186.                     <tr id="drugi">
  187.                         <td ></td>
  188.                         <td colspan="2"></td>
  189.                         <td colspan="3"></td>
  190.                     </tr>
  191.                     <tr>
  192.                         <td colspan="2"></td>
  193.                         <td colspan="3"></td>
  194.                         <td ></td>
  195.                     </tr>  
  196.  
  197.                 </table>
  198.             </div>
  199.             </div>
  200.         <div>
  201.    
  202.     </main>
  203.     <footer>
  204.         <div id="futer">
  205.             <div id="andja">
  206.             <table>
  207.                 <tr id="trBro">
  208.                     <td class="fr1sk"><span class="padre">flex-direction:</span><br><span class="otac">smer prosledjivanja podelemenata</span></td>
  209.                     <td class="fr1sk"><span class="padre">flex-wrap:</span><br><span class="otac">kontrola prelaza podelemenata</span></td>
  210.                     <td class="fr1sk"><span class="padre">justify-content:</span><br><span class="otac">poravnanje podelemenata</span></td>
  211.                 </tr>
  212.             </table>
  213.         </div>
  214.         <div id="divic">
  215.             <img src="css-tricks.png" alt="zvezdica"></img>
  216.             <div id="textic">
  217.             <p><b>CSS-Tricks</b> je jebeni sajt koji je dobar za trikove iz css-a samo je fora u tome sto je dobar ali nije najbolji. Najbolji je Andjelkin sajt jer Andjelka je tajbolji asistent na faksu. Andjelka one love!</p>
  218.         </div>
  219.    
  220.         </div>
  221.     </footer>
  222.     </body>
  223. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!