<!--                                           %%%%                                                 
                                            %%%%% %%%%%                                             
                                        %%%%%         %%%%@                                         
                                     %%%%       *=@      %%%%%                                      
                                 %%%%%       ===%%%===       %%%%%                                  
                             %%%%%       ===%%%=====%%%===       %%%%@                              
                          %%%%%      +===%%%===%%%%%===%%%===       %%%%%                           
                      %%%%%       ===%%%==#%%%      %%%%%%=%%%===       %%%%%                       
                  %%%%%       ====%%=%%%%==             ==%%%%%%%#===       %%%%%                   
               %%%%%      %===%%%%%%====%%%%%%%             ====*%%%%===       @%%%%                
           %%%%%       ===%%%%=====%%%%%===*%%%%%%%            %%=====%%%===       %%%%%            
       @%%%%@      ====%%===%%%%%=====#%%%%====%%%%%%%       *=====%%%%%=+%%#==+       %%%%@        
    %%%%%       ===%%==%%%%=%                          %%%=============*=%%%%%%%===        %%%%     
%%%%%       +==#%%%%%#===                          ===========================%%%%%%===       %%%%% 
%%=      *===%%*====%%%%%%%%%            %%%%  @======================%%%%=%%%%%====%%%===       =%%
%%====       ===%%%====%%%%%%%%%%            %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%====%%%===       %====%%
%%========       ===%%+====%%%%%%%%%       =====%%%%%=====%%%%*===#%%%%%=====%%%===       ========%%
%%===========       ===+%%====*%%%%%%%%%  ==========%=%%%%%====%%%%%%====%%%===       ============%%
%%====%%%========       ===%%%====%%%%%%%%%%===========*====%%%%%=====%%+==        =========%%====%%
%%====%%%%%%%=======*       ===%%=====%%%%%%%%%%===%%%%#%%%%%=====%%%===       =========%%%%%%====%%
%%====%%%=%%%%%%========       ===%%%====%%%%%%%%%%%%%%%%%====%%%===       *========*%%%%%=%%%====%%
%%====%%%====%%%%%%%=======+       ===%%=====%%%%%%%%%=====%%===@       =========%%%%%%===*%%%====%%
%%====%%%%%%====%%%%%%%========       *==*%%====*%=====%%%===       =========%%%%%%%%%%%%%%%%%====%%
%%====%%%==%%%%#====%%%%%%%========       ===%%+===%%%===        ========#%%%%%%%%%    %===%%%====%%
%%====%%%%====%%%%%====%%%%%%%========        ===%===        =========%%%%%===%%       ==%%%%%====%%
%%====%%%%%%%=====%%%%=====%%%%%%%========       =       +========%%%%%=====%%%        %%%*%%%====%%
%%====%%%===%%%%%====%%%%%====%%%%%%%*=======         ========#%%%%*=====%%%%%%        ====%%%====%%
%%====%%%%%%====%%%%====*%%%%=== %%%%%%%%======== =========%%%%%%%%==%%%%%*%%%         =%%%%%%====%%
%%====%%%=*%%%%====%%%%+====%%%%     %%%%%%%%==========%%%%%%%%%%   %%===%%%%          %%%=%%%====%%
%%====%%%%====%%%%====%%%%%====%       %%%%%%%=======%%%*==%%%        =%%%%%           ====%%%====%%
%%====%%%%%%%====%%%%%====%%%%==      %%%==%%%=======%====%%           %%%%            =%%%%%%====%%
%%====%%%===%%%%=====%%%%====%%%      %%%%===%=======%=%%%%%             %     =*======%%*=%%%====%%
%%====%%%%%====%%%%%====%%%%+===      %%%%%%%%=======%%%===%              ======%==========%%%====%%
%%====%%%=%%%% ====%%%%====%%%%%      %%%===%%=======%===%%%           ========%%======%%%%%%%====%%
%%====%%%%===%    #===%%%%+====%      %%%%%%=%=======%%%%%=%       % =========+%%======%*==%%%====%%
%%====%%%%%%%%%    %%%===%%%%%==    ==%%%==%%%=======%=====%       %%========%=%%======*==%%%%====%%
%%====%%%===*%%     %%%%%====%%%======%%%%===%=======%==%%%%     @+%%%%======%%%%======%%%%%%%====%%
%%====%%%%===========%%+%%%%==========%%%%%%%%=======%%%%%=%  #===+%#%%%====%%=%%+====+*===%%%====%%
%%====%%%%%%%%===+=====%===%%%%%======%%*===%%=======%=====%======+==%%%%%=====%%#=%====+%%%%%===+%%
%%====    %%%%%%%=========%===%%======%%%%%==%=======%=*%%%%======*%%%%=%%%=%%%%=====%%%%    ====+%%
%%%======     %%%%%%*=%===============%%+=%%%%=======%%%%==%======*=====%%%%%====#%%%%    ======%%%%
  %%%%#=====     %%%%%%%=%+===========%%%+===%=======%====%%======*=%%%%%=====%%%%    ======%%%%%%  
     %%%%%======    %%%%%%%==%%=====%%%%+%%%%%=======%=%%%%%======+%%#====%%%%%    ======%%%%%      
         %%%%======     %%%%%%%===*%%%%%*===%%=======%%%===%=====%=====%%%%@   #=====%%%%%%         
            %%%%%=====     %%%%%%%======%%%%=%=======%====%%=%=====%%%%%    ======%%%%%             
               %%%%%======     %%%%%%%=====%%%=======%%%%%%====+%%%%@    =====+%%%%%                
                   %%%%%=====     %%%%%%%====%=======%%=====%%%%%    ======%%%%%@                   
                      %%%%%=====+    %%%%%%%=%=======%==#%%%%@    ======%%%%%                       
                         %%%%%+=====     %%%%%=======%%%%%    ======%%%%%%                          
                             %%%%%=====     %%=======%%    ======%%%%%                              
                                %%%%%======   =======  #=====%%%%%%                                 
                                   @%%%%%=================%%%%%              JNM CONSULTING LLC                       
                                       %%%%%==========*%%%%%                        Version 1.0                     
                                          %%%%%*===%%%%%%                                  2024                
                                              %%%%%%%                                               
                                                 %                                                  
