Long Island Sound ClearingHouse

Site Structure Overview (CSS, JS)

• index.html

  • header-styles.css
  • body-styles.css
  • dropdown-styles.css
  • index-page-styles.css
  • script.js

• search-tool.html

  • header-styles.css
  • body-styles.css
  • dropdown-styles.css
  • search-page-styles.css
  • search-tool.js

HTML Structure Detail

index.html

• header (USGS)

• hero

  • ttl_srch
    • hero-text

• grid

  • form-section

    • card-form-index
      • datalist
      • form-submit-button

  • lis

  • mapper

    • theme-headers
    • map
      • map-icon-cont
      • map-icon

  • groups

    • theme-headers
    • box-container

  • disclaimer

  • footer (USGS)

search-tool.html

• grid

  • hero

    • ttl_srch
      • hero-text

  • align-form-section

    • form-section
      • form-dropdown
        • datalist

  • search-tool-section-align

    • search-tool-section
      • form-search-wrapper
        • search-wrapper
    • card-container
    • card-template