diff --git a/img/CERNlogo.gif b/img/CERNlogo.gif
new file mode 100644
index 0000000..e05074f
Binary files /dev/null and b/img/CERNlogo.gif differ
diff --git a/js/javascriptjs b/js/javascriptjs
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/js/javascriptjs
@@ -0,0 +1 @@
+
diff --git a/main.html b/main.html
index 9677ee7..a6e695c 100644
--- a/main.html
+++ b/main.html
@@ -7,15 +7,39 @@
 
 
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+        <script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
+        <script src="js/javascript.js"></script>
+        <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
 
-         <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
     </head>
     <body>
+        <div class="navbar">
+            <div class="navbar-inner">
+                <div class="container">
+                    <ul class="nav">
+                        <li class="active">
+                        <a class="image-link"  >
+                            <img src="img/CERNlogo.gif" >
+                            <p>Subtitle</p>
+                        </a>
+                        </li>
+                        <li><a href="#">Link</a></li>
+                        <li><a href="#">Link</a></li>
+                    </ul>
+
+                </div>
+            </div>
+        </div>
         <div id="left-hidden">
         </div>
-        <div id="main">
+        <div id="main" class="span12">
+            fopjefoj apojpefjpwj pwej epfj 
         </div>
         <div id="right-hidden">
         </div>
+        <script>
+            //$("p.image-link").attr('diplay', 'none');
+
+        </script>
     </body>
 </html>
