diff --git a/css/main.css b/css/main.css
index fe75d229..f580ea91 100755
--- a/css/main.css
+++ b/css/main.css
@@ -780,6 +780,7 @@ input:checked + .slider:before {
 
 
 /* hover effect to footer icons */
+
 .footer-hover:hover {
   transform: scale(1.2);
   transition-duration: 0.5s;
@@ -805,9 +806,6 @@ input:checked + .slider:before {
   transition-duration: 0.4s;
 }
 
-
-
-
 /* sticky github */
 .sticky-container{
   padding: 0px;
@@ -869,4 +867,4 @@ input:checked + .slider:before {
 .border-heading {
   display: block;
   border-bottom: 2px solid gray;
-}
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 217c8565..fed76819 100755
--- a/index.html
+++ b/index.html
@@ -8,9 +8,28 @@
   <meta name="description" content="Opencode Collaborative website">
   <meta name="author" content="">
 
-  <title>Opencode 2019 Collaborative</title>
-  <!-- Bootstrap core CSS -->
-  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <title>Opencode 2019 Collaborative</title>
+    <!-- images prefetch -->
+    <script src="js/prefetch.js"></script>
+    <link rel="prefetch" href="js/prefetch.js">
+    <!-- Bootstrap core CSS -->
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Font Awesome Icon pack for icons used in project -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+   
+    <!-- fork me on github ribbon cdn -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.2/gh-fork-ribbon.min.css" />
+	
+    <!-- Custom styles for this template -->
+    <link href="css/main.css" rel="stylesheet">
+    <link rel="icon" href="assets/img/opencode_logo_61n_icon.ico">
+
+    <!-- Animate css -->
+    <link rel="stylesheet" type="text/css" media="all" href="css/animate.css">
+      
+    <!-- Font for countdown -->
+    <link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
 
   <!-- Font Awesome Icon pack for icons used in project -->
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
diff --git a/js/prefetch.js b/js/prefetch.js
new file mode 100644
index 00000000..932734fe
--- /dev/null
+++ b/js/prefetch.js
@@ -0,0 +1,15 @@
+$(document).ready(function() {
+
+    var folder = "../assets/img/participants/";
+
+    $.ajax({
+        url : folder,
+        success: function (data) {
+            $(data).find("img").attr("href", function (i, val) {
+                if( val.match(/\.(jpe?g|png|gif)$/) ) { 
+                    $("body").append( "<img src='"+ folder + val +"'>" );
+                } 
+            });
+        }
+    });
+});
\ No newline at end of file