-->
<!doctype html>
<html lang="en" data-bs-theme="dark">
  <head><script src="assets/js/color-modes.js"></script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="JNM Prints">
    <meta name="author" content="JNM Consulting 2024">
    <meta name="generator" content="Hugo 0.122.0">
        <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-F0T43GYG6E"></script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-F0T43GYG6E');
      </script>
    <title>JNM Prints</title>    
    <!-- BOOTSTRAP version 5.3.3 used, all rights reserved-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>

      .dropdown-item:hover { 
        color:white;
        background-color: #fd7e14;
      }

      body {
        width: 100%;
        height:100%;
        background: linear-gradient(-45deg, #DAA520, #DA70D6, #ADFF2F, #808080);
        background-size: 225% 225%;
        animation: gradient 15s ease infinite;
      }

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      .btn-contact {
        --bs-btn-color: #fd7e14;
        --bs-btn-active-color: #fd7e14;
        --bs-btn-hover-color: white;
        --bs-btn-hover-bg: #fd7e14;
        --bs-btn-border-color: #fd7e14;
        --bs-btn-active-bg: #fd7e14;
        --bs-btn-active-color: white;
      }

      .bd-mode-toggle {
        z-index: 1500;
      }

      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }
    </style>

  </head>
  <body>
<div class="bg-dark shadow-sm">
  <div class="container text-center py-3"><img src="images/jnmprints-alpha.png" height="300" width="auto"></div>
  <div class="container">
    <header class="d-flex justify-content-center py-3">
      <nav class="navbar navbar-expand-sm">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarmain"><i class="bi bi-list"></i> Menu
        </button>
        <div class="collapse navbar-collapse" id="navbarmain">
          <ul class="navbar">
          <a class="btn btn-outline-secondary mx-auto" href="jnmprints.html" role="button"> Shop</a>
          <a class="btn btn-outline-primary mx-auto" href="about.html" role="button"> About</a>
          <a class="btn btn-outline-success mx-auto" href="jnmrecycling.html" role="button"><i class="bi bi-recycle"></i> JNM Recycling</a>
        <div class="dropdown-center mx-auto">
          <button type="button" class="btn btn-contact dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="bi bi-telephone"></i> Contact</button>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="mailto:admin@jnmconsulting.org?subject=WebsiteContact"><i class="bi bi-envelope-at"></i> E-Mail</a></li>
            <li><hr class="dropdown-divider"></li>
            <li><a class="dropdown-item" href="sms:+14143950181"><i class="bi bi-phone"></i> Text</a></li>
            <li><a class="dropdown-item" href="tel:+14143950181"><i class="bi bi-telephone-forward"></i> Call</a></li>
          </ul>
          </div>
          </ul>
         </div> 
      </nav>
    </header>
</div>
</div>

