---
export interface Props {
  title: string;
  description?: string;
  keywords?: string;
  bodyClass?: string;
}
const { title, description = 'Better ListView by Component Owl is a .NET WinForms control designed to replace the standard list view control.', keywords = 'better listview, list view, .net list view, list view component', bodyClass = '' } = Astro.props;
const currentPath = Astro.url.pathname;
const isHome = currentPath === '/';
---
<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Google Analytics -->
  <script is:inline async src="https://www.googletagmanager.com/gtag/js?id=G-RFYY62BMJ2"></script>
  <script is:inline>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-RFYY62BMJ2');
  </script>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content={description} />
  <meta name="keywords" content={keywords} />
  <meta name="author" content="Porterhouse Management LLC" />
  <meta name="copyright" content="(c) 2010-2026 Porterhouse Management LLC" />
  <meta name="robots" content="All" />
  <title>{title}</title>
  <link rel="icon" href="/favicon.ico" />
  <style is:inline>
    /* === RESET & BASE === */
    * { margin: 0; padding: 0; }
    html { height: 100%; }
    body {
      height: 100%;
      font-family: 'trebuchet ms', sans-serif;
      font-size: 14px;
      color: #000;
      text-align: center;
      background: #fefefe url(/images/bg.png) 0 0 repeat-x;
    }
    a img { border: none; }
    a { color: #825900; outline: none; text-decoration: underline; }
    a:hover { color: #000; }
    a:active { color: #ab7500; }
    ul, li { list-style: none; }
    h1, h2, h3, .heading { font-family: arial, sans-serif; font-weight: bold; }
    hr { border: 0; height: 1px; color: #a8906b; background-color: #a8906b; }
    .left { float: left; }
    .right { float: right; }
    .clear { clear: both; }

    /* === PAGE LAYOUT === */
    .d-page { position: relative; min-height: 100%; }
    .d-placing { margin: 0 auto; text-align: left; width: 930px; }

    /* === HEADER === */
    .d-header { height: 47px; }
    .d-logo { float: right; margin-top: 10px; }
    .d-logo a { text-decoration: none; }
    .logoimg { margin-right: 5px; display: inline-block; }
    .d-menu {
      float: left;
      list-style: none;
    }
    .d-menu li { float: left; position: relative; padding-right: 35px; }
    .d-menu .menu-item {
      display: block; position: relative; z-index: 99;
      padding: 12px 0 1px; color: #fff; text-decoration: none;
      font-size: 14px; font-weight: bold; text-transform: uppercase;
    }
    .d-menu .active .menu-item { border-bottom: 1px solid #bb983b; padding-bottom: 2px; }
    .d-menu .menu-item:hover { border-bottom: 2px solid #bb983b; padding-bottom: 1px; color: #fff; }
    .d-menu .featured { color: #fecb33 !important; }

    /* Dropdown */
    .d-menu .with-dropdown:hover .dropdown { display: block; }
    .dropdown { display: none; position: absolute; top: 30px; left: -20px; width: 370px; z-index: 100; }
    .dropdown .inner {
      position: relative; overflow: auto; height: 100%; z-index: 99;
      padding: 12px 14px; background: #362919; border: 1px solid #1c1410; border-top: none;
    }
    .dropdown a { color: #fff; text-decoration: none; padding: 10px 14px; display: block; }
    .dropdown a:hover { background-color: #bb983b; color: #fff; }
    .dropdown .featured-item { font-size: 16px; font-weight: bold; }
    .dropdown .subline { display: block; font-size: 12px; color: #ccc; padding-top: 3px; }
    .dropdown .dropdown-category {
      background-color: #876234; color: #fff; font-weight: bold; padding: 5px 8px;
    }

    /* === CONTENT === */
    .d-content-wrap { padding-bottom: 400px; }
    .d-homepage .d-content-wrap { padding-bottom: 400px; }

    /* === FOOTER === */
    .d-footer {
      position: absolute; bottom: 0; right: 0; width: 100%;
      padding-top: 25px; color: #fff;
      background: #3a2c18 url(/images/footer-bg.png) repeat-x;
      font-size: 12px;
    }
    .d-footer a { color: #fff; }
    .d-footer a:hover { color: #f5b458; }
    .d-footer .d-placing { overflow: hidden; }
    .d-footer .left { width: 540px; }
    .d-footer .right { width: 325px; }
    .d-footer hr { background-color: #fff; margin-top: 10px; }
    .d-footer .copy {
      font-size: 11px; padding: 0 0 13px;
    }
    .d-footer .social { padding: 10px 0 4px; }
    .d-footer .social span { padding: 0 3px; }

    .latest-posts { height: 255px; overflow: hidden; }
    .latest-posts h4 { margin: 13px 0 0; padding: 0 0 3px; font-size: 13px; color: #ffd191; }
    .latest-posts h4 a { color: #ffd191; text-decoration: none; }
    .latest-posts h4 a:hover { color: #fcead0; }
    .latest-posts .post-info { font-size: 11px; color: #a38952; text-transform: uppercase; font-weight: bold; }
    .other-posts { text-align: right; }
    .other-posts a { color: #fcead0; text-decoration: none; }
    .other-posts a:hover { color: #f5b458; }

    .news ul.links { width: 100%; overflow: hidden; margin-bottom: 10px; list-style: none; }
    .news ul.links li { float: left; margin-right: 10px; }
    .news ul.links a { display: block; padding: 6px 8px 6px 26px; text-decoration: none; color: #fff; background: #49371e 7px 50% no-repeat; }
    .news ul.links .rss { background-image: url(/images/rss.gif); }
    .news ul.links .twitter { background-image: url(/images/twitter.gif); }
    .news h4, .news h4 a { color: #e4b16a; font-size: 13px; }
    .news h4 a:hover { color: #fcead0; }
    .news .news-item { width: 100%; overflow: hidden; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px dotted #644c2a; }
    .news .last-item { border-bottom: none; }
    .news .date { float: left; width: 20px; text-align: right; padding: 3px 6px; color: #a38952; }
    .news .date span { display: block; }
    .news .message { padding: 3px 0; color: #fcead0; }

    /* === HOME PAGE === */
    .homehd {
      font-family: georgia, serif; font-size: 34px; text-align: center;
      font-weight: normal; margin: 14px 0 10px; line-height: 39px;
    }
    .homehd span {
      padding: 0 29px 0 23px;
      background-image: url(/images/homehd-lb.gif), url(/images/homehd-rb.gif), url(/images/homehd-bg.gif);
      background-position: 0 0, 100% 0, 0 0;
      background-repeat: no-repeat, no-repeat, repeat-x;
    }
    .homeph { text-align: center; font-size: 16px; margin: 5px 0; }

    .hp-wrap { width: 100%; overflow: hidden; margin-top: 15px; }
    .hp-wrap iframe { float: right; margin-right: 25px; }

    .buttons-hp {
      overflow: hidden; width: 100%;
      border: 1px solid #b4e9fd; border-left: none; border-right: none;
      padding: 12px; background: #f6fcff; position: relative; margin-top: 15px;
    }
    .buttons-hp .logos { float: left; padding-left: 5px; margin-top: 14px; }
    .logos img { margin-left: 30px; vertical-align: middle; }

    .buttons-hp-vertical {
      float: left; text-align: center; width: 250px; margin-left: 25px; margin-top: 20px;
      padding: 15px;
    }
    .buttons-hp-vertical a { float: none; margin: 0 auto 15px; display: block; }
    .buttons-hp-vertical .logos { float: none; padding: 0; margin: 0 auto; }
    .buttons-hp-vertical img { margin: 0 10px; }

    .darrows {
      position: relative; width: 175px; height: 54px; z-index: 2;
      background: url(/images/arrows.png) no-repeat; margin: 0 0 -7px 30px;
    }

    .home-static h3 {
      font-family: georgia, serif; margin: 35px 0 15px;
      font-size: 26px; font-weight: normal;
    }
    .home-static h3 strong {
      padding: 0 5px 0 3px; font-weight: normal;
      background-image: url(/images/subhd-lb.gif), url(/images/subhd-rb.gif), url(/images/subhd-bg.gif);
      background-position: 0 6px, 100% 6px, 0 6px;
      background-repeat: no-repeat, no-repeat, repeat-x;
    }
    .home-static p { margin: 15px 0; }
    .home-static .lists { overflow: hidden; width: 100%; }
    .home-static .list-l { float: left; width: 440px; }
    .home-static .list-r { float: right; width: 450px; }
    .home-static .sharethis { margin-top: 40px; }

    .hpline { padding: 0; border: none; height: 1px; margin: 35px 0 0; background-color: #b4e9fd; }

    .ss-overview { margin: 0 0 10px; }

    /* Testimonials */
    .testimonial {
      margin: 20px 15px 0; padding: 10px 0 0;
      background: url(/images/testimonial.gif) no-repeat; font-size: 12px;
    }
    .testimonial blockquote {
      margin: 0; padding: 0 12px 2px; text-align: justify;
      font-style: italic; background: #f9f0da;
    }
    .testimonial em {
      display: block; padding: 15px 20px 0 100px; font-size: .9em;
      color: #825900; font-weight: bold; font-style: normal;
      background: url(/images/testimonial.gif) 100% 0 no-repeat;
    }

    .testimonial-wide {
      padding: 8px 0 8px 15px; border: 1px solid #a8906b;
      border-left: none; border-right: none;
      font-family: georgia, serif; font-size: 16px;
      margin: 30px 0 35px; background: #fffbf4;
    }

    div.testimonial-intext { text-align: center; margin: 20px 0 0; }
    div.testimonial-intext .testimonial-wrap {
      width: 500px; margin: 0 auto; padding-top: 10px;
      background: url(/images/testimonial-intext.gif) 0 0 no-repeat;
    }
    div.testimonial-intext blockquote {
      width: 475px; margin: 0 auto; padding: 0 10px 4px 15px;
      text-align: left; text-indent: -5px; font-size: 13px;
      font-family: georgia, serif; background: #f7eee8;
    }
    div.testimonial-intext strong {
      width: 150px; display: block; font-weight: normal;
      margin: 0 auto; text-align: left; padding: 20px 0 0 350px;
      color: #825900; font-size: 11px;
      background: url(/images/testimonial-intext.gif) -500px 0 no-repeat;
    }

    /* === PRODUCT PAGES === */
    .product-content { overflow: hidden; height: 100%; }
    .product-content h1 { font-size: 36px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 0; }
    .product-content .section-info { margin: 0 0 30px; font-size: 14px; font-weight: bold; font-family: arial, sans-serif; }
    .product-content .sides { overflow: hidden; width: 100%; margin-bottom: 30px; }
    .product-content .right { width: 686px; }
    .product-content .left { width: 214px; font-size: 12px; }
    .product-content .compatibility { margin-top: 12px; padding-top: 12px; border-top: 1px dotted #a8906b; }
    .product-content .compatibility img { margin: 5px; }
    .product-content .documentation p { font-weight: bold; padding-top: 6px; }
    .product-content .screenshot { text-align: center; margin-top: 12px; padding-top: 12px; border-top: 1px dotted #a8906b; }
    .product-content .buttons-box { text-align: center; }
    .product-content .buttons-wrap { margin-top: 40px; margin-bottom: 0; }

    .product-detail { }
    .product-detail .bigtext { font-size: 16px; line-height: 25px; margin-bottom: 30px; }
    .product-detail h2 { margin: 20px 0 15px; font-size: 22px; }
    .product-detail h2.first { margin-top: 0; }
    .product-detail p, .product-detail h3 { margin: 15px 0; }
    .product-detail .big { font-size: 15px; font-family: arial, sans-serif; color: #000 !important; }
    .product-detail .tick { padding-left: 40px; background: url(/images/tick.gif) 0 50% no-repeat; }

    .nav {
      height: 30px; width: 100%; border-bottom: 1px solid #a8906b; margin-bottom: 20px;
    }
    .nav a { color: #825900; text-decoration: none; padding: 6px 20px 7px; }
    .nav a:hover, .nav a.current { color: #000; }
    .nav li { float: left; text-transform: uppercase; line-height: 31px; font-size: 12px; font-weight: bold; list-style: none; }
    .nav .current { border: 1px solid #a8906b; border-bottom: none; background: #fbf1e0; }

    .features-page h3 { font-size: 16px; color: #456b12 !important; padding-top: 10px; margin-top: 35px; border-top: 1px solid #d0efa6; }
    .features-page img { margin: 12px auto 0; }
    .features-page .image { text-align: center; }

    /* Buttons */
    .standard-download {
      float: left; width: 214px; height: 62px; margin-right: 12px;
      background: url(/images/button-download.gif) no-repeat;
      display: block; text-indent: -9999em;
    }
    .standard-download:hover { background-position: 0 -62px; }
    .standard-free-download {
      float: left; width: 214px; height: 62px; margin-right: 12px;
      background: url(/images/button-free-download.gif) no-repeat;
      display: block; text-indent: -9999em;
    }
    .standard-free-download:hover { background-position: 0 -62px; }
    .standard-buy {
      float: left; width: 193px; height: 44px; margin-top: 9px;
      background: url(/images/button-pricing.gif) no-repeat;
      display: block; text-indent: -9999em;
    }
    .standard-buy:hover { background-position: 0 -44px; }
    .standard-more {
      float: left; width: 195px; height: 62px; margin-right: 12px;
      background: url(/images/button-more.gif) no-repeat;
      display: block; text-indent: -9999em;
    }
    .standard-more:hover { background-position: 0 -62px; }
    .commercial-buy {
      float: left; width: 214px; height: 62px;
      background: url(/images/button-buy-commercial-license.gif) no-repeat;
      display: block; text-indent: -9999em;
    }
    .commercial-buy:hover { background-position: 0 -62px; }

    /* === SUPPORT === */
    .support-content { overflow: hidden; width: 100%; }
    .support-content h1 { margin: 15px 0; font-size: 36px; }
    .support-content p { margin: 20px 0; }
    .support-content hr { margin: 30px 0; }
    .support-content .note { font-size: 12px; }
    .support-content .left { width: 596px; }
    .support-content .right { width: 274px; padding-top: 10px; }
    .support-content .contact-form-ct {
      position: relative; width: 452px; left: 50%; margin-top: 30px;
      margin-left: -230px; background: #fff; border: 2px solid #ecdfb9;
    }
    .support-content .contact-form-wrap { padding: 20px 30px; border: 1px solid #ac995e; }
    .support-content .reference a { padding: 6px 0 6px 30px; background: url(/images/icons/book.gif) 0 50% no-repeat; }
    .support-content .guide a { padding: 6px 0 6px 30px; background: url(/images/icons/info.gif) 0 50% no-repeat; }
    .support-content .documentation a { padding: 6px 0 6px 30px; background: url(/images/icons/documentation.gif) 0 50% no-repeat; }

    /* === ABOUT === */
    .about-content h1 { font-size: 40px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 10px; }
    .about-content h2 { font-size: 34px; font-weight: normal; letter-spacing: -1px; margin: 40px 0 15px; }
    .about-content h3 { font-size: 28px; font-weight: normal; letter-spacing: -1px; margin: 60px 0 15px; }
    .about-content .placing { padding-left: 58px; }
    .about-content .quote { font-family: georgia, serif; font-size: 21px; margin: 22px 0 28px; }
    .about-content .quote b { font-weight: normal; font-size: 120px; display: block; float: left; line-height: 95px; color: #d3cccc; margin: 0 7px 0 0; }
    .about-content p { margin: 15px 0 15px 0; width: 630px; text-align: justify; }
    .about-content .libor { overflow: hidden; margin: 30px 0 30px 60px; width: 500px; }
    .about-content .libor img { float: left; margin-right: 10px; }
    .about-content .libor em { display: block; padding-top: 14px; }
    .about-content .contact { border-left: 2px solid #a8906b; padding: 5px 0 5px 10px; line-height: 20px; background: #fff3de; }
    .about-content .hq {
      overflow: hidden; margin: 60px 0 0 -7px; padding: 7px 0 7px 7px; width: 410px; text-align: left;
    }
    .about-content .hq img {
      box-shadow: 0 0 7px #aaa; border: 2px solid #fff; float: left;
    }

    /* === LEGAL === */
    .legal-content { font-size: 14px; }
    .legal-content h1 { margin: 15px 0; }
    .legal-content h2 { margin: 15px 0 10px; }
    .legal-content p { padding: 0 0 20px; }
    .legal-content ul.common { padding-bottom: 20px; }
    .legal-content ul.common li { padding: 2px 0 3px 23px; background: url(/images/arrow-bullet.gif) 4px 5px no-repeat; }

    /* === ORDER / PRICING === */
    .order-content h1 { font-size: 36px; font-weight: normal; letter-spacing: -1px; margin: 15px 0 0; }
    .order-content .section-info { margin: 0 0 30px; font-size: 14px; }
    .order-content .licenses-info {
      width: 100%; overflow: hidden; padding: 20px 0 0; margin: 25px 0;
      border-top: 1px dotted #a8906b;
    }
    .order-content .licenses-info .block { float: left; width: 290px; margin-right: 30px; }
    .order-content .licenses-info .last { margin-right: 0; }
    .order-content .licenses-info h3 { margin-bottom: 5px; font-size: 14px; }
    .order-content table {
      width: 100%; border-spacing: 0; border: 1px solid #9bc8e8;
      border-collapse: collapse; margin: 0;
    }
    .order-content table td, .order-content table th { border: 1px solid #9bc8e8; }
    .order-content table th { background: #ecf7fe; padding: 4px 6px; }
    .order-content table td { padding: 12px 8px; }
    .order-content table .price { width: 80px; text-align: right; font-weight: bold; }

    /* === COMMON LISTS === */
    ul.common li { padding: 2px 0 3px 23px; background: url(/images/arrow-bullet.gif) 4px 5px no-repeat; }
    ul.checklist li { background: url(/images/icons/tick.gif) 0 0 no-repeat !important; padding: 0 0 10px 23px; }

    /* === CONTACT FORM === */
    .contact-form { text-align: left; }
    .contact-form fieldset { padding: 0; border-width: 0; }
    .contact-form label { display: block; }
    .contact-form input, .contact-form textarea { margin-bottom: 15px; }
    .contact-form .message { width: 360px; height: 140px; }
    .contact-form .submit { text-align: center; margin-top: 5px; }

    input[type=text], input[type=password], input[type=email], textarea, select {
      padding: 2px; border: 1px solid; border-radius: 2px;
      background-color: #fff; border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
      font-size: 13px; font-family: 'trebuchet ms', sans-serif;
    }
    input[type=text]:focus, input[type=email]:focus, textarea:focus {
      border-color: #d6a140 #efd9b2 #f3e3c6 #f2e1c1;
    }

    /* === OWL FLAG === */
    .owl-flag { position: absolute; top: 0; left: 50%; margin-left: 485px; }

    /* === RESPONSIVE HELPERS === */
    /* Buy/Renew buttons */
    input.buy, input.renew { width: 65px; height: 31px; margin: 5px 1px 5px 5px; border: 0; cursor: pointer; background: url(/images/button-buy-small.gif) 0 0 no-repeat; }
    input.renew { margin-right: 5px; background-image: url(/images/button-renew.gif); }
    .standard-buy { float: left; width: 193px; height: 44px; margin-top: 9px; background: url(/images/button-pricing.gif) no-repeat; }
    .standard-buy:hover { background-position: 0 -44px; }
    .commercial-buy { float: left; width: 214px; height: 62px; background: url(/images/button-buy-commercial-license.gif) no-repeat; }
    .commercial-buy:hover { background-position: 0 -62px; }
    /* Order table */
    .order-content table { width: 100%; border-spacing: 0; border: 1px solid #9bc8e8; border-collapse: collapse; }
    .order-content table td, .order-content table th { border: 1px solid #9bc8e8; padding: 12px 8px; }
    .order-content table th { background: #ecf7fe; padding: 4px 6px; }
    .order-content table .price { width: 80px; text-align: right; font-weight: bold; }
    .order-content table .buy { width: 70px; padding: 0; }
    @media (max-width: 960px) {
      .d-placing { width: 95%; padding: 0 10px; }
      /* Priority+ nav: show first items, overflow rest into hamburger */
      .d-header { position: relative; display: flex; align-items: center; justify-content: space-between; }
      .d-menu { display: flex; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0; overflow: hidden; }
      .d-menu li { float: none; flex-shrink: 0; padding-right: 0; }
      .d-menu .menu-item { font-size: 13px; padding: 6px 10px; }
      /* Hide items that don't fit — show first 3 (Home, Products, Purchase) */
      .d-menu li:nth-child(n+4) { display: none; }
      .d-menu.open li:nth-child(n+4) { display: block; }
      /* Hamburger button */
      .hamburger { display: flex; flex-direction: column; justify-content: center; cursor: pointer; padding: 10px; z-index: 101; flex-shrink: 0; gap: 4px; }
      .hamburger span { display: block; width: 20px; height: 2px; background: #bb983b; border-radius: 1px; }
      /* When open, show all items as dropdown below */
      .d-menu.open { flex-wrap: wrap; position: absolute; top: 100%; left: 0; right: 0; background: #3a2c18; z-index: 100; padding: 0; box-shadow: 0 4px 8px rgba(0,0,0,0.3); overflow: visible; }
      .d-menu.open li { width: 100%; }
      .d-menu.open .menu-item { display: block; padding: 10px 20px; font-size: 14px; border-bottom: 1px solid #4a3c28; }
      .d-menu .with-dropdown .dropdown { display: none; }
      .d-logo { display: none; }
      .d-footer .left, .d-footer .right { float: none; width: 100%; }
      .product-content .right { width: 100%; float: none; }
      .product-content .left { width: 100%; float: none; }
      .product-content .sides { width: 100%; }
      .support-content .left { width: 100%; }
      .support-content .right { width: 100%; float: none; }
      .about-content p { width: 100%; }
      .about-content .libor { width: 100%; margin: 20px 0; }
      .hp-wrap iframe { float: none; margin: 15px auto; display: block; max-width: 100%; }
      .buttons-hp-vertical { float: none; margin: 15px auto; }
      .home-static .list-l, .home-static .list-r { float: none; width: 100%; }
      .owl-flag { display: none; }
      img { max-width: 100%; height: auto; }
      table { max-width: 100%; overflow-x: auto; display: block; }
      .pricing-table { width: 100%; }
      .pricing-table td, .pricing-table th { padding: 6px 8px; font-size: 13px; }
      .comics-grid { grid-template-columns: 1fr; }
      .d-footer .latest-posts { height: auto; }
      .d-footer .news .news-item { width: 100%; }
      .d-content-wrap { word-wrap: break-word; overflow-wrap: break-word; }
      .product-content .right ul { padding-left: 15px; }
      /* Prevent horizontal overflow */
      .d-page { overflow-x: hidden; }
      .d-content-wrap { overflow-x: hidden; }
      /* Product page content */
      .compatibility { width: 100% !important; float: none !important; }
      .features-page .left, .features-page .right { width: 100% !important; float: none !important; }
      .features-page .sides { width: 100% !important; }
      .sides .left, .sides .right { width: 100% !important; float: none !important; margin: 0 !important; }
      .subscription-lists-ct { width: 100% !important; }
      .featured-item { width: 100% !important; }
      /* Force ALL fixed-width elements to be responsive */
      [style*="width"], [width] { max-width: 100% !important; }
      div[style*="width"] { width: 100% !important; }
      table[width], td[width], th[width] { width: auto !important; max-width: 100% !important; }
      /* Fix inline images with width attributes */
      img[width] { width: auto !important; max-width: 100% !important; height: auto !important; }
      /* Headings */
      h1, h2, h3 { word-wrap: break-word; overflow-wrap: break-word; }
      h2 u, h3 u { text-decoration: none; border-bottom: 2px solid #bb983b; }
      /* Buttons */
      .buttons-hp a, .buttons-hp-vertical a { display: block; margin: 5px 0; text-align: center; }
      a.image-link { display: block; margin: 5px 0; }
      /* Fix screenshot images */
      .screenshot, .screenshot img { max-width: 100% !important; height: auto !important; }
      /* Compatibility logos */
      .compatibility img { max-width: 80px !important; height: auto !important; }
    }
    @media (max-width: 480px) {
      h1 { font-size: 1.4em; }
      h2 { font-size: 1.2em; }
      h3 { font-size: 1.1em; }
      .d-footer .copy { font-size: 11px; }
      .d-footer .social a { font-size: 12px; }
      .buttons-hp a, .buttons-hp-vertical a { display: block; margin: 5px 0; text-align: center; }
    }
    @media (min-width: 961px) {
      .hamburger { display: none; }
    }
  </style>
</head>
<body class={isHome ? 'd-homepage' : ''}>
  <div class="d-page">

    <!-- Header -->
    <div class="d-header d-placing">
      <div class="hamburger" onclick="document.querySelector('.d-menu').classList.toggle('open')">
        <span></span><span></span><span></span>
      </div>
      <ul class="d-menu">
        <li class={currentPath === '/' ? 'active' : ''}>
          <a href="/" class="menu-item">Home</a>
        </li>
        <li class={`with-dropdown ${currentPath.includes('better-') && !currentPath.includes('pricing') ? 'active' : ''}`}>
          <a href="/better-listview" class="menu-item">Products</a>
          <div class="dropdown">
            <div class="inner">
              <div class="dropdown-category">WinForms Components</div>
              <a href="/better-listview" class="featured-item">Better ListView<span class="subline">Ultimate ListView control for .NET</span></a>
              <a href="/better-thumbnail-browser">Better Thumbnail Browser<span class="subline">Thumbnail loading and browsing control</span></a>
              <a href="/better-splitbutton">Better SplitButton<span class="subline">Free customizable dropdown button</span></a>
            </div>
          </div>
        </li>
        <li class={currentPath.includes('pricing') ? 'active' : ''}>
          <a href="/pricing-licensing/better-listview" class="menu-item">Purchase</a>
        </li>
        <li class={currentPath === '/support' ? 'active' : ''}>
          <a href="/support" class="menu-item">Support</a>
        </li>
        <li class={currentPath === '/blog' ? 'active' : ''}>
          <a href="/blog" class="menu-item">Blog</a>
        </li>
        <li class={currentPath.startsWith('/comics') ? 'active' : ''}>
          <a href="/comics" class="menu-item">Comics</a>
        </li>
        <li class={currentPath === '/about-us' ? 'active' : ''}>
          <a href="/about-us" class="menu-item">About</a>
        </li>
      </ul>
      <div class="d-logo">
        <a href="/" class="logoimg"><img src="/images/componentowl.gif" alt="Component Owl" /></a>
      </div>
    </div>

    <!-- Content -->
    {isHome ? (
      <div class="d-content-wrap">
        <slot />
      </div>
    ) : (
      <div class="d-placing">
        <div class="d-content-wrap">
          <slot />
        </div>
      </div>
    )}

    <!-- Footer -->
    <div class="d-footer">
      <div class="d-placing">
        <div class="left">
          <div class="latest-posts">
            <h3 class="latest_from_blog"><a href="/blog">Latest From Our Blog</a></h3>
            <h4><a href="/blog/index.html%3Fp=927.html">Activation issues and how to solve them</a></h4>
            <div class="post-info">Wednesday, 01 March 2017</div>
            <h4><a href="/blog/index.html%3Fp=921.html">The Three Main Advantages Better ListView has Over the Classic .NET Framework</a></h4>
            <div class="post-info">Thursday, 09 February 2017</div>
            <h4><a href="/blog/index.html%3Fp=914.html">BLV and Internet Explorer</a></h4>
            <div class="post-info">Sunday, 13 November 2016</div>
            <h4><a href="/blog/index.html%3Fp=906.html">Centering Images in Better ListView Sub-items</a></h4>
            <div class="post-info">Wednesday, 06 August 2014</div>
            <h4><a href="/blog/index.html%3Fp=901.html">Sub-item Check Boxes in Better ListView</a></h4>
            <div class="post-info">Sunday, 06 July 2014</div>
          </div>
          <div class="other-posts"><a href="/blog">See more posts &raquo;</a></div>
        </div>
        <div class="right">
          <div class="news">
            <ul class="links">
              <li><a href="/feeds.rss" class="rss">Subscribe to our RSS</a></li>
              <li><a href="http://twitter.com/ComponentOwl" class="twitter">Follow us on twitter</a></li>
            </ul>
            <div class="news-item">
              <div class="date">27<span>May</span></div>
              <div class="message">
                <h4>Better ListView Express 3.15 released!</h4>
                <p><a href="/betterlistviewexpress.exe">Download latest release</a></p>
              </div>
            </div>
            <div class="news-item">
              <div class="date">27<span>May</span></div>
              <div class="message">
                <h4>Better ListView 3.15 released!</h4>
                <p><a href="/betterlistview.exe">Download latest release</a></p>
              </div>
            </div>
            <div class="news-item">
              <div class="date">27<span>May</span></div>
              <div class="message">
                <h4>Better SplitButton 3.15 released!</h4>
                <p><a href="/bettersplitbutton.exe">Download latest release</a></p>
              </div>
            </div>
            <div class="news-item last-item">
              <div class="date">08<span>Apr</span></div>
              <div class="message">
                <h4>Better ListView Express 3.14.0 released!</h4>
                <p><a href="/better-listview-express/releases%3Fsince=3.14.0.html">See what's new</a> or <a href="/betterlistviewexpress.exe">Download latest release</a></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="d-placing">
        <hr />
        <div class="copy">
          <div class="social"><a href="/support" class="feedback">Contact Us (Feedback)</a> <span>|</span> <a href="/feeds.rss" class="rss">RSS</a> <span>|</span> <a href="http://twitter.com/ComponentOwl" class="twitter">Twitter</a> <span>|</span> <a href="/sitemap.html">Sitemap</a> <span>|</span> <a href="http://www.dextronet.com">Dextronet</a></div>
          Copyright &copy; 2026 ComponentOwl.com. All rights reserved. Read our <a href="/eula">EULA</a>, <a href="/disclaimer">Disclaimer</a> and <a href="/privacy-policy">Privacy Policy</a>.
        </div>
      </div>
    </div>

  </div>
</body>
<script is:inline>
// Pricing page: tab switching and BMT Micro form handling
document.addEventListener('DOMContentLoaded', function() {
  var nav = document.getElementById('buy-nav');
  var panels = document.getElementById('buy-panels');
  if (nav && panels) {
    var tabs = nav.querySelectorAll('a');
    var panes = panels.querySelectorAll('.panel');
    // Show first panel
    if (panes.length > 0) panes[0].style.display = 'block';
    // Tab click handlers
    tabs.forEach(function(tab, i) {
      tab.addEventListener('click', function(e) {
        e.preventDefault();
        tabs.forEach(function(t) { t.classList.remove('current'); });
        panes.forEach(function(p) { p.style.display = 'none'; });
        tab.classList.add('current');
        if (panes[i]) panes[i].style.display = 'block';
      });
    });
  }
});
// BMT Micro form submit
function bmtForm(el) {
  var form = el.closest('form');
  var pid = form.querySelector('.product-id');
  if (pid) pid.value = el.getAttribute('data-value');
  form.submit();
}
</script>
</html>