diff --git a/notes/static/notes/css/notes.css b/notes/static/notes/css/notes.css
new file mode 100644
index 0000000..667d1ef
--- /dev/null
+++ b/notes/static/notes/css/notes.css
@@ -0,0 +1,84 @@
+.wrapper {
+    margin: 0 auto;
+    width: 100%;
+    font-family:'Open Sans', sans-serif;
+    backface-visibility: hidden;
+}
+
+.button {
+    text-transform: uppercase;
+    position: relative;
+    top: 4px;
+    left: 0;
+    width: 75%;
+    height: 100px;
+    margin: 0;
+    padding: 0 5px 0 5px;
+    border-radius: 3px;
+    border: 1px solid #393939;
+    background-color: #3a9fbf;
+    cursor: pointer;
+    transition: all 1s;
+}
+
+.button:hover {
+    background: #00008B;
+}
+
+.button p {
+    text-align: center;
+    line-height: 100px;
+    font-size: 35px;
+    font-weight: 200;
+    letter-spacing: 2px;
+    color: #FFF;
+    transition: all 1s;
+}
+
+.button p:hover {
+    font-size: 40px;
+}
+
+.dropdown1 {
+    position: relative;
+    top: 0px;
+    left: 0;
+    width: 75%;
+    height: 0;
+    margin: 0;
+    padding: 0 5px 0 5px;
+    border-radius: 0 0 5px 5px;
+    background: #393939;
+    transition: 0.5s;
+    cursor: pointer;
+    overflow: hidden;
+}
+
+.content {
+    list-style: none;
+    margin: 0;
+    padding: 15px 15px 0 15px;
+    opacity: 0;
+}
+
+.content li {
+    margin: 0 0 5px 0;
+    padding: 0 0 5px 0;
+    width: 100%;
+    border-bottom: 1px solid #676768;
+    text-align: center;
+}
+
+.content li a {
+    text-decoration: none;
+    margin: 0 0 5px 0;
+    padding: 0;
+    font-size: 23px;
+    font-weight: 100;
+    letter-spacing: 5px;
+    color: #fff;
+}
+
+.content li a:hover {
+    color: #cecccf;
+}
\ No newline at end of file
diff --git a/notes/static/notes/js/meeting.js b/notes/static/notes/js/meeting.js
new file mode 100644
index 0000000..529f641
--- /dev/null
+++ b/notes/static/notes/js/meeting.js
@@ -0,0 +1,14 @@
+
+$( document ).ready(function() {
+    var SubheaderBlock = document.getElementsByClassName("SubheaderBlock");
+    var SubsubheaderBlock = document.getElementsByClassName("SubsubheaderBlock");
+
+    for (var i = 0; i < SubheaderBlock.length; i ++){
+        SubheaderBlock[i].className += "lead";
+    }
+
+    for (var i = 0; i < SubsubheaderBlock.length; i ++){
+        SubsubheaderBlock[i].className += "lead";
+    }
+
+})
\ No newline at end of file
diff --git a/notes/static/notes/js/notes.js b/notes/static/notes/js/notes.js
new file mode 100644
index 0000000..bb9e64f
--- /dev/null
+++ b/notes/static/notes/js/notes.js
@@ -0,0 +1,18 @@
+function dropdown(button, id) {
+
+    var height = document.getElementsByClassName("meeting_" + id).length * 55;
+
+    var dropdown = document.getElementById('dropdown_' + id),
+        content = document.getElementById('content_' + id);
+
+    if (dropdown.style.height === height + "px") {
+        dropdown.style.height = "0";
+        content.style.opacity = "0";
+    } else {
+        dropdown.style.height = height + "px";
+        dropdown.style.transition = "height 0.5s";
+        content.style.transition = "opacity 0.5s";
+        content.style.opacity = "1";
+    }
+
+};
\ No newline at end of file
diff --git a/pages/static/pages/css/img/favicon.png b/pages/static/pages/css/img/favicon.png
new file mode 100644
index 0000000..6f75e56
Binary files /dev/null and b/pages/static/pages/css/img/favicon.png differ
diff --git a/pages/static/pages/css/img/vinay.png b/pages/static/pages/css/img/vinay.png
new file mode 100644
index 0000000..fec5432
Binary files /dev/null and b/pages/static/pages/css/img/vinay.png differ