diff --git a/index.html b/index.html
index 2163db6..e289f0a 100644
--- a/index.html
+++ b/index.html
@@ -1 +1,130 @@
-Ahoj!
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>Trhlina - infoshop </title>
+<style type="text/css">
+    body {
+        background-color: #f5f5f5;
+        margin-top: 8%;
+        color: #5d5d5d;
+        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+        text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
+        text-align: center !important;
+    }
+
+    h1 {
+        font-size: 2.45em;
+        font-weight: 700;
+        color: #5d5d5d;
+        letter-spacing: -0.02em;
+        margin-bottom: 30px;
+        margin-top: 30px;
+    }
+
+    .container {
+        width: 100%;
+        margin-right: auto;
+        margin-left: auto;
+    }
+
+    .animated {
+        -webkit-animation-duration: 1s;
+        animation-duration: 1s;
+        -webkit-animation-fill-mode: both;
+        animation-fill-mode: both;
+    }
+
+    .fadeIn {
+        -webkit-animation-name: fadeIn;
+        animation-name: fadeIn;
+    }
+    
+    .info {
+        color:#5594cf;
+        fill:#5594cf;
+    }
+
+    .error {
+        color:#c92127;
+        fill:#c92127;
+    }
+
+    .warning {
+        color:#ffcc33;
+        fill:#ffcc33;
+    }
+
+    .success {
+        color:#5aba47;
+        fill:#5aba47;
+    }
+
+    .icon-large {
+        height: 132px;
+        width: 132px;
+    }
+
+    .description-text {
+        color: #707070;
+        letter-spacing: -0.01em;
+        font-size: 1.25em;
+        line-height: 20px;
+    }
+
+    .footer {
+        margin-top: 40px;
+        font-size: 0.7em;
+    }
+
+    .delay-1s {
+        -webkit-animation-delay: 1s;
+        animation-delay: 1s;
+    }
+
+    @keyframes fadeIn {
+        from { opacity: 0; }
+        to   { opacity: 1; }
+    }
+
+</style>
+</head>
+<body>
+<div class="container text-center">
+    <div class="row">
+        <div class="col">
+            <div>
+		    <img src="/trhlina.svg" style="width: 300px">
+	    </div>
+            <div class="description-text">
+		    <h3>Samosprávné komunitní centrum</h3>
+		    <p>ahoj@trhlina.org</p> 
+		    <p><a href="https://www.facebook.com/infoshoptrhlina">Facebook</a> / <a href="https://instagram.com/trhlina_nusle">Instagram</a> / <a href="https://twitter.com/trhlina">Twitter</a> / <a href="https://radar.squat.net/en/node/429153">Radar</a></p>
+
+<script src="https://akce.nolog.cz/gancio-events.es.js"></script>
+<gancio-events baseurl="https://akce.nolog.cz" title="Události" places="2" show_recurrent="true" maxlength=3 sidebar="true" theme="light"></gancio-events>
+
+<br>
+
+
+
+
+		    <div data-darujme-widget-token="08ubowlx18gc3dah">&nbsp;</div>
+<script type="text/javascript">
+    +function(w, d, s, u, a, b) {
+        w['DarujmeObject'] = u;
+        w[u] = w[u] || function () { (w[u].q = w[u].q || []).push(arguments) };
+        a = d.createElement(s); b = d.getElementsByTagName(s)[0];
+        a.async = 1; a.src = "https:\/\/www.darujme.cz\/assets\/scripts\/widget.js";
+        b.parentNode.insertBefore(a, b);
+    }(window, document, 'script', 'Darujme');
+    Darujme(1, "08ubowlx18gc3dah", 'render', "https:\/\/www.darujme.cz\/widget?token=08ubowlx18gc3dah", "270px");
+</script>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
