title: 5 out of 6 popups(modals) showing up,1 hangs up
body: <p>I'm again stuck on another problem. I put 6 popups, but the last one is showing but hangs up the screen and i have to refresh and get out of it. I tried to match the codes with the ones that are correct but i find no difference.</p>
  
  <p>This is the one that is working:</p>
  
  <pre><code>&lt;div class="gallery-item"&gt;
                                      &lt;div class="item-instructor bg-color-5"&gt;
                                          &lt;a href="page-profile.html" class="instructor-avatar"&gt;
                                              &lt;img src="img/saif.jpg" data-at2x="img/saif.jpg" alt&gt;
                                          &lt;/a&gt;
                                          &lt;div class="info-box"&gt;
                                              &lt;h3&gt;M saifur Rahman&lt;/h3&gt;
                                              &lt;span class="instructor-profession"&gt;CBAP pro&lt;/span&gt;
                                              &lt;div class="divider"&gt;&lt;/div&gt;
  &lt;center&gt;&lt;button type="button" class="btn btn info btn-lg" data-toggle="modal" data-target="#myModal"&gt;Read More&lt;/button&gt;&lt;/center&gt;
    &lt;!-- Modal --&gt;
    &lt;div class="modal fade" id="myModal" role="dialog"&gt;
      &lt;div class="modal-dialog"&gt;
  
        &lt;!-- Modal content--&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
            &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
            &lt;h4 class="modal-title"&gt;M saifur Rahman&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
                          &lt;div class="biography-image"&gt;
                                  &lt;img src="img/saif.jpg" align="left"&gt;
                              &lt;/div&gt;
                 &lt;div class="biography-info"&gt;
                      &lt;p&gt;&lt;/p&gt;         
  
                 &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
            &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
  </code></pre>
  
  <p>And this is the code that is not working properly:</p>
  
  <pre><code>&lt;div class="gallery-item"&gt;
                                      &lt;div class="item-instructor bg-color-5"&gt;
                                          &lt;a href="page-profile.html" class="instructor-avatar"&gt;
                                              &lt;img src="img/sazzad.jpg" data-at2x="img/sazzad.jpg" alt&gt;
                                          &lt;/a&gt;
                                          &lt;div class="info-box"&gt;
                                              &lt;h3&gt;M sazzad Hossain&lt;/h3&gt;
                                              &lt;span class="instructor-profession"&gt;CBAP pro&lt;/span&gt;
                                              &lt;div class="divider"&gt;&lt;/div&gt;
  &lt;center&gt;&lt;button type="button" class="btn btn info btn-lg" data-toggle="modal" data-target="#func"&gt;Read More&lt;/button&gt;&lt;/center&gt;
    &lt;!-- Modal --&gt;
    &lt;div class="modal fade" id="func" role="dialog"&gt;
      &lt;div class="modal-dialog"&gt;
  
        &lt;!-- Modal content--&gt;
        &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
            &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
            &lt;h4 class="modal-title"&gt;M sazzad Hossain&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
                          &lt;div class="biography-image"&gt;
                                  &lt;img src="img/sazzad.jpg" align="left"&gt;
                              &lt;/div&gt;
                 &lt;div class="biography-info"&gt;
                      &lt;p&gt;At LightCastle Partners, Sazzad brings along a broad spectrum of experience. In his short but eventful career, Sazzad has worked in three distinctly different roles – a Management Trainee in Retail Financing, a Trade Marketer cum a Distribution Manager in Tobacco Industry, and a Lecturer in Management Studies. In all the roles, he has performed exceptionally well and demonstrated an ability to excel under trying circumstances. Sazzad started his career as an intern at HSBC. Upon completion, he joined another international organization – IPDC of Bangladesh Ltd. as a Management Trainee. At IPDC, he worked closely with the R&amp;D team to develop new financial products and review performance of existing ones, and coordinated key accounts and branch activities. He joined British American Tobacco Bangladesh (BATB) as an Assistant Territory Officer in 2010. Developing product reinforcement campaigns and launching new brands, Sazzad helped modify BATB’s distribution structure to increase efficiency that eventually led to the capture of a greater market share. In 2012, he joined Heriot-Watt University, UK, as a lecturer in its distant learning program where he taught courses on International Strategic Management and Introduction to Business. Sazzad holds a bachelor’s in Accounting and Information Systems from University of Dhaka and is currently enrolled in MSc Marketing in the University of Manchester, UK. He is takes an active interest in travelling, European football, and religion.
  
  &lt;/p&gt;        
  
                 &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
            &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
  </code></pre>
  
  <p>And the bootstrap/javascripts are given below:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>