.signal-icon svg width: 70px; height: 70px; stroke: #2c3e66; stroke-width: 1.5; fill: none;
h3 font-size: 1.6rem; font-weight: 700; color: #0f172a; text-align: center; margin-bottom: 0.5rem; dog training hand signals pdf
.signal-icon background: white; border-radius: 60px; width: 90px; height: 90px; margin: 0 auto 1rem auto; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(0,0,0,0.05); border: 1px solid #e9ecef; .signal-icon svg width: 70px
<!-- STAND --> <div class="card"> <div class="signal-icon"> <svg viewBox="0 0 100 100"> <path class="fill-hand" d="M40,35 L60,35 L65,55 L35,55 Z" fill="#facc15" stroke="#b45309" stroke-width="1.8"/> <line x1="50" y1="55" x2="50" y2="78" stroke="#b45309" stroke-width="3"/> </svg> </div> <h3>🧍 STAND</h3> <div class="command-name">Command: "Stand"</div> <div class="description">Sweep your hand forward from your hip, palm facing up.</div> <div class="tip">💡 Great for vet exams or grooming.</div> </div> </div> h3 font-size: 1.6rem
.tip margin-top: 1rem; font-size: 0.75rem; background: #f1f5f9; padding: 0.4rem 0.6rem; border-radius: 20px; text-align: center; color: #2d3a5e;
.footer-note margin-top: 2rem; text-align: center; font-size: 0.8rem; color: #4b5563; border-top: 1px dashed #cbd5e1; padding-top: 1.5rem;
<!-- HEEL --> <div class="card"> <div class="signal-icon"> <svg viewBox="0 0 100 100"> <path class="fill-hand" d="M30,50 L70,50 L68,70 L32,70 Z" fill="#facc15" stroke="#b45309" stroke-width="1.8"/> <circle cx="50" cy="42" r="8" fill="#b45309"/> <line x1="50" y1="34" x2="50" y2="26" stroke="#b45309" stroke-width="3"/> </svg> </div> <h3>🚶 HEEL</h3> <div class="command-name">Command: "Heel"</div> <div class="description">Pat your left hip or make a small circle with your hand at waist level.</div> <div class="tip">💡 Dog walks beside you → signal reinforces loose-leash walking.</div> </div>