JQuery Cycle Plugin Sample/title><br /> <link rel="stylesheet" type="text/css" media="screen" href="screen.css" /><br /> <script type="text/javascript" src="js/jquery-1.3.js">/script> <script type="text/javascript" src="js/jquery.cycle.all.js">/script> <script type="text/javascript"> $(document).ready(function(){ $('#myslides').cycle({ fx: 'cover', speed: 500, timeout: 2000 }); }); </script></head> <body> <div id="myslides"> <img src="http://themeforest.s3.amazonaws.com/47_cycle/images/capitol.jpg" /> <img src="http://themeforest.s3.amazonaws.com/47_cycle/images/flowers.jpg" /> <img src="http://themeforest.s3.amazonaws.com/47_cycle/images/countryscene.jpg" /> </div> </body> </html> </div> </div> </div> </div> </section> </div> </main> <div id="shopify-section-footer" class="shopify-section"><footer class="site-footer-wrapper" role="contentinfo" data-section-id="footer" data-section-type="footer"> <div class="footer-logo-wrapper"> <a href="/" class="footer-logo" data-footer-logo> <img src="//cdn.shopify.com/s/files/1/0034/4662/files/footer_logo_x200.png?v=1645655679" width="400" height="200" alt="HAMMERPRESS"/> </a> </div> <div class="wrapper site-footer"> <div class="grid grid--uniform" data-accordion-group> <div class="grid__item medium-up--one-third footer__block" > <p class="uppercase footer__title " data-accordion-trigger="accordion-db788329-82bf-414b-9d76-9d5100d77650-1" aria-controls="accordion-db788329-82bf-414b-9d76-9d5100d77650-1" aria-haspopup="true" aria-expanded="true"> Hammerpress <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-medium-right" viewBox="0 0 9 15"><path fill-rule="evenodd" d="M6.875 7.066L.87 1.06 1.93 0l6.006 6.005L7.94 6 9 7.06l-.004.006.005.005-1.06 1.06-.006-.004-6.005 6.005-1.061-1.06 6.005-6.006z"/></svg> </p> <div class="rte rte--column" data-accordion-body data-accordion-body-mobile id="accordion-db788329-82bf-414b-9d76-9d5100d77650-1"><p>1413 W 11th Street<br/>Kansas City, Missouri 64101</p><p>(816) 421-1929</p><p></p><p><strong>RETAIL HOURS</strong><br/>Wed - Fri : 10am - 5pm<br/>Saturday : 12pm - 5pm<br/>Sunday : 12pm - 5pm<br/>Monday & Tuesday : Closed</p></div> </div> <div class="grid__item medium-up--one-third footer__block" > <p class="uppercase footer__title " data-accordion-trigger="accordion-newsletter-2" aria-controls="accordion-newsletter-2" aria-haspopup="true" aria-expanded="true"> Newsletter <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-medium-right" viewBox="0 0 9 15"><path fill-rule="evenodd" d="M6.875 7.066L.87 1.06 1.93 0l6.006 6.005L7.94 6 9 7.06l-.004.006.005.005-1.06 1.06-.006-.004-6.005 6.005-1.061-1.06 6.005-6.006z"/></svg> </p> <div class="rte rte--column" data-accordion-body data-accordion-body-mobile id="accordion-newsletter-2"> <p>Join our email list to stay up to date on Hammerpress happenings and to receive exclusive offers.</p> <!-- /snippets/newsletter-form.liquid --> <form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="newsletter--default-messages" data-newsletter-form=""><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="hidden" name="contact[accepts_marketing]" value="true"> <div class="input-group input-group--inner-button float__wrapper"> <label for="mail-footer-newsletter">Email</label> <input class="input-group-field" type="email" placeholder="your-email@example.com" id="mail-footer-newsletter" aria-label="your-email@example.com" autocorrect="off" autocapitalize="off" name="contact[email]" data-newsletter-field /> <span class="input-group-button"> <button type="submit" class="btn btn--secondary uppercase" aria-label="Join" name="subscribe" id="subscribe-footer-newsletter">Join </button> </span> </div> </form> </div> </div> <div class="grid__item medium-up--one-third footer__block" > <p class="uppercase footer__title " data-accordion-trigger="accordion-text-3" aria-controls="accordion-text-3" aria-haspopup="true" aria-expanded="true"> who we are <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-medium-right" viewBox="0 0 9 15"><path fill-rule="evenodd" d="M6.875 7.066L.87 1.06 1.93 0l6.006 6.005L7.94 6 9 7.06l-.004.006.005.005-1.06 1.06-.006-.004-6.005 6.005-1.061-1.06 6.005-6.006z"/></svg> </p> <div class="rte rte--column" data-accordion-body data-accordion-body-mobile id="accordion-text-3"><p>Hammerpress is a letterpress print shop, design studio & retail store based in Kansas City, Missouri. We design & print all of our letterpress goods here in our studio. We offer custom design, custom letterpress and foil printing for business cards, stationery, wedding invitations as well as job printing for other designers and agencies. </p></div> </div> </div> <div class="grid footer-secondary-wrapper"> <div class="footer-selects"><form method="post" action="/localization" id="localization-form-footer" accept-charset="UTF-8" class="popout--footer" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/pages/banner" /></form></div> <ul class="footer-secondary inline-list"> <li>© <a href="/" title="">HAMMERPRESS</a> 2022</li> <li><a href="/pages/shop-policies">Shop Policies</a></li> <!-- Remove the following line to delete 'Powered by Shopify' from your footer --> <li data-powered-link><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Ecommerce Software by Shopify</a></li> <!-- Do not delete below this line --> </ul> <ul class="footer-social social-icons grid__item inline-list"> <li> <a href="https://facebook.com/hammerpress" title="Facebook"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 20 20"><path fill="#444" d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"/></svg> <span class="visually-hidden">Facebook</span> </a> </li> <li> <a href="https://pinterest.com/hammerpress" title="Pinterest"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="#444" d="M9.958.811q1.903 0 3.635.744t2.988 2 2 2.988.744 3.635q0 2.537-1.256 4.696t-3.415 3.415-4.696 1.256q-1.39 0-2.659-.366.707-1.147.951-2.025l.659-2.561q.244.463.903.817t1.39.354q1.464 0 2.622-.842t1.793-2.305.634-3.293q0-2.171-1.671-3.769t-4.257-1.598q-1.586 0-2.903.537T5.298 5.897 4.066 7.775t-.427 2.037q0 1.268.476 2.22t1.427 1.342q.171.073.293.012t.171-.232q.171-.61.195-.756.098-.268-.122-.512-.634-.707-.634-1.83 0-1.854 1.281-3.183t3.354-1.329q1.83 0 2.854 1t1.025 2.61q0 1.342-.366 2.476t-1.049 1.817-1.561.683q-.732 0-1.195-.537t-.293-1.269q.098-.342.256-.878t.268-.915.207-.817.098-.732q0-.61-.317-1t-.927-.39q-.756 0-1.269.695t-.512 1.744q0 .39.061.756t.134.537l.073.171q-1 4.342-1.22 5.098-.195.927-.146 2.171-2.513-1.122-4.062-3.44T.59 10.177q0-3.879 2.744-6.623T9.957.81z"/></svg> <span class="visually-hidden">Pinterest</span> </a> </li> <li> <a href="https://instagram.com/hammerpress" title="Instagram"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 20 20"><path d="M10.034 1.763h2.644c.407 0 .881 0 1.424.068.474 0 .881.067 1.152.135.271.068.543.136.678.203.271.068.475.204.61.34.136.135.34.27.543.406.203.204.339.34.407.543.067.203.203.406.339.61.067.203.135.407.203.678.068.27.135.678.135 1.152 0 .543.068 1.017.068 1.424v5.288c0 .407 0 .882-.068 1.424 0 .474-.067.881-.135 1.152-.068.272-.136.543-.203.678a1.31 1.31 0 01-.34.61c-.135.204-.27.34-.406.543-.204.203-.34.339-.543.407a2.38 2.38 0 01-.61.27 7.737 7.737 0 01-.678.204 4.868 4.868 0 01-1.152.136c-.543 0-1.017.068-1.424.068H7.39c-.407 0-.882 0-1.424-.068-.474 0-.881-.068-1.152-.136-.272-.067-.543-.135-.678-.203-.272-.068-.475-.203-.61-.271-.204-.136-.34-.271-.543-.407-.203-.203-.339-.339-.407-.542-.135-.204-.203-.407-.339-.61a8.558 8.558 0 01-.203-.679 4.868 4.868 0 01-.136-1.152c0-.542-.067-1.017-.067-1.424V7.322c0-.407 0-.881.067-1.424 0-.474.068-.881.136-1.152.068-.271.135-.543.203-.678.068-.204.204-.407.34-.61.135-.204.27-.34.406-.543.203-.203.339-.339.542-.407.204-.135.407-.203.61-.339.204-.067.407-.135.679-.203a4.868 4.868 0 011.152-.135c.542 0 1.017-.068 1.424-.068h2.644zm0-1.763H7.322c-.407 0-.881 0-1.424.068-.542 0-1.017.068-1.356.135-.406.068-.745.204-1.084.34-.34.135-.61.27-.95.474-.27.203-.542.407-.813.678-.271.271-.542.542-.678.881-.136.34-.339.543-.475.882-.135.339-.27.678-.339 1.084a6.993 6.993 0 00-.135 1.356C0 6.441 0 6.915 0 7.322v5.356c0 .407 0 .881.068 1.424 0 .542.068 1.017.135 1.356.068.406.204.745.34 1.084.135.34.27.61.474.95.203.27.407.542.678.813.271.271.542.475.813.678.272.203.61.339.95.475.339.135.678.203 1.084.339.407.067.814.135 1.356.135.543 0 1.017.068 1.424.068h5.424c.407 0 .881 0 1.423-.068.543 0 1.017-.068 1.356-.135.407-.068.746-.204 1.085-.34.34-.135.61-.27.95-.474.27-.203.542-.407.88-.678.272-.271.475-.542.679-.881.203-.271.339-.61.474-.882.136-.339.204-.678.271-1.084.068-.407.136-.814.136-1.424 0-.542.068-1.017.068-1.424V7.254c0-.407 0-.881-.068-1.423 0-.543-.068-1.017-.136-1.424-.067-.407-.203-.746-.27-1.085a6.199 6.199 0 00-.475-.95c-.204-.338-.407-.541-.678-.813a4.353 4.353 0 00-.882-.678c-.27-.203-.61-.339-.949-.474-.339-.136-.678-.271-1.085-.34-.406-.067-.813-.135-1.356-.135h-1.423C12.27 0 11.39 0 10.034 0zm0 4.881c-.746 0-1.356.136-2.034.407-.61.271-1.153.61-1.627 1.085C5.898 6.847 5.559 7.39 5.288 8a4.863 4.863 0 00-.407 1.966c0 .746.136 1.356.407 2.034.271.61.61 1.153 1.085 1.627.474.475 1.017.814 1.627 1.085.61.271 1.288.407 2.034.407.746 0 1.356-.136 2.034-.407a4.57 4.57 0 001.627-1.085c.474-.474.813-1.017 1.085-1.627.27-.61.406-1.288.406-2.034 0-.678-.135-1.356-.406-1.966-.272-.61-.61-1.153-1.085-1.627-.475-.475-1.017-.814-1.627-1.085-.61-.271-1.356-.407-2.034-.407zm0 8.475c-.95 0-1.695-.34-2.373-.95-.678-.677-.95-1.423-.95-2.372 0-.881.34-1.695.95-2.373.61-.678 1.424-1.017 2.373-1.017.949 0 1.695.339 2.373 1.017.678.678.949 1.424.949 2.373 0 .949-.34 1.695-.95 2.373-.677.61-1.49.949-2.372.949zm6.508-8.678c0-.339-.135-.61-.339-.814a1.25 1.25 0 00-.813-.339c-.34 0-.61.136-.814.34a1.25 1.25 0 00-.339.813c0 .271.136.61.34.881.203.272.542.34.813.34.339 0 .61-.136.813-.34.204-.27.34-.61.34-.881z"/></svg> <span class="visually-hidden">Instagram</span> </a> </li> </ul> </div> </div> </footer> </div> <div id="shopify-section-popups" class="shopify-section"><!-- /sections/popups.liquid --></div> <div class="search--popdown"> <div data-search-popdown-wrap> <div id="search-popdown" class="search-popdown search__predictive" data-popdown-outer> <div class="item--loadbar" data-loading-indicator style="display: none;"></div> <div class="search__predictive__outer"> <div class="wrapper"> <div class="search__predictive__main"> <form class="search__predictive__form" action="/search" method="get" role="search"> <button class="search__predictive__form__button" type="submit"> <span class="visually-hidden">Search</span> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 16 16"><path d="M16 14.864L14.863 16l-4.24-4.241a6.406 6.406 0 01-4.048 1.392 6.61 6.61 0 01-4.65-1.925A6.493 6.493 0 01.5 9.098 6.51 6.51 0 010 6.575a6.536 6.536 0 011.922-4.652A6.62 6.62 0 014.062.5 6.52 6.52 0 016.575 0 6.5 6.5 0 019.1.5c.8.332 1.51.806 2.129 1.423a6.454 6.454 0 011.436 2.13 6.54 6.54 0 01.498 2.522c0 1.503-.468 2.853-1.4 4.048L16 14.864zM3.053 10.091c.973.972 2.147 1.461 3.522 1.461 1.378 0 2.551-.489 3.525-1.461.968-.967 1.45-2.138 1.45-3.514 0-1.37-.482-2.545-1.45-3.524-.981-.968-2.154-1.45-3.525-1.45-1.376 0-2.547.483-3.513 1.45-.973.973-1.46 2.146-1.46 3.523 0 1.375.483 2.548 1.45 3.515z"/></svg> </button> <input type="search" data-predictive-search-input name="q" value="" placeholder="Search..." aria-label="Search our store"> </form> <div class="search__predictive__close"> <button class="search__predictive__close__inner" data-close-popdown aria-label="Close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close-small" viewBox="0 0 15 15"><g fill-rule="evenodd"><path d="M2.237 1.073l12.021 12.021-1.414 1.414L.824 2.488z"/><path d="M.823 13.094l12.021-12.02 1.414 1.413-12.02 12.021z"/></g></svg> </button> </div> <div class="search__predictive__clear"> <button class="search__predictive__close__inner" data-clear-input aria-label="Close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 15 15"><g fill-rule="evenodd"><path d="M2.06 1l12.02 12.021-1.06 1.061L1 2.062z"/><path d="M1 13.02L13.022 1l1.061 1.06-12.02 12.02z"/></g></svg> </button> </div> </div> </div> </div> <div class="header__search__results" data-predictive-search-results> <div class="wrapper"> <div class="search__results__empty" data-predictive-search-aria></div> <div class="search__results__outer"> <div class="search__results__products"> <div class="search__results__products__title" data-product-title-wrap></div> <div class="search__results__products__list" data-product-wrap> </div> </div> <div class="search__results__other"> <div class="search__results__other__list" data-collection-wrap></div> <div class="search__results__other__list" data-article-wrap></div> <div class="search__results__other__list" data-page-wrap></div> </div> </div> </div> </div> </div> <span class="drawer__underlay" data-search-underlay></span> <script data-predictive-search-aria-template type="text/x-template"> <div aria-live="polite"> <p> {{@if(it.count)}} <span class="badge">{{ it.count }}</span> {{/if}} {{ it.title }} <em>{{ it.query }}</em> </p> </div> </script> <script data-predictive-search-title-template type="text/x-template"> <div class="search__results__heading"> <p> <span class="search__results__title">{{ it.title }}</span> <span class="badge">{{ it.count }}</span> </p> </div> </script> <script data-search-other-template type="text/x-template"> {{@each(it) => object, index}} <div class="other__inline animates" style="animation-delay: {{ index | animationDelay }}ms;"> <p class="other__inline__title"> <a href="{{ object.url }}">{{ object.title | safe }}</a> </p> </div> {{/each}} </script> <script data-search-product-template type="text/x-template"> {{@each(it) => object, index}} <a href="{{ object.url }}" class="product__inline animates" style="animation-delay: {{ index | animationDelay }}ms;"> <div class="product__inline__image"> <img class="img-aspect-ratio" width="{{object.featured_image.width}}" height="{{ object.featured_image.height }}" alt="{{ object.featured_image.alt }}" src="{{ object.thumb }}"> </div> <div> <p class="product__inline__title"> {{ object.title | safe }} </p> <p class="product__inline__price"> <span class="price {{ object.classes }}"> {{ object.price | safe }} </span> {{@if(object.sold_out)}} <br /><em>{{ object.sold_out_translation }}</em> {{/if}} {{@if(object.on_sale)}} <span class="compare-at"> {{ object.compare_at_price | safe }} </span> {{/if}} </p> </div> </a> {{/each}} </script> </div> </div> <div data-modal-container></div><!-- Paste popup code or third party scripts below this comment line ============== --> <!-- And above this comment line ================================================== --> </body> </html>