feat: audio, video

mitinarseny · mitinarseny · commit 3be5c1e0decb · 2017-10-12T12:27:15.000+03:00
diff --git a/about.html b/about.html
@@ -17,9 +17,9 @@
 <body data-spy="scroll">
     <div class="container-fluid">
         <div class="row">
-            <div class="col-md-3">
+            <div class="col-md-3 col-xs-12">
                 <div class="sidenav-wrapper">
-                    <div style="margin-top: 5vh;">
+                    <div>
                         <h3 class="label">Arseny Mitin</h3>
                         <h6 class="label">@mitinarseny</h6>
                     </div>
@@ -141,6 +141,8 @@ <h4 class="header">education</h4>
                         <p class="text">
                             2017 – present time: <a href="https://www.hse.ru/ba/cosec/">National Research University Higher School of Economics, department of Computer Security</a> <br> 2014 – 2017: <a href="https://informatics.ru/yandex/">Yandex Programming School, speciality "Industrial Programming"</a>                            <br>
                         </p>
+                        <audio src="audio.mp3" controls></audio>
+                        <iframe width="100%" height="360" src="https://www.youtube.com/embed/K9qMm3JbOH0" frameborder="0" allowfullscreen></iframe>
                     </div>
                 </div>
             </div>
diff --git a/audio.mp3 b/audio.mp3
diff --git a/styles.css b/styles.css
@@ -5,7 +5,10 @@ html, body {
 
 .sidenav-wrapper {
     position: fixed;
-    height: 100vh;
+
+    margin-top: 5vh;
+    margin-bottom: 3vh;
+    height: 92vh;
     display: flex;
     align-items: stretch;
     justify-content: space-between;
@@ -19,7 +22,6 @@ html, body {
 
 #contacts {
     /*margin-top: 1.5vh;*/
-    margin-bottom: 3vh;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
