<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="../scripts/jquery-3.7.1.min.js"></script>
<script src="../scripts/bootstrap-4.3.1.min.js"></script>
<link rel="stylesheet" href="../css2/bootstrap.min.css">
<link rel="stylesheet" href="../fa/css/all.css">
<link rel="stylesheet" type="text/css" href="../css/custom.css">
<style>
    .menuback{
        background: #0F499D;
    }
    .infocolor{
        color: #0F499D;
    }
    .sectioncolor{
        color: #1499D6;
    }
    .footerback{
        background: #17AFED;
    }
    
* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Verdana;
  font-size: 16px;
}

.container {
  position: relative;
  max-width: 1800px;
  margin: 0 auto;
}

.container img {
    vertical-align: middle;
    width: 100%; 
}

.container .content {
  position: absolute;
  text-align: center;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.2 opacity */
  color:  #f1f1f1;
  width: 100%; 
  padding: 0px 10px 0px 10px;
}
.box {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
#top-header-menu li {
    display: inline;
    padding: 5px;
}
#imgbutton {
    position:absolute;
    top:45%;
    width:17.5%;
    margin-left:41.25%;
    margin-right:41.25%;    
    background: rgb(15, 73, 157, 0.7); /* #0F499D */
    color:white;
    border: 2px solid white;
    font-weight: 600;
    display:block; 
    text-align: center;
}
    
.mbp{
    margin: 0px; 
    border: 0px; 
    padding: 0px;
}

