prop10.html

<!DOCTYPE html>

<html>
    <head>
      <!-- link the webpage's stylesheet -->
      <link rel="stylesheet" href="propstyle.css">
      <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;800&display=swap" rel="stylesheet">
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Koulen&display=swap" rel="stylesheet">
    </head>
    
    <body>
        
        <script>
           $(function(){
            $("#nav-placeholder").load("directory.html");
           })
        </script>
        <div id = "nav-placeholder"> 
        </div>


        <div class = "title_nav">California Two-Thirds Legislative Vote and Voter Approval for New or Increased Taxes Initiative</div>
        
        <button class = "vote_button_pro">
          <div class = "text_pro">Pros</div>
          <div class = "text_pro_list">bill</div>
        </button>

        <button class = "vote_button_con" >
          <div class = "text_con">Cons</div>
          <div class = "text_con_list">bill</div>
        </button>

        <button class = "vote_button_info" >
          <div class = "text_info_main">Main</div>
          <div class = "text_info_points">Points</div>
          <div class = "text_info_list">yuh</div>
          <img class="bill" src="./images/5b940cd2-00ec-4717-a7fc-e056ff3c8000 2.png" alt="Image">
        </button>

       
    </body>

</html>