FER-Open-Computing/index.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
<!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</title>
</head>
<body>
  <header>
    <nav id="navbar">
      <div class="container">
        <h1 class="logo"><a href="index.html">Drevni gradovi</a></h1>
        <ul>
          <li><a class="current" href="index.html">Početna</a></li>
          <li><a 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>

    <div id="showcase">
      <div class="container">
        <div class="showcase-content">
          <h1><span class="text-primary">Otkrijte</span> skrivenu povijest</h1>
          <p class="lead">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolor, eligendi laboriosam. Repellendus officia harum eaque.</p>
          <a class="btn" href="obrazac.html">Pretražite gradove</a>
        </div>
      </div>
    </div>
  </header>

  <section id="home-info" class="bg-dark">
    <div class="info-img"></div>
    <div class="info-content">
      <h2><span class="text-primary">Naša </span>misija</h2>
      <p>
          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Assumenda
          aliquam dolor alias iste autem, quaerat magni unde accusantium qui
          fuga placeat quidem quo pariatur, voluptatum, ea sequi? Corporis,
          explicabo quisquam dolor placeat praesentium nesciunt mollitia quos
          nobis natus voluptatum asperiores!
      </p>
    </div>
  </section>
  <section id="features">
    <div class="box bg-light">
      <i class="fas fa-landmark fa-3x"></i>
      <h3>Arhitektura</h3>
      <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut, omnis?</p>
    </div>
    <div class="box bg-primary">
        <i class="fas fa-monument fa-3x"></i>
        <h3>Povijest</h3>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut, omnis?</p>
    </div>
    <div class="box bg-light">
        <i class="fas fa-info fa-3x"></i>
        <h3>Zanimljivosti</h3>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut, omnis?</p>
    </div>
  </section>

  <div class="clr"></div>

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