diff --git a/.gitignore b/.gitignore
index cdab21c..05d4a97 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,4 @@
 .cache
-build
 .DS_Store
 .sass-cache
 vendor
diff --git a/build/css/main.css b/build/css/main.css
new file mode 100644
index 0000000..254d418
--- /dev/null
+++ b/build/css/main.css
@@ -0,0 +1 @@
+html{height:100%}body{color:#74818B;font-family:"Open Sans", Tahoma, sans-serif;height:100%;margin:0}main{padding:30px}img{width:100%}.container{margin:0 auto;width:600px;max-width:100%}.container hr{margin:34px 0 30px 0}a{color:inherit}hr{border:none;border-top:1px solid #CEDDE5;height:1px;margin:20px 0;padding:0}h2{font-weight:300;font-size:40px;line-height:1em;margin:30px 0;text-transform:uppercase}h2 span{opacity:0.25}.menu-holder{display:flex;list-style:none;overflow:hidden;padding:0;margin:20px 0;justify-content:space-between}.menu-item{font-size:30px;font-weight:300;text-transform:uppercase}.menu-item a{text-decoration:none}.concert-list{padding-left:19px}@media screen and (max-width: 500px){main{padding:20px}.menu-holder{flex-wrap:wrap}.menu-item{width:100%;text-align:center}}
\ No newline at end of file
diff --git a/build/favicon.ico b/build/favicon.ico
new file mode 100644
index 0000000..f86aafe
Binary files /dev/null and b/build/favicon.ico differ
diff --git a/build/img/cd.png b/build/img/cd.png
new file mode 100644
index 0000000..53b1493
Binary files /dev/null and b/build/img/cd.png differ
diff --git a/build/img/fotka.jpg b/build/img/fotka.jpg
new file mode 100644
index 0000000..410254c
Binary files /dev/null and b/build/img/fotka.jpg differ
diff --git a/build/img/logo.png b/build/img/logo.png
new file mode 100644
index 0000000..e92fb6e
Binary files /dev/null and b/build/img/logo.png differ
diff --git a/build/index.html b/build/index.html
new file mode 100644
index 0000000..5d877ea
--- /dev/null
+++ b/build/index.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="en">
+	<head>
+	    <meta charset="utf-8">
+
+	    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
+	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+	    <meta name="description" content="Moška vokalna zasedba iz Celja in okolice, ki je nastala na Gimnaziji Celje-Center in pod umetniškim vodstvom Gregorja Deleje deluje že od leta 2006.">
+
+	    <title>Oktet 9</title>
+	    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&amp;subset=latin,latin-ext" rel="stylesheet" /><link href="css/main.css" rel="stylesheet" />
+	</head>
+
+	<body>
+
+
+<main>
+    <div class="container">
+        <img src="img/logo.png">
+        <nav class="menu">
+            <ul class="menu-holder">
+                <li class="menu-item"><a href="#zgoscenka">Zgoščenka</a></li>
+                <li class="menu-item"><a href="#nastopi">Nastopi</a></li>
+                <li class="menu-item"><a href="#kontakt">Kontakt</a></li>
+            </ul>
+        </nav>
+    </div>
+
+    <hr>
+
+    <div class="container">
+        <h2 id="zgoscenka">Svoboda!<span>?</span></h2>
+        <img src="img/cd.png" alt="Naslovnica zgoščenke Svoboda" />
+
+        <p><em>Svoboda</em> je šopek skladb, sestavljen kot svarilo in zdravilo pred zgodovinsko pozabljivostjo. V njem najdemo cvetove iz kmečkih uporov, Ilirskega kraljestva, Avstrijskega cesarstva ter z bojišč obeh svetovnih vojn. Nabrali smo jih tam, kjer so naši predniki iskali svobodo, jih zalili s svežo vodo in povezali s trakom mladosti.</p>
+
+        <p>Po dveh izdajah, ki sta bili zgolj malce uradnejša posnetka koncertov, smo leta 2015 prvič posneli pravo zgoščenko. Najprej smo nekaj mesecev spoznavali izbrani material na vajah, nato pa <a href="https://www.facebook.com/media/set/?set=a.10153084920215027.1073741830.37531920026&type=1">pet napornih snemalnih dni</a> preživeli v prijetni akustiki stare športne dvorane Gimnazije Celje-Center.</p>
+
+        <p>Album Svoboda lahko v fizični obliki dobite tako, da nas pocukate za rokav po katerem od naših nastopov ali nam zatežite <a href="mailto:gregor.deleja@gmail.com">po elektronski pošti</a>, na voljo pa je tudi <a href="https://oktet9.bandcamp.com/releases">v digitalni obliki.</a></p>
+
+        <hr>
+
+        <h2 id="nastopi">Nastopi</h2>
+
+        <p>Večina nastopov v prihajajočih nekaj mesecih bo osredotočena na naš letošnji jubilej, tako da lahko pričakujete repertoar, ki bo povzemal preteklo desetletje delovanja okteta, tu in tam osvežen s kakšnim še neslišanim komadom.</p>
+
+        <ul class="concert-list">
+            <li><strong>26. 5. ob 19. uri</strong> bomo v Narodnem domu priredili <a href="https://www.facebook.com/events/1705727626358397/">Oktet 9 Deset</a>, kot smo letos poimenovali svoj tradicionalni letni koncert. Ker smo dopolnili 10 skupnih let, bo osrednja tematika nostalgiziranje ob spominih na najpomembnejše izkušnje in pesmi.</li>
+            <li><strong>16. 7. ob 18. uri</strong> nas boste lahko videli v Laškem, kamor so nas povabili organizatorji festivala <a href="http://www.pivo-cvetje.si/en/artists/oktet9/">Pivo in cvetje</a>.</li>
+        </ul>
+
+        <p>Najnovejše informacije o prihajajočih nastopih lahko vedno najdete na naši <a href="https://www.facebook.com/Oktet9">Facebook strani.</a></p>
+
+        <hr>
+
+        <h2 id="kontakt">Kontakt</h2>
+
+        <p>Če bi nas radi najeli za nastop, pokličite <a href="tel:+38641708945">041 708 945</a> (Gregor) ali <a href="tel:+38640453789">040 453 789</a> (Jan). Kadarkoli nam lahko tudi <a href="mailto:gregor.deleja@gmail.com">pošljete e-mail</a> ali pustite sporočilo <a href="https://www.facebook.com/Oktet9">na Facebook strani</a>.</p>
+
+        <img src="img/fotka.jpg" alt="Skupinska fotografija zasedbe" title="© Maja Oprešnik" />
+    </div>
+
+    <hr>
+
+    <footer class="container">© Oktet 9 - 2016</footer>
+</main>
+
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script src="//cdn.jsdelivr.net/jquery.scrollto/2.1.0/jquery.scrollTo.min.js"></script><script src="//cdn.jsdelivr.net/jquery.localscroll/1.4.0/jquery.localScroll.min.js"></script><script src="js/main.js"></script>
+
+</body>
diff --git a/build/js/main.js b/build/js/main.js
new file mode 100644
index 0000000..692a3e9
--- /dev/null
+++ b/build/js/main.js
@@ -0,0 +1 @@
+$(function(){$("nav").localScroll()});
\ No newline at end of file
