downloads.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet">
  <script src="https://kit.fontawesome.com/2661ac8955.js" crossorigin="anonymous"></script>
  <link href="css/base_styles.css" rel="stylesheet">
  <link href="css/downloads.css" rel="stylesheet">
</head>
<body class="home">
  <!-- EMERGENCY BANNER -->
  <div id="emergency__banner">
    <button id="emergency__close" aria-label="Close" data-to-toggle="emergency__banner"><i class="fas fa-times"></i></button>
    <p id="emergency__message">Access to ________ ____ _______ is limited due to the current Public Health Emergency caused by COVID-19. This messaging will be updated as the situation&nbsp;develops.</p>
  </div><!-- /.emergency -->
  <!-- /EMERGENCY BANNER -->
  
  <!-- HEADER -->
  <header class="header">
    <h1 class="header__h1"><a href="/" rel="home">New Jersey Legislature</a></h1>
  </header>
  <!-- /HEADER -->

  <!-- MAIN NAV -->
  <nav class="nav">

    <div class="mainNav__mobileToggleButtonSpace">
      <button id="mainNav__mobileToggleButton" data-to-toggle="mainNav">
        <i class="fas fa-bars fa-lg"></i>
        <i class="fas fa-times fa-lg"></i>
      </button>
    </div><!-- /.mainNav__mobileToggleButtonSpace -->

    <ul id="mainNav">
      <li class="mainNav__links">
        <h3 class="mainNav__linksHeader">
          <button class="mainNav__toggler" aria-label="Main Nav Link Dropdown" data-to-toggle="mainNavCluster1">More More Links <i class="fas fa-caret-right"></i></button>
        </h3>
        
        <ul id="mainNavCluster1" class="mainNav__dropdownLinks">
          <li class="mainNav__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
      </li>

      <li class="mainNav__links"><h3><a  href="/">Link</a></h3></li>

      <li class="mainNav__links">
        <h3 class="mainNav__linksHeader">
          <button class="mainNav__toggler" aria-label="Main Nav Link Dropdown" data-to-toggle="mainNavCluster2">More More Links <i class="fas fa-caret-right"></i></button>
        </h3>
        
        <ul id="mainNavCluster2" class="mainNav__dropdownLinks">
          <li class="mainNav__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
      </li>

      <li class="mainNav__links"><h3><a  href="/">Just a Link</a></h3></li>

      <li class="mainNav__links">
        <h3 class="mainNav__linksHeader">
          <button class="mainNav__toggler" aria-label="Main Nav Link Dropdown" data-to-toggle="mainNavCluster3">More More Links <i class="fas fa-caret-right"></i></button>
        </h3>
        
        <ul id="mainNavCluster3" class="mainNav__dropdownLinks">
          <li class="mainNav__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
      </li>

      <li class="mainNav__links">
        <h3 class="mainNav__linksHeader">
          <button class="mainNav__toggler" aria-label="Main Nav Link Dropdown" data-to-toggle="mainNavCluster4">More More Links <i class="fas fa-caret-right"></i></button>
        </h3>
        
        <ul id="mainNavCluster4" class="mainNav__dropdownLinks">
          <li class="mainNav__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="mainNav__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
      </li>

      <li class="mainNav__links"><h3><a  href="/">Link to a page</a></h3></li>
      <li class="mainNav__links"><h3><a  href="/">Link it up</a></h3></li>
    </ul>
  </nav>
  <!-- MAIN NAV -->
  
  <!-- MAIN CONTENT -->
  <main class="main">
    <section class="downloads njContainer">
      <h2 class="njPageTitle">Downloads</h2>

      <div class="star__divider">
        <hr class="star__dividerLine star__dividerLine--left">
        <i class="fas fa-star"></i>
        <hr class="star__dividerLine star__dividerLine--right">
      </div>

      <p class="downloads__text njIndent">The New Jersey Legislature has an FTP site for downloading bills, laws, votes and bill tracking information from the current and past sessions. Please review the read-me file included in each sections top directory. Check out our FTP sites at:</p>

      <h3 class="downloads__subtitle">Bills</h3>

      <div class="redirectSelect__space">
        <label for="redirectSelect" class="redirectSelect__label">Select Bills</label>

        <select name="redirectSelect" id="redirectSelect">
          <option value="ftp://www.njleg.state.nj.us/20202021" selected="selected">2020-2021</option>
          <option value="ftp://www.njleg.state.nj.us/20182019">2018-2019</option>
          <option value="ftp://www.njleg.state.nj.us/20162017">2016-2017</option>
          <option value="ftp://www.njleg.state.nj.us/20142015">2014-2015</option>
          <option value="ftp://www.njleg.state.nj.us/20122013">2012-2013</option>
          <option value="ftp://www.njleg.state.nj.us/20102011">2010-2011</option>
          <option value="ftp://www.njleg.state.nj.us/20082009">2008-2009</option>
          <option value="ftp://www.njleg.state.nj.us/20062007">2006-2007</option>
          <option value="ftp://www.njleg.state.nj.us/20042005">2004-2005</option>
          <option value="ftp://www.njleg.state.nj.us/20022003">2002-2003</option>
          <option value="ftp://www.njleg.state.nj.us/20002001">2000-2001</option>
          <option value="ftp://www.njleg.state.nj.us/19981999">1998-1999</option>
          <option value="ftp://www.njleg.state.nj.us/19961997">1996-1997</option>
        </select>

        <button id="redirectSelectButton">Go</button>
      </div><!-- /.redirectSelect__space -->

      <h3 class="downloads__subtitle">Laws</h3>
      <p class="downloads__text"><a href="ftp://www.njleg.state.nj.us/statutes">New Jersey Statutes</a></p>

      <h3 class="downloads__subtitle">Votes (1988 Thru Present)</h3>
      <p class="downloads__text"><a href="ftp://www.njleg.state.nj.us/votes">Legislative Votes</a></p>

      <h3 class="downloads__subtitle">Bill Tracking Information in Microsoft Access Database Format</h3>
      <p class="downloads__text"><a href="ftp://www.njleg.state.nj.us/ag">Legislative Databases</a></p>

      <h3 class="downloads__subtitle downloads__subtitle--bar">GIS Data</h3>
      <p class="downloads__text"><a href="ftp://www.njleg.state.nj.us/Statutes/GIS">GIS Ready Table and Metadata Record</a></p>

      <p class="downloads__text njIndent">The Excel table lists New Jersey legislative districts and the members of the New Jersey Senate and General Assmbly elected from each district for the 2012 - 2014 two-year Legislative Session. The table can be joined to New Jersey legislative districts polygon data using the legislatve district ID field. The apporpriate version of the legislative district boundaries to use for this join is that of the 2011 reapportionment (either official, or unofficial, re-projected version). The GIS districts data and districts map were formally approved and released by the New Jersey Apportionment Commission at its April 3, 2011 hearing in Trenton, New Jersey. The New Jersey Office of Information Technology, Office of GIS, created a version of the legislative district boundaries to allow proper overlay with other municipal boundary-based GIS layers in use in New Jersey.</p>

      <p class="downloads__text">The legislative district GIS files can be downloaded from the following sources:</p>

      <p class="downloads__text">
        <a href="https://njgin.state.nj.us/oit/gis/download/LegDist.zip">NJOIT-GIS</a><br />
        <a href="http://www.apportionmentcommission.org">NJ Apportionment Commission</a>
      </p>

      <p class="downloads__text">The Metadata record provides the specifications concering the table's data for GIS users.</p>
    </section>
  </main>
  <!-- /MAIN CONTENT -->
  
  <!-- FOOTER -->
  <footer class="footer">
    <div class="footer__top">
      <a  href="/">Our Sub Group</a>
      
      <span class="footer__linkDivider">|</span>
      
      <a  href="/">Sister Company</a>
      
      <span class="footer__linkDivider">|</span>
      
      <a  href="/">Parent Company</a>
      
      <div class="footer__divider">
        <hr class="footer__dividerLine footer__dividerLine--left">
        
        <i class="fas fa-star"></i>
        
        <hr class="footer__dividerLine footer__dividerLine--right">
      </div>
    </div><!-- /.footer__top -->
    
    <div class="footer__mid">
      <div class="footer__sections">
        <h3 class="footer__linksHeader">
          <button class="footer__toggler" aria-label="Mobile Link Cluster Toggler" data-to-toggle="footerLinkCluster1">Some Links <span class="footer__mobileIndicator">+</span></button>
        </h3>
        
        <ul id="footerLinkCluster1" class="footer__links">
          <li class="footer__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>

        <h3 class="footer__linksHeader">
          <button class="footer__toggler" aria-label="Mobile Link Cluster Toggler" data-to-toggle="footerLinkCluster2">More More Links <span class="footer__mobileIndicator">+</span></button>
        </h3>
        
        <ul id="footerLinkCluster2" class="footer__links">
          <li class="footer__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
      </div><!-- /.footer__sections -->
  
      <div class="footer__sections">
        <h3 class="footer__linksHeader">
          <button class="footer__toggler" aria-label="Mobile Link Cluster Toggler" data-to-toggle="footerLinkCluster3">More More Links <span class="footer__mobileIndicator">+</span></button>
        </h3>
        
        <ul id="footerLinkCluster3" class="footer__links">
          <li class="footer__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
        
        <h3 class="footer__linksHeader">
          <button class="footer__toggler" aria-label="Mobile Link Cluster Toggler" data-to-toggle="footerLinkCluster4">Some Links <span class="footer__mobileIndicator">+</span></button>
        </h3>
        
        <ul id="footerLinkCluster4" class="footer__links">
          <li class="footer__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
      </div><!-- /.footer__sections -->
      
      <div class="footer__sections">
        <h3 class="footer__linksHeader">
          <button class="footer__toggler" aria-label="Mobile Link Cluster Toggler" data-to-toggle="footerLinkCluster5">Some Links <span class="footer__mobileIndicator">+</span></button>
        </h3>
        
        <ul id="footerLinkCluster5" class="footer__links">
          <li class="footer__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
        
        <h3 class="footer__linksHeader">
          <button class="footer__toggler" aria-label="Mobile Link Cluster Toggler" data-to-toggle="footerLinkCluster6">More More Links <span class="footer__mobileIndicator">+</span></button>
        </h3>
        
        <ul id="footerLinkCluster6" class="footer__links">
          <li class="footer__link">
            <a  href="/">Link to a page</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Link-a-doo</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Yet Another Link</a>
          </li>
  
          <li class="footer__link">
            <a  href="/">Just a Link</a>
          </li>
        </ul>
      </div><!-- /.footer__sections -->
      
      <div class="footer__divider footer__divider--mobile">
        <hr class="footer__dividerLine footer__dividerLine--left">
        
        <i class="fas fa-star"></i>
        
        <hr class="footer__dividerLine footer__dividerLine--right">
      </div>

      <div class="footer__sections">
        <div class="footer__contact">
          <h4 class="footer__contact--title">The Office of Company</h4>
          <address>
            Company Name<br />
            123 Street St<br />
            Town, State 12345-1234
          </address>
          
          <p class="footer__phone">
            <i class="fas fa-phone-alt"></i>
            <a href="tel:+1-555-123-4567">(555) 123-4567</a>
          </p>
          
          <p class="footer__email">
            <i class="far fa-envelope"></i>
            <a href="mailto:general@company.com">general@company.com</a>
          </p>
        </div><!-- /.footer__contact -->
        
        <div class="footer__social">
          <h4 class="stayConnected">Stay Connected</h4>
          <a href="/"><i class="fab fa-facebook-f fa-2x"></i></a>
          <a href="/"><i class="fab fa-twitter fa-2x"></i></a>
          <a href="/"><i class="fab fa-instagram fa-2x"></i></a>
        </div><!-- /.footer__social -->

        <div class="footer__news">
          <label for="newsSelect" class="newsSelect__label">News around NJ</label>

          <select name="newsSelect" id="newsSelect">
            <option selected="">Select a Newspaper</option>
            <option value="http://www.app.com/">Asbury Park Press</option>
            <option value="http://www.pressofatlanticcity.com">Atlantic City Press</option>
            <option value="http://www.northjersey.com/">The Record</option>
            <option value="http://www.phillyburbs.com/burlingtoncountytimes/">Burlington County Times</option>
            <option value="http://www.c-n.com">Courier News</option>
            <option value="http://www.courierpostonline.com">Courier Post</option>
            <option value="http://www.dailyrecord.com">Daily Record</option>
            <option value="http://www.lehighvalleylive.com ">Express Times</option>
            <option value="http://www.thnt.com/">Home News &amp; Tribune</option>
            <option value="http://www.njbiz.com">NJBIZ</option>
            <option value="http://www.njherald.com">New Jersey Herald</option>
            <option value="http://www.nytimes.com">New York Times</option>
            <option value="http://www.philly.com/mld/inquirer">Philadelphia Inquirer</option>
            <option value="http://www.nj.com/starledger/">Star Ledger</option>
            <option value="http://www.nj.com/times/">Trenton Times</option>
            <option value="http://www.trentonian.com">Trentonian</option>
            <option value="http://www.roi-nj.com/">ROI-NJ</option>
            <option value="https://njbmagazine.com/">New Jersey Business</option>
            <option value="https://www.nj.com/jjournal/">Jersey Journal</option>
          </select>

          <button id="newsSelectButton">Go</button>
        </div><!-- /.footer__news -->
      </div><!-- /.footer__sections -->
    </div><!-- /.footer__mid -->
      
    <div class="footer__bottom">
      <div class="footer__securityIcons">
        <!-- Space for images / icons / logos supporting security / compliance -->
        <i class="fas fa-user-secret fa-3x"></i>
        
        <i class="fas fa-shield-alt fa-3x"></i>
        
        <i class="fas fa-user-lock fa-flip-horizontal fa-3x"></i>
      </div><!-- /.footer__icons -->
      
      <p class="footer__disclaimer">
        <a  href="/">Disclaimer &#8226; Privacy Policy</a>
      </p>
      
      <p class="footer__copyright">&#169;2021 This Website Company Group<br />
        All rights reserved.</p>
      
      <p class="builtBy">- Site Design & Build by <a href="https://codepen.io/DamienL"><em>Damien Lucchese</em></a> -</p>
    </div><!-- /.footer__bottom -->
  </footer>
  <!-- /FOOTER -->

  <script src="js/base_script.js"></script>
  <script src="js/select_link_dropdown.js"></script>
</body>
</html>