Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    SD

    Uploaded by

    rezoante62

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    SD

    Uploaded by

    rezoante62
    4 views4 pages

    Original Title

    sd

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    4 views4 pages

    SD

    Uploaded by

    rezoante62

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 4

    <!

    DOCTYPE html>
    <html lang="hr">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Medicina - Sve što trebate znati o zdravlju</title>
    <style>
    body {
    background-color: #1e352f; /* Tamno zelena boja pozadine */
    color: #ffffff; /* Bijela boja teksta */
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    }

    header {
    padding: 20px;
    }

    nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

    nav ul li {
    display: inline;
    margin-right: 20px;
    }

    nav ul li a {
    color: #ffffff;
    text-decoration: none;
    }

    main {
    padding: 20px;
    }

    section {
    margin-bottom: 40px;
    }

    footer {
    background-color: #0d1a17; /* Tamno zelena boja za podnožje */
    padding: 10px 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    }

    footer p {
    margin: 0;
    color: #ffffff;
    }

    .quiz {
    background-color: #3c1414; /* Tamno crvena boja za područje kviza */
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    }

    .quiz-question {
    color: #ffffff;
    margin-bottom: 10px;
    }

    .quiz-options {
    list-style-type: none;
    padding: 0;
    }

    .quiz-options li {
    margin-bottom: 10px;
    }

    .comment-section {
    background-color: #3c1414; /* Tamno crvena boja za područje komentara
    */
    padding: 20px;
    border-radius: 10px;
    }

    .comment-form {
    margin-bottom: 20px;
    }

    .comment-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    }

    .comment-form button {
    padding: 8px 20px;
    background-color: #ffffff;
    color: #1e352f;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    }

    .comments {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }

    .comment {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    }
    </style>
    </head>
    <body>
    <header>
    <h1>Medicina</h1>
    <nav>
    <ul>
    <li><a href="#pocetna">Početna</a></li>
    <li><a href="#anatomija-fiziologija">Anatomija i
    fiziologija</a></li>
    <li><a href="#bolesti-poremećaji">Bolesti i poremećaji</a></li>
    <li><a href="#lijecenje-terapije">Liječenje i terapije</a></li>
    <li><a href="#zdravi-zivot">Zdravi životni stilovi</a></li>
    <li><a href="#novosti-istrazivanja">Novosti i istraživanja</a></li>
    </ul>
    </nav>
    </header>

    <main>
    <section id="pocetna">
    <h2>Početna</h2>
    <!-- Sadržaj početne stranice -->
    </section>

    <section id="anatomija-fiziologija">
    <h2>Anatomija i fiziologija</h2>
    <!-- Sadržaj o anatomiji i fiziologiji -->
    </section>

    <section id="bolesti-poremećaji">
    <h2>Bolesti i poremećaji</h2>
    <!-- Sadržaj o bolestima i poremećajima -->
    </section>

    <section id="lijecenje-terapije">
    <h2>Liječenje i terapije</h2>
    <!-- Sadržaj o liječenju i terapijama -->
    </section>

    <section id="zdravi-zivot">
    <h2>Zdravi životni stilovi</h2>
    <!-- Sadržaj o zdravim životnim stilovima -->
    </section>

    <section id="novosti-istrazivanja">
    <h2>Novosti i istraživanja</h2>
    <!-- Sadržaj o novostima i istraživanjima -->
    </section>

    <section class="quiz">
    <h2>Medicinski kviz</h2>
    <div class="quiz-question">Koji organ filtrira krv u ljudskom tijelu?
    </div>
    <ul class="quiz-options">
    <li><input type="radio" name="quiz-option" value="1"> Srce</li>
    <li><input type="radio" name="quiz-option" value="2"> Jetra</li>
    <li><input type="radio" name="quiz-option" value="3"> Pluća</li>
    <li><input type="radio" name="quiz-option" value="4"> Bubrezi</li>
    </ul>
    <button onclick="checkAnswer()">Provjeri odgovor</button>
    <p id="quiz-feedback"></p>
    </section>
    <section class="comment-section">
    <h2>Komentari</h2>
    <form class="comment-form">
    <textarea rows="4" placeholder="Unesite svoj
    komentar"></textarea><br>
    <button type="submit">Pošalji komentar</button>
    </form>
    <ul class="comments">
    <!-- Ovdje će se prikazati komentari -->
    </ul>
    </section>
    </main>

    <footer>
    <p>&copy; 2024 Medicina - Sve što trebate znati o zdravlju</p>
    </footer>

    <script>
    function checkAnswer() {
    var selectedOption = document.querySelector('input[name="quiz-
    option"]:checked');
    var feedback = document.getElementById('quiz-feedback');

    if (selectedOption) {
    var selectedValue = selected

    You might also like