title: How to add names of every image in slider?
body: <p>I want to add some names for my images in slider in HTML, but I can't do it correctly. Please help me with that. Link below: </p>
  
  <p><a href="https://codepen.io/Lynthius/pen/OJJMENw" rel="nofollow noreferrer">https://codepen.io/Lynthius/pen/OJJMENw</a></p>
  
  <pre><code>&lt;!-- START PROJECT SECTION --&gt;
          &lt;section id="projects" class="section__projects"&gt;
              &lt;div class="project__sliders"&gt;
                  &lt;button class="button__left" onclick="plusDivs(-1)"&gt;&amp;#10094;&lt;/button&gt;
                  &lt;a href="#"&gt;
                      &lt;img class="slider" src="https://i.ibb.co/D4N1WhT/paw.jpg" alt="cat" border="0" width="2500px"&gt;
                      &lt;p class="project-title"&gt;PROJECT 1&lt;/p&gt;
                  &lt;/a&gt;
                  &lt;a href="#" class="projec-title"&gt;
                      &lt;img class="slider" src="https://i.ibb.co/RBP7Ykd/mysz.jpg" alt="cat" border="0" width="2500px"&gt;
                      &lt;p class="project-title"&gt;PROJECT 2&lt;/p&gt;
                  &lt;/a&gt;
                  &lt;a href="#" class="projec-title"&gt;
                      &lt;img class="slider" src="https://i.ibb.co/JmGDZKy/mac.jpg" alt="cat" border="0" width="2500px"&gt;
                      &lt;p class="project-title"&gt;PROJECT 3&lt;/p&gt;
                  &lt;/a&gt;                    
                  &lt;button class="button__right" onclick="plusDivs(1)"&gt;&amp;#10095;&lt;/button&gt;
              &lt;/div&gt;
  </code></pre>