diff --git a/ippisite/ippidb/static/banner.png b/ippisite/ippidb/static/banner.png
new file mode 100644
index 0000000000000000000000000000000000000000..d967462c745227ca51a54bf45e72f492d23ef95d
Binary files /dev/null and b/ippisite/ippidb/static/banner.png differ
diff --git a/ippisite/ippidb/static/ippidb.css b/ippisite/ippidb/static/ippidb.css
new file mode 100644
index 0000000000000000000000000000000000000000..fa3566f4d862c618a6eb4839136e974b2d1999f8
--- /dev/null
+++ b/ippisite/ippidb/static/ippidb.css
@@ -0,0 +1,4 @@
+#home div.jumbotron{
+    background: url('/static/banner.png');
+    background-repeat: no-repeat;
+}
diff --git a/ippisite/ippidb/templates/base.html b/ippisite/ippidb/templates/base.html
index 14a3dd0086dd75710258b0fb67e4e7f9a5bfba74..0a8c103ca2f99dede08b43372a4d6fa788269a14 100644
--- a/ippisite/ippidb/templates/base.html
+++ b/ippisite/ippidb/templates/base.html
@@ -1,34 +1,23 @@
-{% load bootstrap3 %}
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <link rel="stylesheet" href="{% bootstrap_css_url %}" />
-    <title>IPPI-DB Maintenance {% block title %}{% endblock %}</title>
+    <title>IPPI-DB {% block title %}{% endblock %}</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+    <link rel="stylesheet" href="/static/ippidb.css">
+    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
 </head>
 
 <body>
-    <nav class="navbar navbar-default">
-      <div class="container-fluid">
-        <!-- Brand and toggle get grouped for better mobile display -->
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="#">IPPI-DB</a>
-        </div>
-
-        <!-- Collect the nav links, forms, and other content for toggling -->
-        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-          <ul class="nav navbar-nav">
-            <li class="active"><a href="/ippidb/biblio/">Bibliographic references list<span class="sr-only">(current)</span></a></li>
-            <li><a href="/ippidb/biblio/add/">Add a new bibliographic reference<span class="sr-only">(current)</span></a></li>
-          </ul>
-        </div><!-- /.navbar-collapse -->
-      </div><!-- /.container-fluid -->
-    </nav>
+    <div class="container">
+        <a href="/" id="home">
+            <div class="jumbotron">
+                <h1 class="display-3">iPPI-DB</h1>
+                <p class="lead">Inhibitors of Protein-Protein Interaction Database</p>
+            </div>
+        </a>
+    </div><!-- /.container-fluid -->
     <div id="content">
         {% block content %}{% endblock %}
     </div>
diff --git a/ippisite/ippidb/templates/index.html b/ippisite/ippidb/templates/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..f81bcd9c66202eff27cd0ecb6583286d9884d5e0
--- /dev/null
+++ b/ippisite/ippidb/templates/index.html
@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+
+    
+{% block title %}inhibitors of Protein-Protein Interaction Database{% endblock %}
+
+{% block content %}
+{% endblock %}
diff --git a/ippisite/ippidb/urls.py b/ippisite/ippidb/urls.py
index ceb170ff646f1ebee3b677c09543b6087fb907ba..726f2d8ac9ba779b642c0a921ba4784d827b32cc 100644
--- a/ippisite/ippidb/urls.py
+++ b/ippisite/ippidb/urls.py
@@ -1,4 +1,6 @@
 from django.conf.urls import url
+from .views import index
 
 urlpatterns = [
+    url(r'^$', index, name='index')
 ]
diff --git a/ippisite/ippidb/views.py b/ippisite/ippidb/views.py
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..cbd3ce24117c5c796e0c5195ef27a6d3e6a16360 100644
--- a/ippisite/ippidb/views.py
+++ b/ippisite/ippidb/views.py
@@ -0,0 +1,4 @@
+from django.shortcuts import render
+
+def index(request):
+    return render(request, 'index.html')