add spotify preview

sofiafernandezmoreno · sofiafernandezmoreno · commit 73dec2a939ff · 2019-10-22T23:18:04.000+02:00
diff --git a/index.html b/index.html
@@ -9,9 +9,25 @@
     <link rel="stylesheet" type="text/css" href="assets/css/style.css">
     <script src="https://cdn.jsdelivr.net/npm/typeit/dist/typeit.min.js"></script>
     <script type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script>
-   
+    <style>
+      #cabecera{
+      width: 100%;
+      height: 500px;
+      }
+      #video {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: auto;
+      z-index: -10;
+      visibility: visible;
+      }
+      
+      </style> 
     
   </head>
+
   <body>
       
    <nav class="navbar fixed-top navbar-expand-lg navbar-dark page-navbar gradient">
@@ -56,6 +72,9 @@
     </nav>
     <main class="page cv-page">
       <section class="cv-block block-intro border-bottom">
+
+
+        
         <div class="container">
           <div class="avatar">
             <img class="img-fluid rounded-circle" src="assets/img/avatar.png">
@@ -69,6 +88,16 @@ <h2>I work as DevOps Junior on <a href="https://www.loycus.com" class="nav-link"
              </span></h2>
          
           <a href="mailto:chui274@gmail.com"class="btn btn-outline-primary">Hire Me</a>
+
+          <br>
+          <br>
+
+          <div id="inner">
+
+              <iframe src="https://open.spotify.com/embed/playlist/2JtkUgJumiz7K4AblbFlgK" width="250" height="330" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
+          </div>
+
+          
         </div>
         
       </section>
