如何解决按钮问题：图库

Question

我不是真正的编码人员，所以如果我听起来很笨，请原谅我，但我需要一些帮助。

我正在尝试使用我在Pixelarity中找到的名为“大图片”的模板通过Dreamweaver CC创建网站。如果有帮助，以下是模板的链接：https://pixelarity.com/big-picture

我的问题是我在图片库中创建了一个按钮，该按钮应将您带到另一个html文件，但它只将我带到未加载的图片库。这是一张显示我在说什么的图像：

从菜鸟们那里提前表示感谢和歉意！

这是我的代码：

 <div class="gallery">
                 <article class="from-left">
                   <video width="450" muted="muted" autoplay="autoplay" loop="loop" >
                      <source src="images/GameDesign/Hacker_GameDesign/hacker_homepage.mp4" type="video/mp4">
                   </video>
                    <ul class="actions">
                      <li><a href="gamedev.html" class="button style2"><h2></h2>Game Design</a></li>
                   </ul>
                      <img src="images/Art_and_Illustration/FullSizeRender.jpg" width="450" height="" alt=""/>
                    <ul class="actions">
                      <li><a href="artillustration.html" class="button style2"><h2></h2>Art and Illustration</a></li>
                   </ul>
               </article>

               <article class="from-right"> 
                   <img src="images/Story/Roadkill/rk2.jpg" width="250" height="" alt=""/>
                 <ul class="actions">
                   <li><a href="storydev.html" class="button style2"><h2></h2>Story</a></li>
                    </ul>
                    <img src="images/Animation/kenny_scene1_color-small_1.gif" width="397" height="" alt=""/>
                 <ul class="actions">
                   <li><a href="animation.html" class="button style2"><h2></h2>Animation</a></li>
                 </ul>
               </article>

             </div>