- Improve quality of favicon (the little icon that browsers display

    next to a page's title on a browser tab, or in the address bar next
    to its URL. It also is used when you bookmark a page)
- Improve the quality of Apple Touch Icon (file used for a web page
    icon on the Apple iPhone, iPod Touch, and iPad. When someone
    bookmarks your web page or adds your web page to their home screen
    this icon is used)
 - Add our own font
 - Add our own logos
 - Add social icons
 - Add Licencing information

index.html

@@ -27,16 +27,48 @@
     <div class="wrapper">
         <ul class="grid cards">
             <li>
-                <iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/232672698&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
+                <iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/232672698&amp;color=%23bb6611&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
             </li>
             <li>
-                <iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/232674071&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
+                <iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/232674071&amp;color=%23bb6611&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
             </li>
             <li>
-                <iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/308212612&amp;color=%23501e16&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
+                <iframe width="100%" height="600" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/308212612&amp;color=%23bb6611&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"></iframe>
             </li>
         </ul>
     </div>
+    <div class="wrap">
+        <div class="main">
+            <h2 class="logo">
+                <a href="index.html" title="Alex.Immer">Alex.Immer</a>
+            </h2>
+            <p class="baseline">Electronic music</p>
+            <div class="social">
+                <a target="_blank" class="soundcloud" href="https://soundcloud.com/aleximmer">Soundcloud</a>
+                <a target="_blank" class="facebook" href="https://www.facebook.com/kaizoku.asce">Facebook</a>
+                <a target="_blank" class="twitter" href="https://twitter.com/alex_immer">Twitter</a>
+                <a target="_blank" class="youtube" href="https://www.youtube.com/user/tnkratos1">Youtube</a>
+            </div>
+            <p align="center">
+                <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
+                    <img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" />
+                </a>
+                <br>You are free to Share i.e copy and redistribute the material in any medium of format.
+                <br>i.e remix, transform, and buld upon the material.
+                <span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Musics</span> by
+                <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Alex.Immer</span> licensed under
+                <br>
+                <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">Attribution Non-Commercial Creative Commons License</a>.
+                <br>
+                <a> For commercial uses, don't hesitate to contact me:</a>
+                <br>
+                <a href="mailto:[email protected]">tnkratos(at)gmail.com</a>
+            </p>
+        </div>
+        <div class="credits">page code &amp; design :
+            <a target="_blank" title="Graphic design and web design" href="https://github.com/asce1062">asce1062</a>
+        </div>
+    </div>
 </body>
 
 </html>