learnmusic/testimonials_section.html at tuning · andytwoods/learnmusic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
  <!-- Testimonials Section -->
  <section id="testimonials" class="py-5">
    <div class="container">
      <div class="text-center mb-5">
        <h2>What Users Say</h2>
        <p class="text-muted">Join thousands of musicians who've improved their skills!</p>
      </div>
      <div class="row g-4">
        <div class="col-md-4">
          <div class="card h-100 shadow-sm border-0">
            <div class="card-body">
              <div class="d-flex justify-content-center mb-3">
                <span class="badge rounded-pill bg-primary px-3 py-2">
                  <i class="bi bi-music-note-beamed me-1"></i>Trumpet Player
                </span>
              </div>
              <div class="text-center mb-3">
                <i class="bi bi-quote fs-1 text-primary opacity-25"></i>
              </div>
              <p class="card-text text-center mb-4">This app has transformed the way I practice trumpet notes. I can now recognize notes much faster!</p>
              <div class="text-center">
                <h5 class="mb-0">Sara T.</h5>
                <small class="text-muted">Student Musician</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card h-100 shadow-sm border-0">
            <div class="card-body">
              <div class="d-flex justify-content-center mb-3">
                <span class="badge rounded-pill bg-success px-3 py-2">
                  <i class="bi bi-music-note-beamed me-1"></i>Trombone Player
                </span>
              </div>
              <div class="text-center mb-3">
                <i class="bi bi-quote fs-1 text-success opacity-25"></i>
              </div>
              <p class="card-text text-center mb-4">I've never been more confident playing the trombone. The daily practice has made a huge difference!</p>
              <div class="text-center">
                <h5 class="mb-0">John D.</h5>
                <small class="text-muted">Band Member</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card h-100 shadow-sm border-0">
            <div class="card-body">
              <div class="d-flex justify-content-center mb-3">
                <span class="badge rounded-pill bg-warning px-3 py-2">
                  <i class="bi bi-music-note-beamed me-1"></i>Music Teacher
                </span>
              </div>
              <div class="text-center mb-3">
                <i class="bi bi-quote fs-1 text-warning opacity-25"></i>
              </div>
              <p class="card-text text-center mb-4">Perfect for beginners and experienced musicians alike. I recommend it to all my students!</p>
              <div class="text-center">
                <h5 class="mb-0">Anna K.</h5>
                <small class="text-muted">Music Educator</small>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>