diff --git a/img/icons/twister.png b/img/icons/twister.png
new file mode 100644
index 0000000..43d7700
Binary files /dev/null and b/img/icons/twister.png differ
diff --git a/index.html b/index.html
index d5bad60..5a1230d 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@
 
 
 
-  <main role="main" class="container">
+  <main role="main" class="container" style="margin-top: -30px;">
     <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-blue rounded shadow-sm">
       <img class="mr-3" src="img/icon.png" alt="" width="48" height="48">
       <div class="lh-100">
@@ -67,7 +67,7 @@
     <div class="my-3 p-3 bg-white rounded shadow-sm">
       <h6 class="border-bottom border-gray pb-2 mb-0">current places</h6>
       <div class="media text-muted pt-3">
-       <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" src="img/icons/beach.svg"
+       <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" src="http://www.w3.org/2000/svg"
           preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
           <title>Placeholder</title>
           <rect width="100%" height="100%" fill="#007bff" /><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text>
@@ -81,10 +81,13 @@
         </p>
       </div>
       <div class="media text-muted pt-3">
-        <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
+     <!--  <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
           preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
+          --> 
+          <img src="img/icons/twister.png" width="32" height="32" alt="icon">
+
           <title>Placeholder</title>
-          <rect width="100%" height="100%" fill="#e83e8c" /><text x="50%" y="50%" fill="#e83e8c" dy=".3em">32x32</text>
+          <rect width="100%" height="100%" fill="#e83e8c" /><text x="50%" y="50%" fill="#e83e8c" dy=".3em"></text>
         </svg>
         <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
           <strong class="d-block text-gray-dark">
@@ -98,7 +101,7 @@
         <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
           preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
           <title>Placeholder</title>
-          <rect width="100%" height="100%" fill="#6f42c1" /><text x="50%" y="50%" fill="#6f42c1" dy=".3em">32x32</text>
+          <rect width="100%" height="100%" fill="#6f42c1" /><text x="50%" y="50%" fill="#6f42c1" dy=".3em"></text>
         </svg>
         <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
           <strong class="d-block text-gray-dark">@place</strong>