Index: html/web/index.html
===================================================================
--- html/web/index.html	(revision 69:7f6193e5fef3)
+++ html/web/index.html	(revision 69:7f6193e5fef3)
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
+    <head>
+        <meta http-equiv="content-language" content="cs"/>
+        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+        <link href="styl.css" type="text/css" rel="StyleSheet"/>
+        <script type="text/javaScript" src="hlavni.js"></script>
+        <title>SQL Výuka: tenhle jazyk tě bude bavit!</title>
+    </head>
+    <body>
+        <h1 id="logo"><span>SQL Výuka: tenhle jazyk tě bude bavit!</span></h1>
+        <div id="prostredniPruh">
+            <div id="zahlavi">
+                <ul id="nabidka">
+                    <li><a href="#"><span>O programu</span></a></li>
+                    <li><a href="#"><span>Články o SQL</span></a></li>
+                    <li><a href="#"><span>Objednávka</span></a></li>
+                    <li><a href="#"><span>Poradna</span></a></li>
+                </ul>
+            </div>
+            <div id="obalObsahu">
+
+
+                <div id="pravyPruh">
+                    <div class="pravyPruh-vnitrek">
+                        <h3>Ahoj</h3>
+                        <p>Nějaký text.y</p>
+                    </div>
+                </div>
+
+                <div id="obsah">
+                    xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj
+
+
+                    <object data="http://www.dailymotion.com/cdn/OGG-320x240/video/x9euyb?key=a99e7056808342ad0868b4decfe811c814044ec" width="320" height="240" ></object>
+
+                    xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj
+                    xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj xkuxj gfcjh fcj
+                </div>
+
+
+
+
+            </div>
+            <div id="zapati"></div>
+        </div>
+
+
+    </body>
+</html>
Index: html/web/styl.css
===================================================================
--- html/web/styl.css	(revision 69:7f6193e5fef3)
+++ html/web/styl.css	(revision 69:7f6193e5fef3)
@@ -0,0 +1,105 @@
+body {
+    background-color:#2C2C29;
+    font-size: 11px;
+}
+
+#logo {
+    background: url('grafika/logo-web.png') no-repeat;
+    width: 600px;
+    height: 56px;
+    position: absolute;
+    top: -8px;
+    left: 240px;
+}
+
+#logo span {
+    display: none;
+}
+
+#prostredniPruh {
+    color:#2C2C29;
+    margin:0 auto;
+    text-align:left;
+    width:811px;
+}
+
+#zahlavi {
+    background:transparent url('grafika/zahlavi.png') no-repeat scroll 0 0;
+    height:113px;
+    padding:0;
+}
+
+#obalObsahu {
+    background:#FFFFFF url('grafika/obsah.png') repeat-y scroll 0 0;
+    margin-left:7px;
+    padding:0 10px 0 15px;
+    width:769px;    
+}
+
+#obsah {
+    width:547px;
+}
+
+#pravyPruh {
+    float:right;
+    width:209px;
+}
+
+.pravyPruh-vnitrek {
+    margin-left: 15px;
+}
+.pravyPruh-vnitrek h3 {
+    background: white url('grafika/bocniPanel.png');
+    display:block;
+    font-size:11px;
+    font-weight:700;
+    height:22px;
+    padding:9px 0 0 10px;
+    width:181px;
+}
+
+#zapati {
+    background:transparent url('grafika/zapati.png') no-repeat scroll 0 0;
+    height:60px;
+}
+
+#nabidka {
+    float:left;
+    left:0px;
+    overflow:hidden;
+    position:relative;
+    text-transform:uppercase;
+    top:65px;
+    width:548px;
+}
+
+#nabidka li {
+    float:left;
+    list-style-image:none;
+    list-style-position:outside;
+    list-style-type:none;
+    margin-right:4px;
+}
+
+#nabidka li a {
+    background:transparent url('grafika/nabidka.png') no-repeat scroll left top;
+    color:#2C2C29;
+    cursor:pointer;
+    display:block;
+    -x-system-font:none;
+    font-family:Arial,Helvetica,sans-serif;
+    font-size:0.88em;
+    font-style:normal;
+    font-variant:normal;
+    font-weight:700;
+    line-height:26px;
+    padding-left:15px;
+    text-decoration:none;
+}
+
+#nabidka li a span {
+    background:transparent url('grafika/nabidka.png') no-repeat scroll right top;
+    display:block;
+    line-height:24px;
+    padding-right:15px;
+}
