FER-Open-Computing/obrazac.html at master · antebm/FER-Open-Computing · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="hr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Dobrodošli na stranicu sa zanimljivostima o starim gradovima i civilizacijama">
  <meta name="keywords" content="grad, povijest, antika, drevni gradovi">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
  <link rel="stylesheet" href="dizajn.css">
  <title>Drevni gradovi | Pretraga</title>
</head>
<body>
  <header>
    <nav id="navbar">
      <div class="container">
        <h1 class="logo"><a href="index.html">Drevni gradovi</a></h1>
        <ul>
          <li><a href="index.html">Početna</a></li>
          <li><a class="current"  href="obrazac.html">Pretraga</a></li>
          <li><a href="podaci.xml">Podaci</a></li>
          <li><a href="https://www.fer.unizg.hr">FER</a></li>
          <li><a href="https://www.fer.unizg.hr/predmet/or" target="_blank">OR</a></li>
          <li><a href="mailto:ante.balaic-marmun@fer.hr">Email</a> </li>
        </ul>
      </div>
    </nav>
  </header>

  <section class="data-form" class="py-3">
    <div class="container">
        <h1 class="l-heading"><span class="text-primary">Potraži</span> grad</h1>
        <p>U obrascu popuni podatke koji te zanimaju</p>
        <form action="pretraga.php" method="post">
            <div class="form-group">
                <label for="ime">Ime grada</label>
                <input type="text" name="ime" id="ime">
            </div>
            <div class="form-group">
              <label for="drzava">Država</label>
              <input type="text" name="drzava" id="drzava">
            </div>
           <div class="form-group">
            <label for="regija">Regija</label>
            <input type="text" name="regija" id="regija">
           </div>
          <div class="form-group">
            <label for="kultura">Kultura</label>
            <input type="text" name="kultura" id="kultura">
          </div>
          <div class="form-group">
            <label for="znamenitost">Znamenitost</label>
             <input type="text" name="znamenitost" id="znamenitost">
          </div>
          <div class="form-group checkbox-form">
            <label for="tipZnemenitosti">Tip znamenitosti</label><br/>
            <input type="checkbox" id="gradjevina" name="tipZnamenitosti" value="gradjevina">
            <label for="gradjevina">Građevina</label><br/>
            <input type="checkbox" id="portal" name="tipZnamenitosti" value="portal">
            <label for="portal">Portal</label><br/>
            <input type="checkbox" id="zidine" name="tipZnamenitosti" value="zidine">
            <label for="zidine">Zidine</label><br/>
            <input type="checkbox" id="luka" name="tipZnamenitosti" value="luka">
            <label for="luka">Luka</label><br/>
          </div>

          <div class="form-group radio-form">
            <label for="unesco">Na UNESCO listi svjetske baštine?</label>
            <div class="radio-choice">
              <input  type="radio" id="da" name="unesco" value="da">
              <label  for="da">Da</label>
            </div>
            <div class="radio-choice">
              <input  type="radio" id="ne" name="unesco" value="ne">
              <label  for="ne">Ne</label>
            </div>
          </div>

          <div class="form-group">
            <label for="razdoblje">Povijesno razdoblje?</label>
            <select name="razdoblje" id="razdoblje" multiple>
              <option value="5">5.tisućljeće pr.Kr.</option>
              <option value="4">4.tisućljeće pr.Kr.</option>
              <option value="3">3.tisućljeće pr.Kr.</option>
              <option value="2">2.tisućljeće pr.Kr.</option>
              <option value="1">1.tisućljeće pr.Kr.</option>
            </select>
          </div>

              <button type="submit" class="btn">Pretraži</button>
              <button type="reset" class="btn">Očisti</button>
        </form>
    </div>

  </section>

  <section id="contact-info" class="bg-dark">
    <div class="container">
          <div class="box">
              <i class="fas fa-envelope fa-3x"></i>
              <h3>Pišite nam</h3>
              <p>drevnigradovi@primjermaila.com</p>
          </div>
    </div>
  </section>

  <footer id="main-footer">
    <p>Drevni gradovi<br/>
      Ante Balaić-Marmun 2020.</p>
  </footer>
</body>
</html>