LOGO-KREATOR - NASLOVNA STRANA
DOCTYPE html>
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<meta charset="UTF-8" />
<title>Logo Kreator</title>
</head>
<body>
<div class="container">
<!-- Gornje zaglavlje -->
<div class="gornje_zaglavlje d-flex flex-column text-center">
<nav class="nav-container navbar-expand-lg primary d-flex flex-row p-2 align-items-end ">
<!-- Items -->
<div class="collapse navbar-collapse" id="topNavBar">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#" >
<span class="full-text" aria-hidden="true">
Naslovna
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">
<span class="full-text" aria-hidden="true">
O nama
</span>
</a>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarDropdownMenuLink">
<span class="full-text" aria-hidden="true">
Logo primeri
</span>
</a>
<ul class="dropdown-menu " aria-labelledby="navbarDropdownMenuLink">
<li class="dropdown-item">
<a href="">
<span class="full-text" aria-hidden="true">
Poslovni
</span>
</a>
</li>
<li class="dropdown-item">
<a href="">
<span class="full-text" aria-hidden="true">
Edukacija
</span>
</a>
</li>
<li class="dropdown-item">
<a href="">
<span class="full-text" aria-hidden="true">
Sport
</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<!-- Naslov i podnaslov -->
<h1 class="text-center">Logo Kreator</h1>
<p class="text-center">Kreirajte jednostavan logo u sekundi..</p>
<!-- Forma za unos naziva firme ili svog imena -->
<form>
<input type="text" id="logoname" name="logoname"><br>
<input type="submit" class="btn btn-danger" value="Submit Button">
</form>
</div> <!-- Gornje zaglavlje - kraj -->
<!-- Centralni deo strane -->
<div class="d-flex flex-column sadrzaj">
<!-- Traka u boji sa koracima za kreiranje logo-a -->
<div class="traka d-flex flex-row justify-content-around">
<div class="p-2 polje">
<h1>1. Odaberite naziv</h1>
<p>Unesite Vaše ime ili naziv Vaše logo kompanije</p>
</div>
<div class="polje">
<h1>2. Izaberite logo</h1>
<p>Odaberite logo koji je aplikacija kreirala u startu i ako želite napravite sopstvene izmene na njemu</p>
</div>
<div class="polje">
<h1>3. Preuzmite logo</h1>
<p>Sačuvajte logo pod Vašim profilom i preuzmite datoteku</p>
</div>
</div><!-- Traka u boji sa koracima za kreiranje logo-a - kraj -->
<!-- Primeri kreiranih logo-a -->
<div class="logo_primeri d-flex flex-column justify-content-around">
<h1 class="p-2">Primeri kreiranih logo-a</h1>
<div class=" d-flex flex-row justify-content-around">
<img src="images/logo_prim_1.png" class="rounded" alt="Computer">
<img src="images/logo_prim_2.png" class="rounded" alt="Need">
<img src="images/logo_prim_3.png" class="rounded" alt="Svet programiranja">
</div>
</div><!-- Primeri kreiranih logo-a - kraj -->
</div> <!-- Centralni deo strane - kraj -->
<!-- Donje zaglavlje -->
<div class="donje_zaglavlje d-flex flex-column">
<div class="d-flex flex-row justify-content-around">
<div class="d-flex flex-column linkovi">
<a href="http://rctpupin.edu.rs/">RCT Pupin</a>
<a href="https://petlja.org/">Petlja</a>
<a href="https://izprogramiranja.weebly.com/">Svet programiranja</a>
</div>
<div class="d-flex flex-column linkovi text-white text-center">
<a href="https://dms.rs/">DMS</a>
<a href="https://www.w3schools.com/">W3School</a>
<a href="https://getbootstrap.com/">Bootstrap</a>
</div>
</div>
<p class="text-center text-white">© Copyright 2020 Ime Prezime</p>
</div><!-- Donje zaglavlje - kraj -->
</div>
</body>
</html>
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<meta charset="UTF-8" />
<title>Logo Kreator</title>
</head>
<body>
<div class="container">
<!-- Gornje zaglavlje -->
<div class="gornje_zaglavlje d-flex flex-column text-center">
<nav class="nav-container navbar-expand-lg primary d-flex flex-row p-2 align-items-end ">
<!-- Items -->
<div class="collapse navbar-collapse" id="topNavBar">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#" >
<span class="full-text" aria-hidden="true">
Naslovna
</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">
<span class="full-text" aria-hidden="true">
O nama
</span>
</a>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarDropdownMenuLink">
<span class="full-text" aria-hidden="true">
Logo primeri
</span>
</a>
<ul class="dropdown-menu " aria-labelledby="navbarDropdownMenuLink">
<li class="dropdown-item">
<a href="">
<span class="full-text" aria-hidden="true">
Poslovni
</span>
</a>
</li>
<li class="dropdown-item">
<a href="">
<span class="full-text" aria-hidden="true">
Edukacija
</span>
</a>
</li>
<li class="dropdown-item">
<a href="">
<span class="full-text" aria-hidden="true">
Sport
</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<!-- Naslov i podnaslov -->
<h1 class="text-center">Logo Kreator</h1>
<p class="text-center">Kreirajte jednostavan logo u sekundi..</p>
<!-- Forma za unos naziva firme ili svog imena -->
<form>
<input type="text" id="logoname" name="logoname"><br>
<input type="submit" class="btn btn-danger" value="Submit Button">
</form>
</div> <!-- Gornje zaglavlje - kraj -->
<!-- Centralni deo strane -->
<div class="d-flex flex-column sadrzaj">
<!-- Traka u boji sa koracima za kreiranje logo-a -->
<div class="traka d-flex flex-row justify-content-around">
<div class="p-2 polje">
<h1>1. Odaberite naziv</h1>
<p>Unesite Vaše ime ili naziv Vaše logo kompanije</p>
</div>
<div class="polje">
<h1>2. Izaberite logo</h1>
<p>Odaberite logo koji je aplikacija kreirala u startu i ako želite napravite sopstvene izmene na njemu</p>
</div>
<div class="polje">
<h1>3. Preuzmite logo</h1>
<p>Sačuvajte logo pod Vašim profilom i preuzmite datoteku</p>
</div>
</div><!-- Traka u boji sa koracima za kreiranje logo-a - kraj -->
<!-- Primeri kreiranih logo-a -->
<div class="logo_primeri d-flex flex-column justify-content-around">
<h1 class="p-2">Primeri kreiranih logo-a</h1>
<div class=" d-flex flex-row justify-content-around">
<img src="images/logo_prim_1.png" class="rounded" alt="Computer">
<img src="images/logo_prim_2.png" class="rounded" alt="Need">
<img src="images/logo_prim_3.png" class="rounded" alt="Svet programiranja">
</div>
</div><!-- Primeri kreiranih logo-a - kraj -->
</div> <!-- Centralni deo strane - kraj -->
<!-- Donje zaglavlje -->
<div class="donje_zaglavlje d-flex flex-column">
<div class="d-flex flex-row justify-content-around">
<div class="d-flex flex-column linkovi">
<a href="http://rctpupin.edu.rs/">RCT Pupin</a>
<a href="https://petlja.org/">Petlja</a>
<a href="https://izprogramiranja.weebly.com/">Svet programiranja</a>
</div>
<div class="d-flex flex-column linkovi text-white text-center">
<a href="https://dms.rs/">DMS</a>
<a href="https://www.w3schools.com/">W3School</a>
<a href="https://getbootstrap.com/">Bootstrap</a>
</div>
</div>
<p class="text-center text-white">© Copyright 2020 Ime Prezime</p>
</div><!-- Donje zaglavlje - kraj -->
</div>
</body>
</html>