completed basic home page

7 files changed, 83 insertions, 1 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..d772925
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+*~
+*.swp
+*.swo
diff --git a/css/.main.css.swp b/css/.main.css.swp
deleted file mode 100644
index 524d9a9..0000000
--- a/css/.main.css.swp
+++ /dev/null
diff --git a/css/main.css b/css/main.css
index 75ccf78..fa76b82 100644
--- a/css/main.css
+++ b/css/main.css
@@ -11,6 +11,7 @@ body {
 #page-wrapper {
     width: 960px;
     margin: 25px auto 10px;
+    padding: 0 0 35px 0;
     background: #ffffff;
     -webkit-box-shadow: 0 0 10px #cccccc;
        -moz-box-shadow: 0 0 10px #cccccc;
@@ -87,3 +88,33 @@ body {
 #footer a:hover {
     color: #333333;
 }
+#social {
+    position: fixed;
+    right: 15px;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -o-transform: translateY(-50%);
+    transform: translateY(-50%);
+    background: #ffffff;
+    display: inline-block;
+    -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+         -o-border-radius: 5px;
+            border-radius: 5px;
+    -webkit-box-shadow: 0 0 3px #cccccc;
+       -moz-box-shadow: 0 0 3px #cccccc;
+         -o-box-shadow: 0 0 3px #cccccc;
+            box-shadow: 0 0 3px #cccccc;
+}
+#social ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 5px;
+}
+#social ul li {
+    padding: 3px 0;
+}
+#social img {
+    width: 25px;
+}
diff --git a/images/facebook.png b/images/facebook.png
new file mode 100644
index 0000000..0009f04
--- /dev/null
+++ b/images/facebook.png
diff --git a/images/googleplus.png b/images/googleplus.png
new file mode 100644
index 0000000..62aa4b9
--- /dev/null
+++ b/images/googleplus.png
diff --git a/images/twitter.png b/images/twitter.png
new file mode 100644
index 0000000..edec9ee
--- /dev/null
+++ b/images/twitter.png
diff --git a/index.html b/index.html
index d39c9fe..e72dd86 100755
--- a/index.html
+++ b/index.html
@@ -30,6 +30,7 @@
                             <li class="active"><a href="#">Call for papers</a></li>
                             <li><a href="#">Schedule</a></li>
                             <li><a href="#">Invited Speakers</a></li>
+                            <li><a href="#">Sponsors</a></li>
                             <li><a href="#">Venue</a></li>
                             <li><a href="#">Contact Us</a></li>
                         </ul>
@@ -101,6 +102,26 @@
                                 <p class="text-justify">
                                     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                 </p>
+                                <hr>
+                                <table class="table table-bordered">
+                                    <tbody>
+                                        <tr>
+                                            <td><strong>Dec 4<sup>th</sup></strong></td>
+                                            <td>Keynote</td>
+                                            <td><a href=""><small>View More</small></a></td>
+                                        </tr>
+                                        <tr>
+                                            <td><strong>Dec 5<sup>th</sup></strong></td>
+                                            <td>Tutorials</td>
+                                            <td><a href=""><small>View More</small></a></td>
+                                        </tr>
+                                        <tr>
+                                            <td><strong>Dec 5<sup>th</sup></strong></td>
+                                            <td>Lightning Talks</td>
+                                            <td><a href=""><small>View More</small></a></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
                             </div>
                             <div class="col-md-6">
                                 <div class="panel panel-default">
@@ -141,15 +162,35 @@
                                             </div>
                                             </li>
                                         </ul>
-                                    </div>
+                                    </div> <!-- /.panel-body -->
                                 </div>
                             </div>
+                            <div class="clearfix"></div>
                         </div> <!-- /.row -->
                     </div> <!-- /#conference-->
                     <hr> 
                     <div id="sponsors">
                         <h3 class="garmond" align="center"><u>Sponsors</u></h3>
                         <div class="row">
+                            <div class="col-md-2">
+                                <img src="holder.js/100%x50">
+                            </div>
+                            <div class="col-md-2">
+                                <img src="holder.js/100%x50">
+                            </div>
+                            <div class="col-md-2">
+                                <img src="holder.js/100%x50">
+                            </div>
+                            <div class="col-md-2">
+                                <img src="holder.js/100%x50">
+                            </div>
+                            <div class="col-md-2">
+                                <img src="holder.js/100%x50">
+                            </div>
+                            <div class="col-md-2">
+                                <img src="holder.js/100%x50">
+                            </div>
+                            <div class="clearfix"></div>
                         </div> <!-- /.row -->
                     </div> <!-- /#sponsors -->
                 </div><!-- /.container-fluid -->
@@ -169,6 +210,13 @@
         </div> <!-- /#footer -->
     </div> <!-- /#footer-wrapper -->
 
+    <div id="social">
+        <ul>
+            <li><a href=""><img src="images/facebook.png" alt="fb"></a></li>
+            <li><a href=""><img src="images/twitter.png" alt="tw"></a></li>
+            <li><a href=""><img src="images/googleplus.png" alt="gp"></a></li>
+        </ul>
+    </div> <!-- /#social -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 <script src="js/holder.js"></script>