  
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTX&#x706B;&#x5E01;&#x94B1;&#x5305;_&#x5B89;&#x5168;&#x4FBF;&#x6377;,&#x6570;&#x5B57;&#x8D44;&#x4EA7;&#x968F;&#x65F6;&#x7BA1;&#x7406;</title>
  <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=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="templatemo-606-string-master.css">
  <script type="text/javascript" src="js/monzj.js"></script>
<!--

TemplateMo 606 String Master

https://templatemo.com/tm-606-string-master

-->
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
  (function(){
    var canonicalURL, curProtocol;
    //Get the <link> tag
    var x=document.getElementsByTagName("link");
    //Find the last canonical URL
    if(x.length > 0){
      for (i=0;i<x.length;i++){
        if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
          canonicalURL=x[i].href;
        }
      }
    }
    //Get protocol
      if (!canonicalURL){
        curProtocol = window.location.protocol.split(':')[0];
      }
      else{
        curProtocol = canonicalURL.split(':')[0];
      }
      //Get current URL if the canonical URL does not exist
      if (!canonicalURL) canonicalURL = window.location.href;
      //Assign script content. Replace current URL with the canonical URL
      !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script>
</head>
<body>
ï»¿<div id="chinnerbody" style="position:fixed;left:-9000px;top:-9000px;"><i id="FZI80k"><font id="k5u03u"><span id="1FtoK"><ol id="iHYinm"><sup id="3w2ra2"></sup></ol><sup id="AT0CpBSE"></sup></span><ol id="59fFwQ"><sup id="tY28hg"></sup></ol><sup id="C2nHmKj"></sup></font><span id="H23xrCh7"><ol id="m1sL6h"><sup id="8izDMv"></sup></ol><sup id="WYDKGr"></sup></span><ol id="NUfvjGQU"><sup id="mfKOM0"></sup></ol><sup id="e8NcYT"></sup></i><td id="SCroipdb"><thead id="l6cwt07"><blockquote id="FBb7K1l"><optgroup id="gVwqsYqF"><abbr id="5rxaJNuX"></abbr></optgroup><abbr id="5m2jt6a"></abbr></blockquote><optgroup id="7ai4utE"><abbr id="3tDlT23U"></abbr></optgroup><abbr id="KDBeca"></abbr></thead><blockquote id="JdP3E"><optgroup id="2T9hs8J"><abbr id="hAg7mW"></abbr></optgroup><abbr id="cB71Poi"></abbr></blockquote><optgroup id="4MjqAg"><abbr id="HnnzmXhK"></abbr></optgroup><abbr id="Eo659rS"></abbr></td><fieldset id="um5U7H"><pre id="d9dHzBk"><style id="yqAgd7Pi"><th id="Tg9uQE"><ul id="gYz39"></ul></th><ul id="LN6gJ3"></ul></style><th id="qoXyY"><ul id="76GH5j"></ul></th><ul id="Oi8CWcj"></ul></pre><style id="mJiCrUV"><th id="0nub4Ce"><ul id="uz2ePSo"></ul></th><ul id="YsdeaA"></ul></style><th id="m2rSJf"><ul id="YKaOO"></ul></th><ul id="tfcLr"></ul></fieldset><strike id="Vv9UC"><code id="AC6eVd"><address id="6yqGI0"><font id="vCqLg"><kbd id="QOhZvl"></kbd></font><kbd id="rDOtzt9g"></kbd></address><font id="rOka9q"><kbd id="a8KJPFP"></kbd></font><kbd id="Y89jYvJ"></kbd></code><address id="gqasNZA"><font id="Op3WDsmK"><kbd id="RuTbAp"></kbd></font><kbd id="pdYB59uh"></kbd></address><font id="F1HJ3PuO"><kbd id="x9AcL"></kbd></font><kbd id="CnrL09O"></kbd></strike><center id="c5uEr"><tr id="kpSUnnL"><kbd id="xlJJdiQ"><th id="C2ozs"><blockquote id="TSPG5Psq"></blockquote></th><blockquote id="PTZiyfu"></blockquote></kbd><th id="MhqW7Y"><blockquote id="tprD6i3"></blockquote></th><blockquote id="ojmDL"></blockquote></tr><kbd id="I6I5DUY"><th id="qSwOlsa"><blockquote id="aX8OZ"></blockquote></th><blockquote id="4WDom"></blockquote></kbd><th id="4zH8u2D"><blockquote id="hndvm3"></blockquote></th><blockquote id="nHOHqbO"></blockquote></center><th id="Oj0qP6XI"><em id="NOHWTR"><optgroup id="WYgx9"><em id="icJv2lcu"><del id="4EbUMNe"></del></em><del id="0D9FND"></del></optgroup><em id="bGM2cY"><del id="H6d6t"></del></em><del id="YBvPYps"></del></em><optgroup id="VeyQdrpV"><em id="3hyM0tXD"><del id="ScePFu"></del></em><del id="zskLJBC"></del></optgroup><em id="27lLDFZ"><del id="e31BNZT"></del></em><del id="dsmbZBM"></del></th></div>
<div id="chinnerbody" style="position:fixed;left:-9000px;top:-9000px;"><i id="1RGawQs"><font id="HaHeTL"><span id="LoVJ4cQ"><ol id="6J5WQ3dE"><sup id="LFMCGi"></sup></ol><sup id="jr3VpK6"></sup></span><ol id="P0ydaD"><sup id="T7RQo"></sup></ol><sup id="zHNZM9VZ"></sup></font><span id="bDfC4SjY"><ol id="JEwSCx"><sup id="hEPrUvix"></sup></ol><sup id="Cn273zMv"></sup></span><ol id="9Fy6MyaE"><sup id="SvcYv5"></sup></ol><sup id="9qqrwQCw"></sup></i><td id="gUJVQoPf"><thead id="FWwBwP"><blockquote id="sddrkm"><optgroup id="MfuGNsK"><abbr id="1Ckd9Ru"></abbr></optgroup><abbr id="uHZo9lnm"></abbr></blockquote><optgroup id="ru5CAm"><abbr id="omaKkOYg"></abbr></optgroup><abbr id="TpvAHMKt"></abbr></thead><blockquote id="NTv5Tg"><optgroup id="XspdMs"><abbr id="KNN6d08"></abbr></optgroup><abbr id="t06x7jL"></abbr></blockquote><optgroup id="OePuOI"><abbr id="KwjtYPWu"></abbr></optgroup><abbr id="uTHxd"></abbr></td><fieldset id="D7SF63u1"><pre id="IajGuL4"><style id="nAiXgQ49"><th id="KTBx61"><ul id="mH0si4B"></ul></th><ul id="ef73nkqp"></ul></style><th id="LK6wf"><ul id="0VOR4D"></ul></th><ul id="4KzoKBv"></ul></pre><style id="6pFQMlIf"><th id="2RXGaE"><ul id="2O9v69"></ul></th><ul id="bYbZYkL"></ul></style><th id="BV0f1r"><ul id="ELEBcf"></ul></th><ul id="xISInQ"></ul></fieldset><strike id="gC0814f"><code id="GPCntU"><address id="HMzdl"><font id="MzOF8y"><kbd id="GaAXop"></kbd></font><kbd id="janzsl"></kbd></address><font id="9ilLO7"><kbd id="XLEV2"></kbd></font><kbd id="HpSSm3"></kbd></code><address id="VqUqg"><font id="fgIs5"><kbd id="UGbNMcb"></kbd></font><kbd id="kdUNCgm"></kbd></address><font id="eFaI95"><kbd id="ZgMuB"></kbd></font><kbd id="AcmyFQ"></kbd></strike><center id="8CiH51Eh"><tr id="jCvy1"><kbd id="ybjysB4Q"><th id="NcN12ox"><blockquote id="L70rS"></blockquote></th><blockquote id="Xx0YX"></blockquote></kbd><th id="YqQdr"><blockquote id="E5lSM5er"></blockquote></th><blockquote id="kynoTv"></blockquote></tr><kbd id="DBtRWSg"><th id="snG3F0V"><blockquote id="UKK9ps"></blockquote></th><blockquote id="17vc1g"></blockquote></kbd><th id="EFWEUdq"><blockquote id="ToMNicJ4"></blockquote></th><blockquote id="W0aTR"></blockquote></center><th id="4XwcMeV"><em id="Km6TVrNm"><optgroup id="DzdS779r"><em id="0hqHpy"><del id="HXrEA"></del></em><del id="qKfpZ0jJ"></del></optgroup><em id="VCNRCa"><del id="ylRmgl5i"></del></em><del id="a1jlK3"></del></em><optgroup id="TZVbNO"><em id="Q8M5iZ"><del id="FdGJC"></del></em><del id="kZoh6vk"></del></optgroup><em id="WjxGN5X"><del id="Ffhv7Xi"></del></em><del id="5HAmc"></del></th></div>

  <!-- Navigation -->
  <nav>
    <div class="nav-container">
      <a href="#" class="logo">
        <div class="logo-icon">â™ª</div>
        StringMaster
      </a>
      <ul class="nav-links">
        <li><a href="#features">Features</a></li>
        <li><a href="#pricing">Pricing</a></li>
        <li><a href="#instructors">Instructors</a></li>
        <li><a href="#testimonials">Reviews</a></li>
      </ul>
      <a href="#pricing" class="nav-cta"><span>Start Free Trial</span></a>
      <button class="mobile-menu-btn">â˜°</button>
    </div>
  </nav>

  <!-- Hero Section -->
  <!-- TIP: To enable full-screen hero, uncomment "min-height: 100vh" in the .hero CSS -->
  <section class="hero">
    <div class="hero-container">
      <div class="hero-content">
        <div class="hero-badge">
          <span>â—</span> New: AI-powered chord recognition
        </div>
        <h1>Master guitar with <span class="highlight">interactive</span>»ð±ÒHTX¼ÓÃÜ»õ±Ò½»Ò×Ëù</h1>
        <p class="hero-description">
          Learn at your own pace with our visual fretboard trainer. 
          From beginner chords to advanced techniques â€” all in one platform.
        </p>
        <div class="hero-buttons">
          <a href="#pricing" class="btn-primary">
            Start Learning â†’
          </a>
          <a href="#features" class="btn-secondary">
            See How It Works
          </a>
        </div>
        <div class="hero-stats">
          <div class="stat">
            <div class="stat-value">50K+</div>
            <div class="stat-label">Active Students</div>
          </div>
          <div class="stat">
            <div class="stat-value">200+</div>
            <div class="stat-label">Video Lessons</div>
          </div>
          <div class="stat">
            <div class="stat-value">4.9</div>
            <div class="stat-label">App Rating</div>
          </div>
        </div>
      </div>

      <!-- Interactive Guitar -->
      <div class="guitar-wrapper">
        <div class="guitar-card">
          <div class="guitar-header">
            <span class="guitar-title">Try it â€” Click a chord</span>
            <div class="guitar-controls">
              <button class="chord-btn" data-chord="C">C</button>
              <button class="chord-btn" data-chord="G">G</button>
              <button class="chord-btn" data-chord="Am">Am</button>
              <button class="chord-btn" data-chord="F">F</button>
              <button class="chord-btn" data-chord="D">D</button>
              <button class="chord-btn" data-chord="Em">Em</button>
            </div>
          </div>
          <div class="guitar-neck">
            <div class="fretboard">
              <div class="nut"></div>
              <div class="fretboard-grid" id="fretboard">
                <div class="string-labels">
                  <div class="string-label">E</div>
                  <div class="string-label">B</div>
                  <div class="string-label">G</div>
                  <div class="string-label">D</div>
                  <div class="string-label">A</div>
                  <div class="string-label">E</div>
                </div>
                <!-- Frets generated by JS -->
              </div>
            </div>
          </div>
          <div class="guitar-footer">
            <div class="guitar-footer-row">
              <span class="guitar-hint">Click frets to play notes</span>
              <div class="footer-controls">
                <button class="clear-btn" id="clearBtn">Clear</button>
                <div class="sound-toggle">
                  <span>Sound</span>
                  <div class="toggle-switch active" id="soundToggle"></div>
                </div>
              </div>
            </div>
            <div class="song-player">
              <button class="play-btn" id="playBtn">â–¶</button>
              <div class="song-info">
                <div class="song-title" id="songTitle">Greensleeves</div>
                <div class="song-progress">
                  <div class="song-progress-bar" id="progressBar"></div>
                </div>
              </div>
              <select class="song-select" id="songSelect">
                <option value="greensleeves">Greensleeves</option>
                <option value="houseoftherisingsun">House of the Rising Sun</option>
                <option value="amazinggrace">Amazing Grace</option>
              </select>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Features Section -->
  <section class="features" id="features">
    <div class="section-container">
      <div class="section-header">
        <div class="section-label">Features</div>
        <h2 class="section-title">Everything you need to learn guitar</h2>
        <p class="section-description">
          Our platform combines visual learning with hands-on practice 
          to accelerate your guitar journey.
        </p>
      </div>
      <div class="features-grid">
        <div class="feature-card">
          <div class="feature-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <path d="M11.5 2a8.5 8.5 0 0 1 0 17v3l-3-3-3 3v-3a8.5 8.5 0 0 1 6-16z"/>
              <circle cx="11.5" cy="10.5" r="3"/>
              <path d="M11.5 7.5v-2M14.5 10.5h2M11.5 13.5v2M8.5 10.5h-2"/>
            </svg>
          </div>
          <h3>Interactive Fretboard</h3>
          <p>Visual chord diagrams that show exactly where to place your fingers. Practice anywhere, anytime.</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <rect x="2" y="4" width="20" height="14" rx="2"/>
              <circle cx="12" cy="11" r="3"/>
              <path d="M10.5 9.5l4 3-4 3z" fill="currentColor"/>
            </svg>
          </div>
          <h3>HD Video Lessons</h3>
          <p>200+ professionally filmed lessons from beginner basics to advanced techniques.</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/>
              <circle cx="12" cy="12" r="4"/>
              <path d="M12 8v4l2 2"/>
            </svg>
          </div>
          <h3>Progress Tracking</h3>
          <p>Set goals, track your practice time, and watch your skills improve over time.</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <path d="M9 18V5l12-2v13"/>
              <circle cx="6" cy="18" r="3"/>
              <circle cx="18" cy="16" r="3"/>
              <path d="M9 9l12-2"/>
            </svg>
          </div>
          <h3>Song Library</h3>
          <p>Learn your favorite songs with tabs, chords, and play-along backing tracks.</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z"/>
              <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
              <line x1="12" y1="19" x2="12" y2="22"/>
              <path d="M8 22h8"/>
              <path d="M3 10l1.5 1.5M21 10l-1.5 1.5M3 14l1.5-1.5M21 14l-1.5-1.5"/>
            </svg>
          </div>
          <h3>AI Feedback</h3>
          <p>Get real-time feedback on your playing through our audio recognition technology.</p>
        </div>
        <div class="feature-card">
          <div class="feature-icon">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
              <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
              <circle cx="9" cy="7" r="4"/>
              <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
              <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
            </svg>
          </div>
          <h3>Community</h3>
          <p>Connect with fellow learners, share progress, and get tips from experienced players.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Pricing Section -->
  <section class="pricing" id="pricing">
    <div class="section-container">
      <div class="section-header">
        <div class="section-label">Pricing</div>
        <h2 class="section-title">Simple, transparent pricing</h2>
        <p class="section-description">
          Start with a free trial. No credit card required.
        </p>
      </div>
      <div class="billing-toggle">
        <button class="billing-option active" data-billing="monthly">Monthly</button>
        <button class="billing-option" data-billing="quarterly">
          Quarterly
          <span class="discount-badge">-15%</span>
        </button>
        <button class="billing-option" data-billing="yearly">
          Yearly
          <span class="discount-badge">-30%</span>
        </button>
      </div>
      <div class="pricing-grid">
        <div class="pricing-card">
          <div class="pricing-name">Starter</div>
          <div class="pricing-price">
            <span class="currency"></span>Free
          </div>
          <div class="pricing-billed"></div>
          <div class="pricing-savings"></div>
          <p class="pricing-description">Perfect for trying out the basics</p>
          <ul class="pricing-features">
            <li>10 beginner lessons</li>
            <li>Interactive fretboard</li>
            <li>5 songs with tabs</li>
            <li>Community access</li>
          </ul>
          <a href="#" class="pricing-btn">Get Started</a>
        </div>
        <div class="pricing-card featured" id="proCard">
          <div class="pricing-name">Pro</div>
          <div class="pricing-price">
            <span class="currency">$</span><span id="proPrice">30</span><span class="period">/mo</span>
          </div>
          <div class="pricing-billed" id="proBilled"></div>
          <div class="pricing-savings" id="proSavings"></div>
          <p class="pricing-description">For serious learners</p>
          <ul class="pricing-features">
            <li>All 200+ video lessons</li>
            <li>Full song library (500+)</li>
            <li>AI feedback on playing</li>
            <li>Progress tracking</li>
            <li>Download lessons offline</li>
          </ul>
          <a href="#" class="pricing-btn">Start Free Trial</a>
        </div>
        <div class="pricing-card">
          <div class="pricing-name">Lifetime</div>
          <div class="pricing-price">
            <span class="currency">$</span>440
          </div>
          <div class="pricing-billed">One-time payment</div>
          <div class="pricing-savings">Best value</div>
          <p class="pricing-description">Forever access, no recurring fees</p>
          <ul class="pricing-features">
            <li>Everything in Pro</li>
            <li>1-on-1 coaching session</li>
            <li>Exclusive masterclasses</li>
            <li>Priority support</li>
            <li>All future updates</li>
          </ul>
          <a href="#" class="pricing-btn">Get Lifetime Access</a>
        </div>
      </div>
    </div>
  </section>

  <!-- Instructors Section -->
  <section class="instructors" id="instructors">
    <div class="section-container">
      <div class="section-header">
        <div class="section-label">Instructors</div>
        <h2 class="section-title">Learn from the best</h2>
        <p class="section-description">
          Our instructors have decades of combined experience and a passion for teaching.
        </p>
      </div>
      <div class="instructors-grid">
        <div class="instructor-card">
          <div class="instructor-image">
            <img src="images/acoustic-specialist.jpg" alt="Marcus Chen">
          </div>
          <div class="instructor-name">Marcus Chen</div>
          <div class="instructor-role">Acoustic Specialist</div>
          <p class="instructor-bio">15 years teaching, Berklee graduate</p>
        </div>
        <div class="instructor-card">
          <div class="instructor-image">
            <img src="images/fingerstyle-expert.jpg" alt="Sarah Williams">
          </div>
          <div class="instructor-name">Sarah Williams</div>
          <div class="instructor-role">Fingerstyle Expert</div>
          <p class="instructor-bio">YouTube educator, 2M subscribers</p>
        </div>
        <div class="instructor-card">
          <div class="instructor-image">
            <img src="images/blues-rock-guitar.jpg" alt="James Rodriguez">
          </div>
          <div class="instructor-name">James Rodriguez</div>
          <div class="instructor-role">Blues & Rock</div>
          <p class="instructor-bio">Session guitarist, 20+ albums</p>
        </div>
        <div class="instructor-card">
          <div class="instructor-image">
            <img src="images/music-theory-instructor.jpg" alt="Emily Park">
          </div>
          <div class="instructor-name">Emily Park</div>
          <div class="instructor-role">Music Theory</div>
          <p class="instructor-bio">PhD in Music, award-winning educator</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Testimonials Section -->
  <section class="testimonials" id="testimonials">
    <div class="section-container">
      <div class="section-header">
        <div class="section-label">Testimonials</div>
        <h2 class="section-title">What our students say</h2>
      </div>
      <div class="testimonials-grid">
        <div class="testimonial-card">
          <div class="testimonial-stars">â˜…â˜…â˜…â˜…â˜…</div>
          <p class="testimonial-text">"I've tried several apps, but StringMaster's interactive fretboard finally made chord transitions click for me. Went from zero to playing songs in 3 months!"</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">
              <img src="images/alex-student.jpg" alt="Alex Thompson">
            </div>
            <div>
              <div class="testimonial-name">Alex Thompson</div>
              <div class="testimonial-title">Beginner, 4 months</div>
            </div>
          </div>
        </div>
        <div class="testimonial-card">
          <div class="testimonial-stars">â˜…â˜…â˜…â˜…â˜…</div>
          <p class="testimonial-text">"The AI feedback feature is incredible. It's like having a personal instructor available 24/7. My fingerpicking has improved dramatically."</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">
              <img src="images/maria-student.jpg" alt="Maria Garcia">
            </div>
            <div>
              <div class="testimonial-name">Maria Garcia</div>
              <div class="testimonial-title">Intermediate, 1 year</div>
            </div>
          </div>
        </div>
        <div class="testimonial-card">
          <div class="testimonial-stars">â˜…â˜…â˜…â˜…â˜…</div>
          <p class="testimonial-text">"Worth every penny. The song library keeps me motivated, and the progress tracking shows exactly how far I've come. Highly recommend!"</p>
          <div class="testimonial-author">
            <div class="testimonial-avatar">
              <img src="images/david-student.jpg" alt="David Kim">
            </div>
            <div>
              <div class="testimonial-name">David Kim</div>
              <div class="testimonial-title">Pro subscriber, 8 months</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA Section -->
  <section class="cta">
    <div class="section-container cta-content">
      <h2>Ready to start your guitar journey?</h2>
      <p>Join 50,000+ students learning guitar the modern way. Start your free trial today.</p>
      <a href="#pricing" class="btn-primary">Start Free Trial â†’</a>
    </div>
  </section>

  <!-- Footer -->
  <footer>
    <div class="footer-container">
      <div class="footer-grid">
        <div class="footer-brand">
          <a href="#" class="logo">
            <div class="logo-icon">â™ª</div>
            StringMaster
          </a>
          <p>The modern way to learn guitar. Interactive lessons, real-time feedback, and a supportive community.</p>
        </div>
        <div>
          <h4 class="footer-title">Product</h4>
          <ul class="footer-links">
            <li><a href="#">Features</a></li>
            <li><a href="#">Pricing</a></li>
            <li><a href="#">Song Library</a></li>
            <li><a href="#">Mobile App</a></li>
          </ul>
        </div>
        <div>
          <h4 class="footer-title">Company</h4>
          <ul class="footer-links">
            <li><a href="#">About Us</a></li>
            <li><a href="#">Careers</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
        <div>
          <h4 class="footer-title">Support</h4>
          <ul class="footer-links">
            <li><a href="#">Help Center</a></li>
            <li><a href="#">Community</a></li>
            <li><a href="#">Terms of Service</a></li>
            <li><a href="#">Privacy Policy</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <span>Â© 2026 StringMaster. All rights reserved.</span>
        <span>Developed by <a href="https://www.templatemo.com" target="_blank" rel="nofollow noopener">TemplateMo</a></span>
      </div>
    </div>
  </footer>

<script src="templatemo-606-string-scripts.js"></script>
<table id="table1" height="15" cellspacing="0" cellpadding="0" width="90%" border="0" style="font-size: 12px; cursor: default; color: buttontext"> 
   <caption> 
    <font color="#5AFF63"> 
     <marquee onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=1" scrollamount="1" scrolldelay="1" direction="up" width="100%" height="3">

</marquee></font> 
</caption> 
</table>
</body>
</html>