<main>
  <section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">
        <h1 class="fw-light">The JNM Prints Collection</h1>
        <p class="lead text-body-secondary">See something you like?<br>We will print it and send it your way.</p>
        <p>
          <a href="#prints" class="btn btn-primary my-2">Browse Collection</a>
          <a href="#requestform" class="btn btn-secondary my-2">Request Prints</a>
          <a href="jnmrecycling.html" class="btn btn-outline-success my-2">Send Filament</a>
        </p>
      </div>
    </div>
  </section>

  <div class="album py-5 bg-body-tertiary">
    <div class="container" id="prints">

      <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
        <div class="col">
          <div class="card shadow-sm">
            <img src="images/flexirex.jpg" width="100%" height="225" class="img-fluid" alt="flexirex">
            <div class="card-body">
              <p class="card-text">Flexi Rex </p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="https://github.com/DrLex0/print3D-FlexiRex" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="https://buy.stripe.com/3csfZUgNjd1P67CaEE" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $7 </small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <img src="images/sprialfidgets.png" width="100%" height="225" class="img-fluid" alt="spirals">
            <div class="card-body">
              <p class="card-text">Spiral Fidgets </p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="https://www.thingiverse.com/thing:6690266" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="https://buy.stripe.com/3cseVQ7cJf9X2Vq8wy" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $5 </small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <img src="images/articulatedsnake.png" width="100%" height="225" class="img-fluid" alt="snake">
            <div class="card-body">
              <p class="card-text">articulated snake</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="https://www.thingiverse.com/thing:5607020" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="https://buy.stripe.com/4gwfZU1SpaTH9jO8wz" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $5 </small>
              </div>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card shadow-sm">
            <!--img src="" width="100%" height="225" class="img-fluid" alt="onimask"-->
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
            <div class="card-body">
              <p class="card-text">Oni Mask </p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $40 </small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <img src="images/buffshrek.png" width="100%" height="225" class="img-fluid" alt="buffshrek">
            <div class="card-body">
              <p class="card-text">Buff model Shrek </p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $8 </small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <img src="images/handsomeshrek.png" width="100%" height="225" class="img-fluid" alt="handsomeshrek">
            <div class="card-body">
              <p class="card-text">Handsome Shrek </p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $15 </small>
              </div>
            </div>
          </div>
        </div>

        <div class="col">
          <div class="card shadow-sm">
            <img src="images/temp3d.png" width="100%" height="225" class="img-fluid" alt="keyhooks">
            <div class="card-body">
              <p class="card-text">Keyhooks </p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="https://www.printables.com/model/773459-key-hooks-wall-mounted" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="https://buy.stripe.com/5kA5lg8gN5zncw07st" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $5 </small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
            <div class="card-body">
              <p class="card-text">another print</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $10 </small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
            <div class="card-body">
              <p class="card-text">another print </p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $15 </small>
              </div>
            </div>
          </div>
        </div>
        <!-- Start new rows -->
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
            <div class="card-body">
              <p class="card-text">3D print</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $5 </small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
            <div class="card-body">
              <p class="card-text">3D print</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $5 </small>
              </div>
            </div>
          </div>
        </div>
        <div class="col">
          <div class="card shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
            <div class="card-body">
              <p class="card-text">3D print</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <a href="" type="button" class="btn btn-sm btn-outline-secondary">View</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-success">Download</a>
                  <a href="" type="button" class="btn btn-sm btn-outline-primary">Buy</a>
                </div>
                <small class="text-body-secondary"> $5 </small>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<!-- ADD PAGE NAVABR HERE-->
  <!-- MAYBE ADD LITTLE TIDBIT ABOUT THE RECYCLING PROGRAM -->
 <!-- ADD SPONSORS IN GRAY SPOT HERE - WHITE or GRAY OUTLINE LOGO's Only -->
 <div class="position-relative bg-body-tertiary">
  <div class="text-center"> 
    <p class="py-3">Part of the Precious Plastic Community <a href="https://preciousplastic.com"><img src="images/PreciousplasticLogo.PNG" height="100px" width="100px" ></a></p>
  </div>
</div>
</main>

<footer class="text-body-secondary py-5">
  <div class="container">
    <p class="float-end mb-1">
      <a href="#top"><i class="bi bi-arrow-up-circle" style="font-size: 2rem; color:#808080;"></i></a>
    </p>
    <a href="https://jnmconsulting.org/" class="mb-1" style="text-shadow: 1px 1px #808080;"> &copy; JNM Consulting LLC <script>document.write(/\d{4}/.exec(Date())[0])</script> </a>
    <p class="mb-0" style="text-shadow: 1px 2px #808080;"> Version 01 </p>
  </div>
</footer>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>

    </body>
</html>