.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;
.command-name text-align: center; font-weight: 700; background: #eef2ff; display: inline-block; width: auto; margin: 0 auto 0.8rem; padding: 0.2rem 1rem; border-radius: 30px; font-size: 0.9rem; color: #1e40af; letter-spacing: 0.3px;
.footer-note margin-top: 2rem; text-align: center; font-size: 0.8rem; color: #4b5563; border-top: 1px dashed #cbd5e1; padding-top: 1.5rem;
hr margin: 1rem 0; border: 0; height: 1px; background: #cbd5e1;
.tip margin-top: 1rem; font-size: 0.75rem; background: #f1f5f9; padding: 0.4rem 0.6rem; border-radius: 20px; text-align: center; color: #2d3a5e;
<!-- DOWN --> <div class="card"> <div class="signal-icon"> <svg viewBox="0 0 100 100"> <path class="fill-hand" d="M45,32 L65,32 C72,32 78,38 78,46 L78,60 C78,68 72,74 64,74 L38,74 C30,74 24,68 24,60 L24,46 C24,38 30,32 38,32 Z" fill="#facc15" stroke="#b45309" stroke-width="1.8"/> <line x1="35" y1="82" x2="65" y2="82" stroke="#334155" stroke-width="3"/> </svg> </div> <h3>⬇️ DOWN</h3> <div class="command-name">Command: "Down"</div> <div class="description">Flat open palm, move your hand downward toward the floor (like a slow pressing motion).</div> <div class="tip">💡 From sit, lure nose to ground → then add hand signal.</div> </div>
.card background: #f8fafc; border-radius: 28px; padding: 1.2rem 1rem 1.2rem 1rem; box-shadow: 0 4px 8px rgba(0,0,0,0.02); border: 1px solid #e2e8f0; transition: transform 0.1s ease; break-inside: avoid; page-break-inside: avoid;
@media print body background: white; padding: 0; margin: 0; .guide max-width: 100%; padding: 0.75rem; box-shadow: none; border-radius: 0; .card break-inside: avoid; page-break-inside: avoid; background: #ffffff; border: 1px solid #ccc; .badge print-color-adjust: exact; -webkit-print-color-adjust: exact; .signal-icon svg stroke: black; .signal-icon .fill-hand fill: #f0e6d2; stroke: black; h1 color: black; </style> </head> <body> <div class="guide"> <div class="header"> <h1>🐕 DOG TRAINING HAND SIGNALS</h1> <div class="sub">visual cues for better communication + positive reinforcement</div> <div class="badge">✨ printable quick reference ✨</div> </div>
Hold On
You are being redirected to another page,.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;
.command-name text-align: center; font-weight: 700; background: #eef2ff; display: inline-block; width: auto; margin: 0 auto 0.8rem; padding: 0.2rem 1rem; border-radius: 30px; font-size: 0.9rem; color: #1e40af; letter-spacing: 0.3px;
.footer-note margin-top: 2rem; text-align: center; font-size: 0.8rem; color: #4b5563; border-top: 1px dashed #cbd5e1; padding-top: 1.5rem;
hr margin: 1rem 0; border: 0; height: 1px; background: #cbd5e1;
.tip margin-top: 1rem; font-size: 0.75rem; background: #f1f5f9; padding: 0.4rem 0.6rem; border-radius: 20px; text-align: center; color: #2d3a5e;
<!-- DOWN --> <div class="card"> <div class="signal-icon"> <svg viewBox="0 0 100 100"> <path class="fill-hand" d="M45,32 L65,32 C72,32 78,38 78,46 L78,60 C78,68 72,74 64,74 L38,74 C30,74 24,68 24,60 L24,46 C24,38 30,32 38,32 Z" fill="#facc15" stroke="#b45309" stroke-width="1.8"/> <line x1="35" y1="82" x2="65" y2="82" stroke="#334155" stroke-width="3"/> </svg> </div> <h3>⬇️ DOWN</h3> <div class="command-name">Command: "Down"</div> <div class="description">Flat open palm, move your hand downward toward the floor (like a slow pressing motion).</div> <div class="tip">💡 From sit, lure nose to ground → then add hand signal.</div> </div>
.card background: #f8fafc; border-radius: 28px; padding: 1.2rem 1rem 1.2rem 1rem; box-shadow: 0 4px 8px rgba(0,0,0,0.02); border: 1px solid #e2e8f0; transition: transform 0.1s ease; break-inside: avoid; page-break-inside: avoid;
@media print body background: white; padding: 0; margin: 0; .guide max-width: 100%; padding: 0.75rem; box-shadow: none; border-radius: 0; .card break-inside: avoid; page-break-inside: avoid; background: #ffffff; border: 1px solid #ccc; .badge print-color-adjust: exact; -webkit-print-color-adjust: exact; .signal-icon svg stroke: black; .signal-icon .fill-hand fill: #f0e6d2; stroke: black; h1 color: black; </style> </head> <body> <div class="guide"> <div class="header"> <h1>🐕 DOG TRAINING HAND SIGNALS</h1> <div class="sub">visual cues for better communication + positive reinforcement</div> <div class="badge">✨ printable quick reference ✨</div> </div>