diff --git a/index.hr_HR.html b/index.hr_HR.html
new file mode 100644
index 0000000..741521d
--- /dev/null
+++ b/index.hr_HR.html
@@ -0,0 +1,408 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/html">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>git-flow cheatsheet</title>
+    <link href='http://fonts.googleapis.com/css?family=Sansita+One' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen,print">
+    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen,print">
+
+    <script src="js/jquery-1.7.2.min.js"></script>
+
+
+    <script type="text/javascript">
+        var _gaq = _gaq || [];
+        _gaq.push(['_setAccount', 'UA-33766650-1']);
+        _gaq.push(['_trackPageview']);
+
+        (function () {
+            var ga = document.createElement('script');
+            ga.type = 'text/javascript';
+            ga.async = true;
+            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+            var s = document.getElementsByTagName('script')[0];
+            s.parentNode.insertBefore(ga, s);
+        })();
+    </script>
+</head>
+<body>
+<div id="banner"><a href="https://github.com/danielkummer/git-flow-cheatsheet">Fork me on GitHub</a></div>
+<header>
+
+    <h1 id="title">git-flow šalabahter</h1>
+
+    <p id="author">
+        created by <a href="http://twitter.com/0r1g4m14dd1c7">Daniel Kummer</a>
+        <a href="https://twitter.com/share" class="twitter-share-button" data-via="0r1g4m14dd1c7" data-size="large">Tweet</a>
+        <script>!function (d, s, id) {
+            var js, fjs = d.getElementsByTagName(s)[0];
+            if (!d.getElementById(id)) {
+                js = d.createElement(s);
+                js.id = id;
+                js.src = "//platform.twitter.com/widgets.js";
+                fjs.parentNode.insertBefore(js, fjs);
+            }
+        }(document, "script", "twitter-wjs");</script>
+    </p>
+    <p id="desc">efikasno branchanje koristeći git-flow <a href="http://nvie.com/">Vincenta Driessena</a></p>
+    <p id="translations">prijevodi:
+        <a href="#" class="active" title="english">English</a> -
+        <a href="index.es_ES.html" title="spanish">Castellano</a> -
+        <a href="index.pt_BR.html" title="Brazilian Portugues">Brazilian Portugues</a> -
+        <a href="index.zh_TW.html" title="Traditional Chinese">繁體中文(Traditional Chinese)</a> -
+        <a href="index.zh_CN.html" title="Simplified Chinese">简体中文(Simplified Chinese)</a> -
+        <a href="index.ja_JP.html" title="日本語">日本語</a> -
+        <a href="index.tr_TR.html" title="Turkce">Türkçe</a> -
+        <a href="index.ko_KR.html" title="한국어">한국어(Korean)</a> -
+        <a href="index.fr_FR.html" title="Français">Français</a> -
+        <a href="index.it_IT.html" title="Italiano">Italiano</a> -
+        <a href="index.nl_NL.html" title="Nederlands">Nederlands</a> -
+        <a href="index.ru_RU.html" title="Russian">Русский (Russian)</a> -
+        <a href="index.de_DE.html" title="German">Deutsch (German)</a> -
+        <a href="index.ca_CA.html" title="Català">Català (Catalan)</a> -
+        <a href="index.ro_RO.html" title="Romanian">Română (Romanian)</a> -
+        <a href="index.el_GR.html" title="Ελληνικά (Greek)">Ελληνικά (Greek)</a> -
+        <a href="index.uk_UK.html" title="Ukrainian">Українська (Ukrainian)</a> -
+        <a href="index.vi_VN.html" title="Tiếng Việt">Tiếng Việt (Vietnamese)</a> -
+        <a href="index.pl_PL.html" title="Polish">Polski</a>
+        <a href="index.hr_HR.html" title="Croatian">Hrvatski</a>
+    </p>
+</header>
+
+<div id="main">
+
+
+<div class="scrollblock">
+    <h2>O git-flowu</h2>
+
+    <p>
+        git-flow je skup ekstenzija koje omogućuju da se operacije na repozitoriju, koje implementiraju
+        branching model Vincenta Driessena, obavljaju lakše.
+        <small><a href="http://nvie.com/posts/a-successful-git-branching-model/">more</a></small>
+    </p>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+
+    <p>Ovaj šalabahter prikazuje osnovnu uporabu i efekte git-flow operacija</p>
+
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+</div>
+
+<div class="scrollblock">
+    <h2>Osnovni savjeti</h2>
+    <ul>
+        <li>Git flow ima izvrsnu pomoć i izlaz na komandnoj liniji. Pažljivo čitajte da vidite što se dešava...</li>
+        <li>OSX/Windows klijent <a href="http://www.sourcetreeapp.com/">Sourcetree</a> je izvrstan GUI alat za git koji nudi
+            podršku i za git-flow.
+        </li>
+        <li>Git-flow je rješenje zasnovano na mergeovima. Ne vrši se rebase brancheva sa novim razvijenim funkcionalnostima.</li>
+    </ul>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+</div>
+
+
+<div class="scrollblock">
+    <h2><a name="setup" href="#setup">Postavljanje</a></h2>
+    <ul>
+        <li>Potrebna je funckcionirajuća git instalacaija.</li>
+        <li>Git flow radni na OSX, Linuxu i Windowsima</li>
+    </ul>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+    <div class="col-1">
+        <h3>OSX</h3>
+        <span>Homebrew</span>
+        <blockquote>
+            $ brew install git-flow
+        </blockquote>
+        <span>Macports</span>
+        <blockquote>
+            $ port install git-flow
+        </blockquote>
+        <h3>Linux</h3>
+        <blockquote>
+            $ apt-get install git-flow
+        </blockquote>
+        <h3>Windows (Cygwin)</h3>
+        <blockquote>
+            $ wget -q -O - --no-check-certificate
+            https://github.com/nvie/gitflow/raw/develop/contrib/gitflow-installer.sh | bash
+        </blockquote>
+        <p>Trebate wget i util-linux za instaliranje git-flow.</p>
+    </div>
+    <div class="col-2">
+        <p>
+            Za detaljne instalacijske upute posjetite <a href="https://github.com/nvie/gitflow/wiki/Windows">git flow
+            wiki</a>.
+        </p>
+        <img src="img/download.png" alt="install git-flow"/>
+    </div>
+</div>
+
+<div class="scrollblock">
+    <h2><a name="getting_started" href="#getting_started">Osnove</a></h2>
+    <p>Git flow je potrebno inicijalizirati da prilagodite postavke svog projekta.</p>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+    <div class="col-1">
+        <h3>Inicijalizacija</h3>
+
+        <p>Započnite sa git-flow inicijalizaciranjem istog u postojećem git repozitoriju:</p>
+        <blockquote>
+            git flow init
+        </blockquote>
+        <p>
+            Potrebno je odgovoriti na par pitanja vezano uz konvencije imenovanja brancheva.<br/>
+             Preporuča se uporaba pretpostavljenih vrijednosti.
+        </p>
+
+    </div>
+    <div class="col-2">
+        <div class="initialize"></div>
+        <div class="lines-small"></div>
+        <div class="lines-open"></div>
+        <div class="lines-big"></div>
+    </div>
+</div>
+
+
+<div class="scrollblock">
+    <h2><a name="features" href="#features">Funkcionalnosti</a></h2>
+
+    <ul class="narrow">
+        <li>Razvoj novih funkcionalnosti za naredne releasove</li>
+        <li>Tipično se nalaze samo u lokalnom repozitoriju</li>
+    </ul>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+
+    <div class="col-1">
+        <h3>Početak nove funkcionalnosti</h3>
+        <p>Nove funkcionalnost započinju se iz 'develop' brancha.</p>
+        <p>Otpočnite razvoj nove funkcionalnosti sa:</p>
+        <blockquote>
+            git flow feature start MYFEATURE
+        </blockquote>
+        <p>Ova akcija kreira branch za novu funkcionalnost baziran na 'develop' i prebacuje u njega</p>
+
+        <!--
+        - Bump the version number now!
+        - Start committing last-minute fixes in preparing your release
+        - When done, run:
+
+             git flow release finish 'testrelease'
+
+
+
+        -->
+    </div>
+    <div class="col-2">
+        <div class="feature-start"></div>
+    </div>
+</div>
+
+<div class="scrollblock">
+    <div class="col-1">
+        <h3>Dovršavnje funkcionalnosti</h3>
+
+        <p>
+            Dovršite razvoj nove funkcionalnosti.
+            Ova akcija izvršava slijedeće
+        </p>
+        <ul>
+            <li>Mergea MYFEATURE u 'develop'</li>
+            <li>Uklanja branch funkcionalnosti</li>
+            <li>Prebacuje natrag u 'develop' branch</li>
+        </ul>
+
+        <blockquote>
+            git flow feature finish MYFEATURE
+        </blockquote>
+    </div>
+    <div class="col-2">
+        <div class="feature-end"></div>
+    </div>
+</div>
+
+<div class="scrollblock">
+    <div class="col-1">
+        <h3>Publiciranje funkcionalnosti</h3>
+
+        <p>
+            Razvijate li funkcionalnost zajedno s nekim? <br/>
+            Publicirajte funkcionalnost na udaljeni server tako da ju mogu koristiti drugi korisnici.
+        </p>
+
+        <blockquote>
+            git flow feature publish MYFEATURE
+        </blockquote>
+    </div>
+    <div class="col-2">
+        <div class="feature-publish"></div>
+    </div>
+</div>
+
+<div class="scrollblock">
+    <div class="col-1">
+        <h3>Preuzimanje publicirane funkcionalnosti</h3>
+
+        <p>
+            Preuzmite funkcionalnost koju je netko razvio.
+        </p>
+
+        <blockquote>
+            git flow feature pull origin MYFEATURE
+        </blockquote>
+
+        <p>Možete pratiti razvoj funkcionalnost sa: <code> git flow feature track MYFEATURE</code> </p>
+    </div>
+    <div class="col-2">
+        <div class="feature-pull"></div>
+    </div>
+</div>
+
+
+<div class="scrollblock">
+    <h2><a name="release" href="#release">Release</a></h2>
+
+    <ul>
+        <li>Podrška za publiciranje release-a na produkciju</li>
+        <li>Omogućavanje ispravke manjig bugova i pripremu metapodataka za release</li>
+    </ul>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+    <div class="col-1">
+        <h3>Započnite release</h3>
+
+        <p>Da započnete release, koristite git flow release komandu. Kreira release branch kreiran iz 'develop' branch-a.</p>
+        <blockquote>
+            git flow release start RELEASE [BASE]
+        </blockquote>
+        <p>Opcionalno, možete dati <code>[BASE]</code> sha-1 hash commit-a iz kojeg da se započne release. Commit mora biti na 'develop' branchu.</p>
+        <p class="divider">&#9733; &#9733; &#9733;</p>
+        <p>Bilo bi pametno publicirati release branch nakon kreiranja da se omoguće release commit-i
+        od ostalih developera. Slično publiciranju funkcionlanosti:</p>
+        <blockquote>
+            git flow release publish RELEASE
+        </blockquote>
+        <p>(Možete pratiti udaljeni release sa <br/><code>git flow release track RELEASE</code> komandom)</p>
+    </div>
+    <div class="col-2">
+        <div class="release-start"></div>
+    </div>
+</div>
+
+<div class="scrollblock">
+    <div class="col-1">
+        <h3>Dovršavanje release-a</h3>
+
+        <p>Dovršiti release je veliki korak u git branchanju. Izvršava nekoliko akcija:</p>
+        <ul>
+            <li>Merge-a release branch natrag u 'master'</li>
+            <li>Tagira release sa njegovim nazivom</li>
+            <li>Merge-a release natrag u 'develop'</li>
+            <li>Uklanja release branch</li>
+        </ul>
+        <blockquote>
+            git flow release finish RELEASE
+        </blockquote>
+        <p>Ne zaboravite da pošaljete tagove sa <code>git push --tags</code></p>
+
+    </div>
+    <div class="col-2">
+        <div class="release-end"></div>
+
+    </div>
+</div>
+
+<div class="scrollblock">
+    <h2><a name="hotfixes" href="#hotfixes">Brze prepravke</a></h2>
+
+    <ul>
+        <li>Kada je potrebno brzinski ispraviti greške na produkciji, koristi se hotfix mogućnost.
+        </li>
+        <li>Može se napraviti branch iz odgovarajućeg taga na master branchu koji označava produkcijsku verziju.</li>
+    </ul>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+    <div class="col-1">
+        <h3>git flow hotfix start</h3>
+
+        <p>Kao i druge git flow komande, hotfix se započinje sa</p>
+        <blockquote>
+            git flow hotfix start VERSION [BASENAME]
+        </blockquote>
+        <p>Argumet 'version' označava naziv hotfix release-a. Dodatno, možete specificirati 'basename' iz kojeg se započinje hotfix.</p>
+    </div>
+    <div class="col-2">
+        <div class="hotfix-start"></div>
+    </div>
+</div>
+
+<div class="scrollblock">
+    <div class="col-1">
+        <h3>Dovršavanje hotfixa</h3>
+
+        <p>Dovršavanje, hotfix ibiva merge-an natrag u 'develop' i 'master'. Dodatno, merge u 'master' mbiva tagiran sa verzijom hotfixa.</p>
+        <blockquote>
+            git flow hotfix finish VERSION
+        </blockquote>
+    </div>
+    <div class="col-2">
+        <div class="hotfix-end"></div>
+    </div>
+</div>
+
+<div>
+    <div class="col-1"></div>
+    <div class="col-2">
+        <div class="lines-close"></div>
+        <div class="lines-small-end"></div>
+    </div>
+</div>
+
+
+<div class="scrollblock">
+    <h2><a name="commands" href="#commands">Komande</a></h2>
+    <img src="img/git-flow-commands.png" alt="git-flow commands"/>
+</div>
+
+<div class="scrollblock">
+    <h2>Backlog</h2>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+    <ul>
+        <li>Nisu sve moguće komande, samo one načešće korištene</li>
+        <li>Možete dalje normalno koristiti git i sve njegove komande, git flow je samo kolekcija alata
+        </li>
+        <li>Npr. 'support' mogućnost je još beta, njena se uporaba ne preporuča</li>
+        <li>Pošaljite svoje prijevode, rado ću ih integrirati</li>
+    </ul>
+    <p class="divider">&#9733; &#9733; &#9733;</p>
+</div>
+</div>
+
+
+
+<footer>
+    <div class="scrollblock">
+        <h2><a name="comments" href="#comments">Comments</a></h2>
+
+        <div id="disqus_thread"></div>
+    </div>
+</footer>
+
+<script type="text/javascript">
+    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+    var disqus_shortname = 'gitflowcheatsheet'; // required: replace example with your forum shortname
+
+    /* * * DON'T EDIT BELOW THIS LINE * * */
+    (function () {
+        var dsq = document.createElement('script');
+        dsq.type = 'text/javascript';
+        dsq.async = true;
+        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+    })();
+</script>
+<noscript>Molim, omogućite JavaScript da bi vidjeli <a href="http://disqus.com/?ref_noscript">komentare na Disqusu.</a>
+</noscript>
+<a href="http://disqus.com" class="dsq-brlink">Komentari putem <span class="logo-disqus">Disqus</span></a>
+
+
+</body>
+</html>
