Just display icon in pans with medium or small size screen

Author: tbaudier

index.html

@@ -107,12 +107,12 @@ <h2 class="title">Problems</h2>
                                     <ul class="nav nav-tabs justify-content-center" role="tablist">
                                         <li class="nav-item">
                                             <a class="nav-link active" data-toggle="tab" href="#mandatory" role="tab">
-                                                <i class="now-ui-icons files_paper"></i> It's mandatory
+                                                <i class="now-ui-icons files_paper"></i><span class="d-none d-md-inline-block"> It's mandatory</span>
                                             </a>
                                         </li>
                                         <li class="nav-item">
                                             <a class="nav-link" data-toggle="tab" href="#difficult" role="tab">
-                                                <i class="now-ui-icons design-2_ruler-pencil"></i> It's difficult
+                                                <i class="now-ui-icons design-2_ruler-pencil"></i><span class="d-none d-md-inline-block"> It's difficult</span>
                                             </a>
                                         </li>
                                     </ul>
@@ -141,23 +141,23 @@ <h2 class="title">Our solution</h2>
                                 <div class="card">
                                     <ul class="nav nav-tabs justify-content-center" role="tablist">
                                         <li class="nav-item">
-                                            <a class="nav-link active hidden-xs hidden-sm" data-toggle="tab" href="#expert" role="tab">
-                                                <i class="now-ui-icons business_bulb-63"></i> State of the art methods
+                                            <a class="nav-link" data-toggle="tab" href="#expert" role="tab">
+                                                <i class="now-ui-icons business_bulb-63"></i><span class="d-none d-md-inline-block"> State of the art methods</span>
                                             </a>
                                         </li>
                                         <li class="nav-item">
                                             <a class="nav-link" data-toggle="tab" href="#collaborate" role="tab">
-                                                <i class="now-ui-icons emoticons_satisfied"></i> Collaboration
+                                                <i class="now-ui-icons emoticons_satisfied"></i><span class="d-none d-md-inline-block"> Collaboration</span>
                                             </a>
                                         </li>
                                         <li class="nav-item">
                                             <a class="nav-link" data-toggle="tab" href="#technology" role="tab">
-                                                <i class="now-ui-icons tech_mobile"></i> Web
+                                                <i class="now-ui-icons tech_mobile"></i><span class="d-none d-md-inline-block"> Web</span>
                                             </a>
                                         </li>
                                         <li class="nav-item">
                                             <a class="nav-link" data-toggle="tab" href="#adaptive" role="tab">
-                                                <i class="now-ui-icons education_atom"></i> Adaptive
+                                                <i class="now-ui-icons education_atom"></i><span class="d-none d-md-inline-block"> Adaptive</span>
                                             </a>
                                         </li>
                                     </ul>