title: "How to fix 'Mixed Content: The page was loaded over HTTPS, but requested an insecure script"
body: <p>Trying to load my portfolio on Github pages but the carousel arrows do not move and in the inspection mode I see that there is an error on the line
   '<a href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" rel="nofollow noreferrer">http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js</a></p>
  
  <p>Tried different using different links and scripts of jquery and Bootstrap</p>
  
  <pre><code>&lt;head&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  &lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.8.10/themes/smoothness/jquery-ui.css" type="text/css"&gt;
    &lt;!-- Optional theme --&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;
  &lt;/head&gt;
  
  &lt;section class="success" id="projects"&gt;
      &lt;center&gt;&lt;h2&gt;Projects&lt;/h2&gt;&lt;/center&gt;
    &lt;!-- Wrapper for slides --&gt;
   &lt;!-- Carousel --&gt;
   &lt;div id="myCarousel" class="carousel slide" data-ride="carousel"&gt;
     &lt;!-- Indicators --&gt;
     &lt;ol class="carousel-indicators"&gt;
       &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
       &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
       &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
       &lt;li data-target="#myCarousel" data-slide-to="3"&gt;&lt;/li&gt;
     &lt;/ol&gt;
  
     &lt;!-- Wrapper for slides --&gt;
     &lt;div class="carousel-inner" role="listbox"&gt;
       &lt;div class="item active"&gt;
         &lt;center&gt;    &lt;p&gt; &lt;b&gt;E-commerce Website:&lt;/b&gt; &lt;ol&gt;&lt;br&gt;
       &lt;li &gt;Constructed an E-commerce website for stationary equipment by implementing the MVC framework.&lt;/li&gt;&lt;br&gt;
       &lt;li&gt;Utilized Ruby on Rails technology to build a web application.&lt;/li&gt;&lt;/ol&gt;&lt;/P&gt;  &lt;/center&gt;
         &lt;/div&gt;
       &lt;div class="item"&gt;
         &lt;center&gt; &lt;p&gt; &lt;b&gt;Medassist Expert Medical Diagnosis System&lt;/b&gt; &lt;ol&gt;&lt;br&gt;
      &lt;li&gt; Designed the functional requirements and executed the test plan for the medical diagnosis system as a Quality Analyst. &lt;/li&gt;&lt;br&gt;
  &lt;/ol&gt;&lt;/p&gt; &lt;/center&gt;
       &lt;/div&gt;
       &lt;div class="item"&gt;
         Enabled users to make online donations to Beta University and administrators to track donations.&lt;/li&gt;&lt;br&gt;
      &lt;li&gt;Created database with MySQL and utilized MS Visio to design the E-R and UML diagrams.&lt;/li&gt;&lt;br&gt;
       &lt;/div&gt;
     &lt;/div&gt;
  
     &lt;!-- Left and right controls --&gt;
     &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt;
       &lt;span class="glyphicon glyphicon-chevron-left" aria-hidden="true"&gt;&lt;/span&gt;
       &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
     &lt;/a&gt;
     &lt;a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"&gt;
       &lt;span class="glyphicon glyphicon-chevron-right" aria-hidden="true"&gt;&lt;/span&gt;
       &lt;span class="sr-only"&gt;Next&lt;/span&gt;
     &lt;/a&gt;
   &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"&gt;&lt;/script&gt;
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"&gt;&lt;/script&gt;
  
  
   Carousel must function properly as it does on local system.
  
  
  
  </code></pre>