<!DOCTYPE html>
<head>
<title>mr15227</title>
<meta name="author" content:'Zorana Gajic' charset='utf-8'>
<style>
body {
      background-image:url("russiaop.jpg");
      background-size:cover;
      background-attachment:fixed; 
}
h1 { text-align:center;
     font-family: "Monotype Corsiva", Times, serif;
     color:rgb(204, 0, 0);
     font-style:italic;
     font-size: 100px;
     text-shadow: 2px 2px #FF0000;
}
#Naslov {  text-align: left;
     font-size: 30px;
     font-style: italic;
     margin-left: 15px;
     font-weight: bold;
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;


}
#Uvod { text-align:center;
        font-size: 20px;
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-weight: bold;
}
div.transbox { margin: 50px;
               background-color: white;
               border: 4px solid rgb(204, 0, 0);
               border-style: dotted;
               opacity: 0.9;
}


.CT { margin-left: 30px; 
      width: 100%;
}
.TR { margin-left: 30px; 
      width: 100%;

}
.UN { margin-left: 30px; 
      width: 100%;
}
ul { 
     list-style-image:url("malocrnosrce.png");
     font-size: 30px;
     margin-left: 15px;
     font-weight: 900;
     text-decoration: underline;
     color:rgb(204, 0, 0);
    }
#Back {
     text-align:right;
     margin-right: 30px; 
     font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
     font-weight: bold;
     font-style: italic;
     font-size: 20px;
}
a { color:black;
}
a:hover { color: rgb(204, 0, 0);
}
img { opacity: 0.6;  
 
}

img:hover {
    opacity: 1.0;

}

#hand { margin-left: 1080px;
}

</style>
</head>
<body>
<h1> Добро Пожаловать! </h1>

<p id="Naslov"> Zanimljivosti </p>
<div class="transbox">
<p id="Uvod"> Moskva je glavni i najveći grad Rusije, nalazi se na istoimenoj reci. <br>
Sa oko 12.000.000 stanovnika, grad se smatra jednim od najvećih u Evropi.  <br>
Ako budete otišli u Moskvu, koliko god ostali, neće vam biti dovoljno da otkrijete sve tajne koje krije. <br>
Ipak, evo par predloga o lokacijama koje ne bi trebalo da propustite u čarobnom gradu.
</p>
<hr>

<ul>
<li> Crveni Trg 
<table class="CT"> <tr> <td> <img src="trg1.jpg" alt="Crveni Trg"width="320" height="200"> </td> 
             <td> <img src="trg2.jpg" alt="Crveni Trg" width="320" height="200"> </td> 
             <td> <img src="trg3.jpg" alt="Crveni Trg" width="320" height="200"> </td> 
</table> 
</li>
<a href="https://sh.wikipedia.org/wiki/Crveni_trg" target="_blank"> <img id="hand" src="hand.png" width="80" height="60"> </a>
<li> Tretjakovska galerija
<table class="TR"> <tr> <td> <img src="tret1.jpeg" alt="Tretjakovskaja galerija" width="320" height="200"> </td> 
             <td> <img src="tret2.jpg" alt="Tretjakovskaja galerija" width="320" height="200"> </td> 
             <td> <img src="tret3.jpg" alt="Tretjakovskaja galerija" width="320" height="200"> </td> 
</table> 
</li>
<a href="https://sr.wikipedia.org/sr/%D0%A2%D1%80%D0%B5%D1%82%D1%98%D0%B0%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B0_%D0%B3%D0%B0%D0%BB%D0%B5%D1%80%D0%B8%D1%98%D0%B0" target="_blank"> <img id="hand" src="hand.png" width="80" height="60"> </a>
<li> Univerzitet Lomonosov
<table class="UN"> <tr> <td> <img src="lom1.jpg" alt="Univerzitet" width="320" height="200"> </td> 
             <td> <img src="lom2.jpg" alt="Univerzitet" width="320" height="200"> </td> 
             <td> <img src="lom3.jpg" alt="Univerzitet" width="320" height="200"> </td> 
</table> 
</li>
<a href="https://sh.wikipedia.org/wiki/%D0%9C%D0%BE%D1%81%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B8_%D0%B4%D1%80%D0%B6%D0%B0%D0%B2%D0%BD%D0%B8_%D1%83%D0%BD%D0%B8%D0%B2%D0%B5%D1%80%D0%B7%D0%B8%D1%82%D0%B5%D1%82_%D0%9B%D0%BE%D0%BC%D0%BE%D0%BD%D0%BE%D1%81%D0%BE%D0%B2" target="_blank"> <img id="hand" src="hand.png" width="80" height="60"> </a>
</ul>
<br>
<p id="Back"> Vratiti se na početnu <a href="index.html"> ovde. </a> </p> <br><br>
</div>
</body>
</html>