A Pen by nancy

Thumbnail
This awesome code was written by nancyLim, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright nancyLim ©
  • HTML
  • CSS
  • JavaScript
    <!-- ::::::::::::::::::::ALS Flag Day - PAC Mobile ::::::::::::::::::::::::: -->
<style type="text/css">
.PromoBar  
{
  background-color: #BA3A47!important;
  margin-bottom: 0!important;  
}

  .PromoBar a {
    background-color:#37474F!important;
    color:#fff;
    border-radius: 0px!important;
    padding: 5px 10px;
  }
    .PromoBar a:hover {
    color:#A7CBD5;
  }
  
.pac-mem-hello p {
    padding: 3px!important;
    font-size: 1.2em;
    color: #fff;
    text-align: center;
	padding:0;
	margin:0;
  line-height:1.5em;
}

.pacmem {
    
    text-align: left;
    margin-left: 375px!important;
    font-size: 12pt!important;
  }
  

  /* DESKTOP */
@media screen and (min-width: 749px) {
   .pac-mem-hello, .PromoBar {
      display:none;
    }


/* MOBILE */
@media (max-width:748px) {
.pac-mem-hello p {
    font-size: 1.3em;
    margin:0 10px;
  //display:none;
 }

.csd {
}
  }
  

</style>



<div class="row no-gutter">
<div class="pac-mem-hello">
  <p><i class="fa fa-flag" aria-hidden="true" style="color:#fff;"><span style="color:#FFF;"></i><strong>&nbsp; Up To 20% Off&nbsp;  Flag Day Savings </strong> &nbsp;|&nbsp; use code: </span><span style="background-color:#3e577f; padding:10px;"><strong style="color:#fff;"> 20FLAG</strong></span></p>
</div>
</div>

/*Downloaded from https://www.codeseek.co/nancyLim/a-pen-by-nancy-BVWzRP */
    


/*Downloaded from https://www.codeseek.co/nancyLim/a-pen-by-nancy-BVWzRP */
    

Comments