@media only screen and (min-width: 0px) and (max-width: 367px) {
    .storebutton{
        font-size: 6px; 
        padding: 0px;
    }
    .fontsizelarge {
        font-size: 8px; 
    }
    .fontsizemedium {
        font-size: 6px; 
    }
    .fontsizemid{
        font-size: 4px; 
    }    
    .fontsizesmall {
        font-size: 4px; 
    }
    .fontsizexsmall{
        font-size: 4px;         
    }
    .headerfont{
        font-size: 4px;   
        font-weight: 600;
    }
    .pagefont{
        font-size: 4px; 
    }
    .xsmallleftpad{
        padding-left: 2px;        
    }    
    .smallleftpad{
        padding-left: 2px;        
    }
    .leftpad{
        padding-left: 5px;
    }
    .bigleftpad{
        padding-left: 5px;
    }
    .rightpad{
        padding-right: 5px;
    }
    .smallrightpad{
        padding-right: 2px;
    }
    .xsmalltoppad{
        padding-top:2px;                        
    }
    .smalltoppad{
        padding-top:2px;                        
    }
    .toppad{
        padding-top:2px;                
    }
    .largebottompad{
        padding-bottom:2px;             
    }
    .bottompad{
        padding-bottom:2px;             
    }
    .mediumbottompad{
        padding-bottom:2px;             
    }
    .smallbottompad{
        padding-bottom:2px;             
    }
    .barpad {
        line-height: 2px;
        height: 2px;
    }
    .footerheight{
        height: 5px;
    }
    .compress{
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .fasize{
        font-size: xx-small;
    }        
}
@media only screen and (min-width: 368px) and (max-width: 520px) {
    .storebutton{
        font-size: 8px; 
        padding: 1px 0px 1px 0px;
    }
    .fontsizelarge {
        font-size: 12px; 
    }
    .fontsizemedium {
        font-size: 10px; 
    }
    .fontsizemid{
        font-size: 8px; 
    }    
    .fontsizesmall {
        font-size: 6px; 
    }
    .fontsizexsmall{
        font-size: 4px;         
    }
    .headerfont{
        font-size: 5px;   
        font-weight: 600;
    }
    .pagefont{
        font-size: 8px; 
    }
    .xsmallleftpad{
        padding-left: 4px;        
    }    
    .smallleftpad{
        padding-left: 6px;        
    }
    .leftpad{
        padding-left: 12px;
    }
    .bigleftpad{
        padding-left: 20px;
    }
    .rightpad{
        padding-right: 10px;
    }
    .smallrightpad{
        padding-right: 5px;
    }
    .xsmalltoppad{
        padding-top:2px;                        
    }
    .smalltoppad{
        padding-top:2px;                        
    }
    .toppad{
        padding-top:5px;                
    }
    .largebottompad{
        padding-bottom:5px;             
    }
    .bottompad{
        padding-bottom:2px;             
    }
    .mediumbottompad{
        padding-bottom:2px;             
    }
    .smallbottompad{
        padding-bottom:2px;             
    }
    .barpad {
        line-height: 10px;
        height: 10px;
    }
    .footerheight{
        height: 10px;
    }
    .compress{
        padding-bottom: -5px;
        margin-bottom: -2px;
    }
    .fasize{
        font-size: x-small;
    }        
}
@media only screen and (min-width: 521px) and (max-width: 756px) {
    .storebutton{
        font-size: 10.5px; 
        padding: 2px 1px 2px 1px;
    }
    .fontsizelarge {
        font-size: 16px; 
        letter-spacing: 1px;
    }
    .fontsizemedium {
        font-size: 12px; 
    }
    .fontsizemid{
        font-size: 10px; 
        letter-spacing: 1.4px;        
    }    
    .fontsizesmall {
        font-size: 8px; 
    }
    .fontsizexsmall{
        font-size: 6px;         
    }
    .headerfont{
        font-size: 6px;   
        font-weight: 600;
    }
    .pagefont{
        font-size: 10px; 
        letter-spacing: 1px;        
    }
    .xsmallleftpad{
        padding-left: 6px;        
    }    
    .smallleftpad{
        padding-left: 8px;        
    }
    .leftpad{
        padding-left: 20px;
    }
    .bigleftpad{
        padding-left: 40px;
    }
    .rightpad{
        padding-right: 20px;
    }
    .smallrightpad{
        padding-right: 10px;
    }
    .xsmalltoppad{
        padding-top:2px;                        
    }
    .smalltoppad{
        padding-top:5px;                        
    }
    .toppad{
        padding-top:10px;                
    }
    .largebottompad{
        padding-bottom:10px;             
    }
    .bottompad{
        padding-bottom:5px;             
    }
    .mediumbottompad{
        padding-bottom:5px;             
    }
    .smallbottompad{
        padding-bottom:2px;             
    }
    .barpad {
        line-height: 15px;
        height: 15px;
    }
    .footerheight{
        height: 15px;
    }
    .compress{
        padding-bottom: -10px;
        margin-bottom: -5px;
    }
    .fasize{
        font-size: small;
    }        
}
@media only screen and (min-width: 757px) and (max-width: 881px) {
    .storebutton{
        font-size: 14px; 
        padding: 4px 2px 4px 2px;
        letter-spacing: 1px;
    }
    .fontsizelarge {
        font-size: 24px; 
        letter-spacing: 1.1px;
    }
    .fontsizemedium {
        font-size: 16px; 
    }
    .fontsizemid{
        font-size: 12px; 
        letter-spacing: 2px;        
    }    
    .fontsizesmall {
        font-size: 10px; 
    }
    .fontsizexsmall{
        font-size: 8px;         
    }
    .headerfont{
        font-size: 8px;   
        font-weight: 600;
    }
    .pagefont{
        font-size: 20px; 
        letter-spacing: 1.2px;        
    }
    .xsmallleftpad{
        padding-left: 8px;        
    }    
    .smallleftpad{
        padding-left: 10px;        
    }
    .leftpad{
        padding-left: 30px;
    }
    .bigleftpad{
        padding-left: 60px;
    }
    .rightpad{
        padding-right: 30px;
    }
    .smallrightpad{
        padding-right: 15px;
    }
    .xsmalltoppad{
        padding-top:5px;                        
    }
    .smalltoppad{
        padding-top:10px;                        
    }
    .toppad{
        padding-top:20px;                
    }
    .largebottompad{
        padding-bottom:20px;             
    }
    .bottompad{
        padding-bottom:10px;             
    }
    .mediumbottompad{
        padding-bottom:10px;             
    }
    .smallbottompad{
        padding-bottom:5px;             
    }
    .barpad {
        line-height: 25px;
        height: 25px;
    }
    .footerheight{
        height: 25px;
    }
    .compress{
        padding-bottom: -20px;
        margin-bottom: -10px;
    }
    .fasize{
        font-size: medium;
    }        
}
@media only screen and (min-width: 882px) and (max-width: 997px) {
    .storebutton{
        font-size: 16px; 
        padding: 6px 4px 6px 4px;
        letter-spacing: 1.2px;
    }
    .fontsizelarge {
        font-size: 32px; 
        letter-spacing: 1.1px;
    }
    .fontsizemedium {
        font-size: 18px; 
    }
    .fontsizemid{
        font-size: 14px; 
        letter-spacing: 2.3px;        
    }    
    .fontsizesmall {
        font-size: 12px; 
    }
    .fontsizexsmall{
        font-size: 10px;         
    }
    .headerfont{
        font-size: 10px;   
        font-weight: 600;
        letter-spacing: 1px;
    }
    .pagefont{
        font-size: 22px; 
        letter-spacing: 1.5px;        
    }
    .xsmallleftpad{
        padding-left: 8px;        
    }    
    .smallleftpad{
        padding-left: 10px;        
    }
    .leftpad{
        padding-left: 30px;
    }
    .bigleftpad{
        padding-left: 60px;
    }
    .rightpad{
        padding-right: 30px;
    }
    .smallrightpad{
        padding-right: 15px;
    }
    .xsmalltoppad{
        padding-top:5px;                        
    }
    .smalltoppad{
        padding-top:10px;                        
    }
    .toppad{
        padding-top:20px;                
    }
    .largebottompad{
        padding-bottom:20px;             
    }
    .bottompad{
        padding-bottom:10px;             
    }
    .mediumbottompad{
        padding-bottom:10px;             
    }
    .smallbottompad{
        padding-bottom:5px;             
    }
    .barpad {
        line-height: 25px;
        height: 25px;
    }
    .footerheight{
        height: 45px;
    }
    .compress{
        padding-bottom: -20px;
        margin-bottom: -10px;
    }
    .fasize{
        font-size: large;
    }        
}
@media only screen and (min-width: 998px) and (max-width: 1225px) {
    .storebutton{
        font-size: 18px; 
        padding: 8px 6px 8px 6px;
        letter-spacing: 1.4px;
    }
    .fontsizelarge {
        font-size: 42px; 
        letter-spacing: 1.2px;
    }
    .fontsizemedium {
        font-size: 20px; 
    }
    .fontsizemid{
        font-size: 16px; 
        letter-spacing: 2.3px;        
    }    
    .fontsizesmall {
        font-size: 14px; 
    }
    .fontsizexsmall{
        font-size: 12px;         
    }
    .headerfont{
        font-size: 12px;   
        font-weight: 600;
        letter-spacing: 1.1px;
    }
    .pagefont{
        font-size: 28px; 
        letter-spacing: 2px;        
    }
    .xsmallleftpad{
        padding-left: 10px;        
    }    
    .smallleftpad{
        padding-left: 15px;        
    }
    .leftpad{
        padding-left: 40px;
    }
    .bigleftpad{
        padding-left: 90px;
    }
    .rightpad{
        padding-right: 40px;
    }
    .smallrightpad{
        padding-right: 20px;
    }
    .xsmalltoppad{
        padding-top:10px;                        
    }
    .smalltoppad{
        padding-top:20px;                        
    }
    .toppad{
        padding-top:30px;                
    }
    .largebottompad{
        padding-bottom:30px;             
    }
    .bottompad{
        padding-bottom:20px;             
    }
    .mediumbottompad{
        padding-bottom:15px;             
    }
    .smallbottompad{
        padding-bottom:10px;             
    }
    .barpad {
        line-height: 45px;
        height: 45px;
    }
    .footerheight{
        height: 65px;
    }
    .compress{
        padding-bottom: -30px;
        margin-bottom: -15px;
    }
    .fasize{
        font-size: x-large;
    }    
}
@media only screen and (min-width: 1226px) and (max-width: 1500px) {
    .storebutton{
        font-size: 22px; 
        padding: 12px 10px 12px 10px;
        letter-spacing: 1.6px;
    }
    .fontsizelarge {
        font-size: 48px; 
        letter-spacing: 1.4px;
    }
    .fontsizemedium {
        font-size: 22px; 
    }
    .fontsizemid{
        font-size: 18px; 
        letter-spacing: 2.3px;        
    }    
    .fontsizesmall {
        font-size: 16px; 
    }
    .fontsizexsmall{
        font-size: 14px;         
    }
    .headerfont{
        font-size: 14px;   
        font-weight: 600;
        letter-spacing: 1.2px;
    }
    .pagefont{
        font-size: 32px; 
        letter-spacing: 2px;        
    }
    .xsmallleftpad{
        padding-left: 10px;        
    }    
    .smallleftpad{
        padding-left: 15px;        
    }
    .leftpad{
        padding-left: 40px;
    }
    .bigleftpad{
        padding-left: 90px;
    }
    .rightpad{
        padding-right: 40px;
    }
    .smallrightpad{
        padding-right: 20px;
    }
    .xsmalltoppad{
        padding-top:10px;                        
    }
    .smalltoppad{
        padding-top:20px;                        
    }
    .toppad{
        padding-top:30px;                
    }
    .largebottompad{
        padding-bottom:30px;             
    }
    .bottompad{
        padding-bottom:20px;             
    }
    .mediumbottompad{
        padding-bottom:15px;             
    }
    .smallbottompad{
        padding-bottom:10px;             
    }
    .barpad {
        line-height: 45px;
        height: 45px;
    }
    .footerheight{
        height: 65px;
    }
    .compress{
        padding-bottom: -30px;
        margin-bottom: -15px;
    }
    .fasize{
        font-size: xx-large;
    }
}
@media only screen and (min-width: 1501px){
    .storebutton{
        font-size: 26px; 
        padding: 16px 14px 16px 14px;
        letter-spacing: 1.8px;
    }
    .fontsizelarge {
        font-size: 60px; 
        letter-spacing: 1.4px;
    }
    .fontsizemedium {
        font-size: 23px; 
    }
    .fontsizemid{
        font-size: 20px; 
        letter-spacing: 2.3px;        
    }    
    .fontsizesmall {
        font-size: 16px; 
    }
    .fontsizexsmall{
        font-size: 14px;         
    }
    .headerfont{
        font-size: 14px;   
        font-weight: 600;
        letter-spacing: 1.2px;
    }
    .pagefont{
        font-size: 32px; 
        letter-spacing: 2px;        
    }
    .xsmallleftpad{
        padding-left: 10px;        
    }    
    .smallleftpad{
        padding-left: 15px;        
    }
    .leftpad{
        padding-left: 40px;
    }
    .bigleftpad{
        padding-left: 90px;
    }
    .rightpad{
        padding-right: 40px;
    }
    .smallrightpad{
        padding-right: 20px;
    }
    .xsmalltoppad{
        padding-top:10px;                        
    }
    .smalltoppad{
        padding-top:20px;                        
    }
    .toppad{
        padding-top:30px;                
    }
    .largebottompad{
        padding-bottom:30px;             
    }
    .bottompad{
        padding-bottom:20px;             
    }
    .mediumbottompad{
        padding-bottom:15px;             
    }
    .smallbottompad{
        padding-bottom:10px;             
    }
    .barpad {
        line-height: 45px;
        height: 45px;
    }
    .footerheight{
        height: 65px;
    }
    .compress{
        padding-bottom: -30px;
        margin-bottom: -15px;
    }
    .fasize{
        font-size: xx-large;
    }
}
</style>
<script>
var width,height;
window.onresize = window.onload = function(){
    width = this.innerWidth;
    $('#displaydimensions').val(width);
}
</script>
</head>
<body>
<div class="container">
<div class="container mbp">
    <div class="row smallrightpad" style="padding-left:2px;padding-top:0px;padding-bottom:0px;">
        <div class="col-4" style="text-align: left;">
            <img src="../honestlyinnovative/images/logo.gif" style="max-width:200px;max-height:100px">
        </div>
        <div class="col-4 fontsizemedium toppad bottompad menucolor infocolor" style="display:block;text-align: center;letter-spacing: 1.3px;font-weight: 600;">
                    </div>
        <div class="col-4 fontsizemedium toppad bottompad rightpad" style="text-align: right;letter-spacing: 2.3px;font-weight: 500">
                        CALL&nbsp;&nbsp;(845) 565-0267&nbsp;
                    </div>
    </div>
    <div class="barpad menuback" style='text-align: center;color: white'>
        <a class="headerfont leftpad rightpad" style="color:white;border-right: 1px solid white;" href="../admin/grouplogos.php?id=800" title="Link to web store">GO TO STORES</a>
        <a class="headerfont leftpad rightpad" style="color:white;border-right: 1px solid white;" href="#aboutus_top" title="Link to About Us">ABOUT US</a>
                    <a class="headerfont leftpad rightpad" style="color:white;border-right: 1px solid white;" href="#products_top" title="Link to Products">April and May CELEBRATIONS</a>
                <a class="headerfont leftpad rightpad" style="color:white;" href="#contactus_top" title="Link to Contact Us">CONTACT US</a>
    </div>

    <div id="carouselControls" class="carousel slide " data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselIndicators" data-slide-to="1"></li>
                <li data-target="#carouselIndicators" data-slide-to="2"></li>
                <li data-target="#carouselIndicators" data-slide-to="3"></li>
            </ol>
    <div class="carousel-inner">
        <div class="carousel-item active" data-interval="5000">
            <img src="../honestlyinnovative/images/Home Page Banner2.png" class="d-block w-100" title="Move your cursor over the image to stop the images from rotating">
            <div class="carousel-caption d-none d-md-block">
                <h5></h5>
            </div>
        </div>
                <div class="carousel-item" data-interval="5000">
            <img src="../honestlyinnovative/images/Home Page Banner Image 1.png" class="d-block w-100" title="Move your cursor over the image to stop the images from rotating">
            <div class="carousel-caption d-none d-md-block">
                <h5></h5>
            </div>
        </div>
                <div class="carousel-item" data-interval="5000">
            <img src="../honestlyinnovative/images/Home Page Banner Image 3.png" class="d-block w-100" title="Move your cursor over the image to stop the images from rotating">
            <div class="carousel-caption d-none d-md-block">
                <h5></h5>
            </div>
        </div>
                <div class="carousel-item" data-interval="5000">
            <img src="../honestlyinnovative/images/Home Page Banner Image 2.png" class="d-block w-100" title="Move your cursor over the image to stop the images from rotating">
            <div class="carousel-caption d-none d-md-block">
                <h5></h5>
            </div>
        </div>
            </div>
    <a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div></div>
<div class="container" style="margin: 0px !important; border: 0px !important; padding: 0px !important;">
<div class="row smallbottompad xsmalltoppad">
    &nbsp;
</div>
<div class="row xsmallleftpad">
    <div class="col-4 bigleftpad rightpad bottompad smalltoppad" style="background-color: white;border-right: 1.5px solid black;">
        <span class="pagefont sectioncolor" id="aboutus_top" style="text-align:center;display:block;font-weight: 600;">ABOUT US</span><br>
        <span class="fontsizesmall" style="display:block; text-align: left;">
          I’ve always been a firm believer in not spending more than I have to. &lt;BR&gt;&lt;BR&gt;

As someone who’s always been crafty, I’ve been making handmade gifts for years. When friends and family started asking if they could buy my creations, Honestly Innovative was born. My goal? To collaborate with YOU to deliver quality products at affordable prices.&lt;BR&gt;&lt;BR&gt;

My team and I have worked hard to build an amazing group of returning clients, and we’re taking things to the next level by building a reputable online presence. As our business grows, our dedication to you will never waiver.

Thank you for being part of this journey with us. Your support means the world!        </span>
    </div>    
    <div class="col-4 leftpad rightpad bottompad smalltoppad" style="background-color: white;border-right: 1.5px solid black;">
                    <span class="pagefont sectioncolor" id="products_top" style="text-align:center;display:block;font-weight: 600;">April and May CELEBRATIONS</span><br>
                <div class="fontsizesmall" style="padding-left: 0px;margin-left:0px;text-align: left">
                        <ul class="smallleftpad">
                                        <li class="leftpad fontsizesmall" style="padding-left:0;margin:0;border:0;display: list-item; text-align: left;list-style-type: disc;"><a href="https://www.storessimple.com/honestlyinnovative/35501" target="_blank" style="color:blue">Class of 85? Order your Swag NOW!</a></li>
                                                                            <li class="leftpad fontsizesmall" style="padding-left:0;margin:0;border:0;display: list-item; text-align: left;list-style-type: disc;"><a href="https://www.storessimple.com/honestlyinnovative/hi2025" target="_blank" style="color:blue">Healthcare, Teachers, Moms, Military</a></li>
                                                                                                            <li class="leftpad fontsizesmall" style="padding:0;margin:0;border:0;display: list-item; text-align: left;list-style-type: disc;">UPCOMING:</li>
                                                            <li class="leftpad fontsizesmall" style="padding:0;margin:0;border:0;display: list-item; text-align: left;list-style-type: disc;">Dads, Grads and 4th of July!</li>
                                                                </ul>
        </div>
    </div>    
    <div class="col-4 leftpad rightpad bottompad smalltoppad" style="background-color: white;">
        <span class="pagefont sectioncolor" id="contactus_top" style="text-align:center;display:block;font-weight: 600;">CONTACT US</span><br>
        <div class="row fontsizesmall smallleftpad smallbottompad" style="display:block; text-align: left;">
        To contact us, call us at <a class=" sectioncolor" href="tel:(845) 565-0267">(845) 565-0267</a>,<br>
        or email us at <a class=" sectioncolor" href="mailto:honestlyinnovative@gmail.com">honestlyinnovative@gmail.com</a>
        </div>
        <div class="row fontsizesmall smallleftpad smallbottompad" style="display:block; text-align: left;">
            <b>Address:</b><br>Newburgh, NY 12550<br>        </div>
        <div class="row fontsizesmall smallleftpad" style="display:block; text-align: left;">
            Referrals and positive reviews are the highest compliment you can give us!        </div>
        <div class="row fontsizesmall smalltoppad smallleftpad smallbottompad" style="display:block; text-align: left;">Follow Us on Social Media:</div>
        <div id="social" class="social row" style="padding-top: 0px !important;">
                <ul id="top-header-menu" style="padding-left: 5px;">
<!--                  https://www.webnots.com/color-codes-for-social-networking-site-icons/-->
                                      <li><a style="color:#3b5998" class="social-profile" href="https://www.facebook.com/honestlyinnovative/" title="Follow us on facebook"><i class="fab fa-facebook-f fasize"></i></a></li>
                                                                                                                                     <li><a style="color:#3f729b" class="social-profile" href="https://www.instagram.com/honestlyinnovative/" title="Follow us on instagram"><i class="social_icon fab fa-instagram fasize"></i></a></li>
                                  </ul>
        </div>
    </div>    
</div>
<div class="row smallbottompad xsmalltoppad">
    &nbsp;
</div>
</div>
</div>
<div class="row fontsizexsmall smalltoppad footerheight footerback" style="margin:0px; display: block; text-align: center;">
    <span style="color:white">&copy; 2026 &nbsp;All rights reserved.</span>
            &nbsp;&nbsp;<a href="../honestlyinnovative/images/tandc.pdf" style="color:white;" target="_blank">Terms &amp; Conditions.</a>
                &nbsp;&nbsp;<a href="../honestlyinnovative/images/priv.pdf" style="color:white;" target="_blank">Privacy Policy.</a>
    </div>

</body>
</html>
