Added class for non-selectables

careers.php

@@ -25,7 +25,8 @@ require('includes/header.php');
             margin-right: auto;
             max-height: 5cm;
           "
-          class="img-fluid"
+          class="img-fluid disable-select"
+          draggable="false" ondragstart="return false;"
         />
         <h1 style="text-align: center; position: relative"></h1>
       </header>

css/style.css

@@ -12,4 +12,12 @@ body {
 
 nav {
   transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
+}
+
+.disable-select {
+  user-select: none; /* supported by Chrome and Opera */
+ -webkit-user-select: none; /* Safari */
+ -khtml-user-select: none; /* Konqueror HTML */
+ -moz-user-select: none; /* Firefox */
+ -ms-user-select: none; /* Internet Explorer/Edge */
 }

texts/articles.html

@@ -1,58 +1,65 @@
 <div class="container-fluid">
   <div class="row">
     <div class="col-sm">
-      <div class="container-fluid">
+      <div class="container-fluid disable-select">
         <div
-          id="carouselExampleIndicators"
+          id="carousel"
-          class="carousel slide"
+          class="carousel slide disable-select"
           data-ride="carousel"
+          data-interval="3500"
         >
-          <ol class="carousel-indicators">
+          <ol class="carousel-indicators disable-select">
             <li
-              data-target="#carouselExampleIndicators"
+              data-target="#carousel"
               data-slide-to="0"
-              class="active"
+              class="active disable-select"
+              draggable="false" ondragstart="return false;"
             ></li>
-            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
+            <li class="disable-select" data-target="#carousel" data-slide-to="1" draggable="false" ondragstart="return false;"></li>
-            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
+            <li class="disable-select" data-target="#carousel" data-slide-to="2" draggable="false" ondragstart="return false;"></li>
           </ol>
           <div class="carousel-inner">
             <div class="carousel-item active">
               <img
-                class="d-block w-100"
+                class="d-block w-100 disable-select"
                 src="/img/news/news1-2.jpeg"
                 alt="First slide"
+                draggable="false" ondragstart="return false;"
               />
             </div>
             <div class="carousel-item">
               <img
-                class="d-block w-100"
+                class="d-block w-100 disable-select"
                 src="/img/news/news1-3.jpeg"
                 alt="Second slide"
+                draggable="false" ondragstart="return false;"
               />
             </div>
             <div class="carousel-item">
               <img
-                class="d-block w-100"
+                class="d-block w-100 disable-select"
                 src="/img/news/news1-4.jpeg"
                 alt="Third slide"
+                draggable="false" ondragstart="return false;"
               />
             </div>
           </div>
           <a
-            class="carousel-control-prev"
+            class="carousel-control-prev disable-select"
-            href="#carouselExampleIndicators"
+            href="#carousel"
             role="button"
             data-slide="prev"
+            draggable="false" ondragstart="return false;"
           >
             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
             <span class="sr-only">Previous</span>
           </a>
           <a
-            class="carousel-control-next"
+            class="carousel-control-next disable-select"
-            href="#carouselExampleIndicators"
+            href="#carousel"
             role="button"
             data-slide="next"
+            draggable="false" ondragstart="return false;"
           >
             <span class="carousel-control-next-icon" aria-hidden="true"></span>
             <span class="sr-only">Next</span>