Website pronounciation added

index.html

@@ -53,7 +53,10 @@
         <div class="container clearfix">
             <img height="256" width="256" class="profile-image img-fluid float-left rounded-circle" src="assets/images/pp.jpeg" alt="profile image" />
             <div class="profile-content float-left">
-                <h1 class="name">Yiğit Çolakoğlu</h1>
+                <span>
+                    <h1 class="name">Yiğit Çolakoğlu</h1>
+                    <h6 style="text-align: right; margin-top: 0px;">[Pronounced: Yeet Tcholakohlu]</h6>
+                </span>
                 <h2 class="desc">Student at TU Delft</h2>
                 <ul class="social list-inline">
                     <li class="list-inline-item"><a href="https://twitter.com/_ygt_"><i class="fab fa-twitter"></i></a></li>
@@ -262,17 +265,25 @@
                             <div class="skillset">
 
                                 <div class="item">
-                                    <h3 class="level-title">Python &amp; Flask<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Proficient</span></h3>
+                                    <h3 class="level-title">Python<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Proficient</span></h3>
                                     <div class="level-bar">
                                         <div class="level-bar-inner" data-level="82%">
                                         </div>
                                     </div><!--//level-bar-->
                                 </div><!--//item-->
 
+                                <div class="item">
+                                    <h3 class="level-title">C<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Proficient</span></h3>
+                                    <div class="level-bar">
+                                        <div class="level-bar-inner" data-level="90%">
+                                        </div>
+                                    </div><!--//level-bar-->
+                                </div><!--//item-->
+
                                 <div class="item">
                                     <h3 class="level-title">Java &amp; Android<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Proficient</span></h3>
                                     <div class="level-bar">
-                                        <div class="level-bar-inner" data-level="89%">
+                                        <div class="level-bar-inner" data-level="90%">
                                         </div>
                                     </div><!--//level-bar-->
                                 </div><!--//item-->
@@ -280,7 +291,7 @@
                                 <div class="item">
                                     <h3 class="level-title">Linux &amp; Unix<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to explain more about your skill level..."><i class="fas fa-info-circle"></i>Expert</span></h3>
                                     <div class="level-bar">
-                                        <div class="level-bar-inner" data-level="92%">
+                                        <div class="level-bar-inner" data-level="95%">
                                         </div>
                                     </div><!--//level-bar-->
                                 </div><!--//item-->