Untitled

<!DOCTYPE html>
<html lang="rs">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>O2 - Glavna</title>
      <link rel="shortcut icon" href="Images/icon.png">
      <link rel="stylesheet" href="style.css">
      <script src="script.js"></script>
      <!-- <script>
            function myFunction() {
                document.getElementById("myDropdown").classList.toggle("show");
            }

            window.onclick = function(e) {
              if (!e.target.matches('.dropbtn')) {
                var myDropdown = document.getElementById("myDropdown");
                  if (myDropdown.classList.contains('show')) {
                    myDropdown.classList.remove('show');
                  }
              }
            }
      </script> -->
      <style type="text/css">
            header{ width: 100%;
                  height: 100vh;
                  background: url(Images/1.jpg) no-repeat 50% 50%;
                  background-size: cover;
            }
            #p1 {
                  background-color: #f2f2f2;
                  padding: 10px;
            }
            h2{
                  border-bottom: 10px solid #b200ac;
            }

      </style>
</head>

<body>
      <div class="wrapper">
            <header>
                  <nav>
                        <div class="logo">
                              O<sub>2</sub>
                        </div>

                        <div class="topnav">
                              <a href="Glavna.html" style = "background-color: #b200ac; color: white";> Glavna</a>
                              <a href="Shop.html"> Shop </a>

                              <div class="dropdown">
                                    <button class="dropbtn" onclick="myFunction()">Ostalo<i class="fa fa-caret-down"></i></button>
                                    <div class="dropdown-content" id="myDropdown">
                                          <a href="Proizvodnja.html"> Personalizacija </a>
                                          <a href="O nama.html"> O nama </a>
                                          <a href="Kontakt.html"> Kontakt </a>
                                    </div>
                              </div>
                        </div>
                  </nav>

            </header>

            <div class="content">
                  <h2>O<sub>2</sub> - Vazduh na svežiji način</h2>
                  <p>
                       Većina populacije živi u gradovima bez mnoštvo biljaka i sa mnogo različitih zagađivača. Ljudi sve češće dobijaju astmu i čitav život se muče sa plućnim bolestima. Istina je poražavajuća. Po zvaničnoj statistici republičkog zavoda za kontrolu vazduha (RZKV) (Ovo je izmisljeno) svaka šesta osoba boluje od bolesti povezanom sa radom pluća. Ljudi provedu čitav život u gradovima bez da ikada udahnu svežinu čistog vazduha koji nije zatrovan raznim štetnim gasovima, mikročesticama, zagađivačima itd. Iako vlade raznih država pokušavaju da reše ovaj ogromni problem, napredak je vrlo spor.
                  </p>
                  <p id="p1">
                        Mi iz O2 smo odlučili da rešimo taj problem skoro pa svakog čoveka iz 21. veka!     Naš najnoviji proizvod O2-Fresh će se pridružiti postojećim O2-Air , O2-Clean i O2-O2 u borbi protiv nečistog vazduha! <br>
                        Neki "eksperti" govore da smo prevaranti kao i industrija flaširane vode ali šta oni znaju. Da je vazduh koji je dostupan svima dobar, ne bi bio besplatan!
                  </p>
                  <p>
                        Ako ne verujete nama ,evo Wikipedija stranica o štetnosti vazduha !
                        <i>(Source: <a href="https://sr.wikipedia.org/sr-el/%D0%97%D0%B0%D0%B3%D0%B0%D1%92%D0%B5%D1%9A%D0%B5_%D0%B2%D0%B0%D0%B7%D0%B4%D1%83%D1%85%D0%B0">Wikipedia</a>)</i>
                  </p>

            </div>
      </div>
      <script  type="text/javascript" src="script.js"></script>
</body>
</html>