<a href=''> not working on the other pages

Question

Here's the first page that the a href='' code is working .

moneypro.online/website-design

<div class="row animate-box fadeInUp animated-fast"> 
      <!-- Tabs --> 
     <div class="gtco-tab-content tab-content animated-fast active fadeIn" data-tab-content="1"> 
      <div class="col-md-6"> 
       <div class="gtco-video gtco-bg gtco-image img-responsive" style="background-image: url(/WebsiteDesign.png); background-size: contain; "> 
       </div> 
      </div> 
      <div class="col-md-6"> 
       <h2>Website Design</h2> 
         <p>As a business start with an idea, an online identity starts with a design concept. Here at Euro ITS we listen to client business goals and incorporate it within our design. Together with our knowledge of digital marketing, our website designs are: </p> 
         <div class="row"> 
          <div class="col-md-12"> 
           <h4>✔ Responsive</h4> 
          </div> 
          <div class="col-md-12"> 
           <h4>✔ User oriented</h4> 
          </div> 

          <div class="col-md-12"> 
           <h4>✔ Search engine ready</h4> 
          </div> 
         </div> 
       <div class="row"> 
        <div class="col-md-4"> 
         <a href="/contact"><button type="button" class="btn btn-success btn-block">Appointment</button></a> 
        </div> 
        <div class="col-md-4"> 
         <a href="#"><button type="button" class="btn btn-info btn-block">Inquiry</button></a> 
        </div> 
        <div class="col-md-4"> 
         <a href="/pricing"><button type="button" class="btn btn-warning btn-block">Pricing</button></a> 
        </div> 
       </div> 
      </div> 
     </div> 

    </div> 

and here is the other page that the a href='' code does not work.

moneypro.online/services

<div class="gtco-tab-content-wrap" style="height: 643px;" data-section="services"> 
       <div class="gtco-tab-content tab-content animated-fast active fadeIn" data-tab-content="1"> 
        <div class="col-md-6 col-sm-12 col-xs-12"> 
         <div class="gtco-video gtco-bg img-responsive" style="background-image: url(assets/public/images/icons/WebsiteDesign.png); background-size: contain; "> 
         </div> 
        </div> 
        <div class="col-md-6 col-sm-12 col-xs-12"> 
         <div class="row"> 
          <div class="col-md-12"> 
           <div class="panel"> 
            <div class="panel panel-heading panel-cust-bg"> 
             <h2 class="cust-txt"><strong>Website Design</strong></h2> 
            </div> 
            <div class="panel-body"> 
             <div class="row"> 
              <div class="col-md-12"> 
               <p>As a business start with an idea, an online identity starts with a design concept. Here at Euro ITS we listen to client business goals and incorporate it within our design. Together with our knowledge of digital marketing, our website designs are: </p> 
              </div> 
             </div> 
             <div class="row"> 
              <div class="col-md-12"> 
               <h4>✔ Responsive</h4> 
              </div> 
              <div class="col-md-12"> 
               <h4>✔ User oriented</h4> 
              </div> 

              <div class="col-md-12"> 
               <h4>✔ Search engine ready</h4> 
              </div> 
             </div> 
            </div> 
           </div>         
          </div> 
         </div> 

         <div class="row"> 
          <div class="col-md-4"> 
           <a href="/contact" class="btn btn-success btn-block" role="button" >Appointment</a> 
          </div> 
          <div class="col-md-4"> 
           <a href="#" class="btn btn-info btn-block" role="button">Inquiry</a> 
          </div> 
          <div class="col-md-4"> 
           <a href="/pricing" class="btn btn-warning btn-block" role="button">Pricing</a> 
          </div> 
         </div> 
        </div> 
       </div> 

they're are exactly the same and i don't know why the other page is working . here's the live website of it live example

誰かが私にそれを説明できますか？

Answer 1

各href要素には、対応するアンカーが必要です。このアンカーは、name属性またはid属性である必要があり、ページ内に一致する必要があります。 This example by w3schoolsは、hrefの良い習慣を示しています。

ワーキング：

<a href="/contact"> 
    <button type="button" class="btn btn-success btn-block"> 
     Appointment 
    </button> 
</a> 

動作しない：

Answer 2

[OK]を、ここでは2つの間の差である

<a href="/contact" class="btn btn-success btn-block" role="button"> 
    Appointment 
</a> 

あなたは "" タグにBTNクラスを追加しているが、それそのタグがhref属性を無視するようにボタンだと考えます。