-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
116 lines (105 loc) · 5.92 KB
/
Copy pathindex.html
File metadata and controls
116 lines (105 loc) · 5.92 KB
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
112
113
114
115
116
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!--Font Awesome -->
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<!--custom style -->
<link rel="stylesheet" href="style.css">
<!-- Animate JS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<title>Pokreni se</title>
</head>
<body>
<header>
<section class="mainHeader">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Pokreni se</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Naslovna <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Kontakt</a>
</li>
</ul>
</div>
</nav>
</div>
<hgroup class="container">
<h1 class="animate__animated animate__slideInLeft">Pokreni se</h1>
<p class="lead">Portal namenjen onima koji su u pokretu</p>
</hgroup>
</section>
</header>
<!-- uvod -->
<section class="uvod text-center text-white py-5">
<div class="container">
<div class="row">
<div class="col-12">
<h2>O nama</h2>
<p class="lead">
Portal "Pokreni se" bavi se rekreacijom i potrebom čoveka za kretanjem. Svakako je sport veoma važan kako za fizičko tako i za duhovno stanje čoveka. Nije slučajna izreka u "U zdravom temu zdrav duh".
<br><br>
Pored sporta bavićemo se motivacijom kao životnom snagom koja nas gura napred i pomaže da se snađemo u životu i radu.
<br><br>
Portal će se baviti i tematikom, kako se uopšte pokrenuti i učiti nove stvari, pre svega poslove koji su vezani za neki život koji nas ne drži u mestu već možemo da ga radimo sa bilo kojeg mesta na planeti. Pomoći ćemo Vam kako da steknete veštine koje Vam omogućuju da na primer vozite rolere pre podne dok je vežina ljudi na svom poslu ili da u sredu ujutro idete na planinarsku šetnju.
<br><br>
Dobićete i savete i tekstove kako skuvati sami zdrav obrok za 20 minuta kao i mnoge druge savete vezane za zdravu ishranu kao veoma važnu kariku koja nam daje preko potrebnu energiju.
</p>
</div>
</div>
</div>
</section>
<!-- teme -->
<section class="teme py-5 text-center">
<h2>Teme</h2>
<p class="lead">Ako vas interesuju neke od tema prijavite se i pisite o nekoj od navedenih oblasti</p>
<div class="row">
<div class="col-md-4 animate__animated animate__fadeInLeft animate__delay-4s">
<h3>Sport i rekreacija</h3>
<i class="fas fa-running"></i>
</div>
<div class="col-md-4 animate__animated animate__fadeInLeft animate__delay-4s">
<h3>Posao iz snova</h3>
<i class="fas fa-chart-line"></i>
</div>
<div class="col-md-4 animate__animated animate__fadeInLeft animate__delay-4s">
<h3>Zdrava ishrana</h3>
<i class="fas fa-carrot"></i>
</div>
</div>
</section>
<!--cta -->
<section class="cta text-center">
<div class="container">
<h2>Poziv za pisce</h2>
<p class="lead">Ako se pronalazite u nekoj od tema prijavite se</p>
<div class="alert alert-success lead d-inline-block">
Kao benefit ovog programa svi psici dobice besplatnu obuku iz oblasti veb dizajna.
</div>
<a href="" class="btn btn-danger btn-lgr">PRIJAVI SE</a>
</div>
</section>
<!-- footer -->
<footer class="text-center py-5 text-white">
<p>© 2020. Izrada sajta <a href="https://slobodanmiric.in.rs">Slobodan Miric</a> i <a href="https://webcon.rs">WEBCON.RS</a></p>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body></html>