<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

.navbar {
  overflow: hidden;
  background-color: #333; 
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: red;
}

.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: red;
  width: 100%;
  z-index: 1;
}

.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

.subnav:hover .subnav-content {
  display: block;
}

p {
  margin-top: 50px;
  margin-bottom: 0px;
  margin-right: 150px;
  margin-left: 300px;
  max-width: 600px;
}

span {
  margin-left: 60px;
}


.container {
  display: flex;
  align-items: left;
  margin-top: 50px;

}
img {
  max-width: 40%;
  margin-top: 50px;
  margin-left: 80px; 
  margin-right: 80px; 
  vertical-align: middle;
  float: left;

}

.text {
  font-size: 20px;    
  margin-left: 0px;
}

</style>
</head>
<body>

<div class="navbar">
  <a href="index.html">Home</a>
  <div class="subnav">
    <button class="subnavbtn">Subjects<i class="fa fa-caret-down"></i></button>
    <div class="subnav-content">
      <a href="multivariate_analysis.html">Multivariate analysis (NMST539)</a>
      <a href="bayes.html">Bayesovské metody (NMST431)</a>
      <a href="lekar.html">Medical studies (NMST532)</a>
      <a href="statistics_2.html">Statistics 2</a>
      <a href="projects.html">Projects</a>
    </div>
  </div> 
 <a href="contact.html">Contact</a>
</div>

<img src= "imgs/templar.jpeg" width="20%">
    
       
<span>    
<p>
    Janko Pavlech, KPMS
</p> 
<p> 
    The purpose of this page is publishing homework assigmnents from different subjects.     
</p>
<p>
    <i>In statistics, we don't want to be conservative, <br> but it is better to be conservative than wrong.</i>
</p>
</span>

</body>
</html>