.head{
height:230px;
background: url('https://dshopit.com/images/balloon-1347434_960_720.jpg') no-repeat center center;
background-size: 100% 180%;
}
.head h2{
position:absolute;
font-size:200%;
left:50%;
top:50%;
transform: translate(-50%, -50%);
background:#6fda44;
padding:5px;
color:white;
}
.menu{
background:linear-gradient(180deg, #000 15%, #4b4b4b );
height:auto;
padding:5px;
cursor:pointer;
}
.menu:hover .glyphicon {
background:#6fda44;
}
.menu:hover h3{
color:#6fda44;
}
.glyphicon{
transition: ease-in .5s;
color:#2c3e50;
background: white;
padding:10px;
font-size:30px;
border-radius:10%;
margin:5px;
}
.menu h3{
padding:0!important;
margin:5px;
font-size:17px;
color: white;
transition: ease-out .5s;
}
.title{
margin-top: 15px;
color:black;
font-size:16px;
border-bottom: 3px solid #6fda44;
padding:0px;
}
.box-top{
background:#6fda44;
color:white;
border-radius: 10px 10px 0 0;
margin-top: 25px;
border:2px solid black;
border-bottom:none;
font-size:16px;
padding:10px;
}
.box{
background:#f0f0f0;
width:100%;
border-radius: 0px 0px 10px 10px;
padding:7.5px;
border:2px solid black;
border-top:none;
}
.gallery{
width:100%;
height:100%;
}
.thumb img{
width:10%;
}
.thumb img[src*="%%%INSERT"] {
display: none;
}
.wrap{
background:url(https://i.ebayimg.com/00/s/MTE3OFgxMjAw/z/OU8AAOSwJFBcN5HW/$_1.PNG?set_id=2) no-repeat center center;
background-size:contain;
width:100%;
height:400px;
}
@media screen and (max-width: 400px) and (min-width: 320px) {
.wrap{height:200px;}
}
.try1, .try2, .try3{
display:none;
width:100%;
height:100%;
}
.try1:target {
background:url(https://i.ebayimg.com/00/s/MTE3OFgxMjAw/z/OU8AAOSwJFBcN5HW/$_1.PNG?set_id=2) no-repeat center center;
display:block;
background-size:contain;
}
.try2:target {
background:url(%%%INSERT_IMAGEURL2_HERE%%%) no-repeat center center;
display:block;
background-size:contain;
}
.try3:target {
background:url(%%%INSERT_IMAGEURL3_HERE%%%) no-repeat center center;
display:block;
background-size:contain;
}
dt {
font-weight: bold;
}
dl {
margin-bottom: 50px;
}
#bug:target {
outline: 4px solid #ccc;
}
/**
* tab panel widget
*/
.tabPanel-widget {
position: relative; /* containing block for headings (top:0) */
background: #999;
}
/**
* because labels come first in source order - we use z-index to move them in front of the headings
*/
.tabPanel-widget > label {
position: absolute;
z-index: 1;
}
/**
* labels and headings must share same values so grouping declarations in this rule prevents async edits (risk of breakage)
* line-height == height -> vertical centering
* the width dictates the offset for all headings but the first one: left offset = width * number of previous heading(s)
* note that width and offset of label/heading pair can be customized if necessary
*/
.tabPanel-widget > label,
.tabPanel-widget > h2 {
font-size: 1.1em;
width: 9em;
height: 2em;
line-height: 2em;
}
/**
* position:relative is for the markers (the down arrow in tabs)
*/
.tabPanel-widget > h2 {
position: relative;
margin: 0;
text-align: center;
background: #999;
color: #fff;
}
.tabPanel-widget > label {
border-right: 1px solid #fff;
}
/**
* all first level labels and headings after the very first ones
*/
.tabPanel-widget > label ~ label,
.tabPanel-widget > h2 ~ h2 {
position: absolute;
top: 0;
}
/**
* We target all the label/heading pairs
* we increment the :nth-child() params by 4 as well as the left value (according to "tab" width)
*/
.tabPanel-widget label:nth-child(1),
.tabPanel-widget h2:nth-child(3) {
left: 0em;
}
.tabPanel-widget label:nth-child(5),
.tabPanel-widget h2:nth-child(7) {
left: 9em;
}
.tabPanel-widget label:nth-child(9),
.tabPanel-widget h2:nth-child(11) {
left: 18em;
}
/**
* we visually hide all the panels
* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
*/
.tabPanel-widget input + h2 + div {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding:0 !important;
border:0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
/**
* we reveal a panel depending on which control is selected
*/
.tabPanel-widget input:checked + h2 + div {
position: static !important;
padding: 1em !important;
height: auto !important;
width: auto !important;
}
/**
* shows a hand cursor only to pointing device users
*/
.tabPanel-widget label:hover {
cursor: pointer;
}
.tabPanel-widget > div {
background: #f0f0f0;
padding: 1em;
}
/**
* we hide radio buttons and also remove them from the flow
*/
.tabPanel-widget input[name="tabs"] {
opacity: 0;
position: absolute;
}
/**
* this is to style the tabs when they get focus (visual cue)
*/
.tabPanel-widget input[name="tabs"]:focus + h2 {
outline: 1px dotted #000;
outline-offset: 10px;
}
/**
* reset of the above within the tab panel (for pointing-device users)
*/
.tabPanel-widget:hover h2 {
outline: none !important;
}
/**
* visual cue of the selection
*/
.tabPanel-widget input[name="tabs"]:checked + h2 {
background: #333;
}
/**
* the marker for tabs (down arrow)
*/
.tabPanel-widget input[name="tabs"]:checked + h2:after {
content: '';
margin: auto;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
}
/**
* Make it plain/simple below 45em (stack everything)
*/
@media screen and (max-width: 45em) {
/* hide unecessary label/control pairs */
.tabPanel-widget label,
.tabPanel-widget input[name="tabs"] {
display: none;
}
/* reveal all panels */
.tabPanel-widget > input + h2 + div {
display: block !important;
position: static !important;
padding: 1em !important;
height: auto !important;
width: auto !important;
}
/* "unstyle" the heading */
.tabPanel-widget h2 {
width: auto;
position: static !important;
background: #999 !important;
}
/* "kill" the marker */
.tabPanel-widget h2:after {
display: none !important;
}
}
.tabPanel-widget img{
height:80px;
margin-left:50%;
transform: translateX(-50%);
}
.footer{
height:auto;
background:#242424;
color:white;
padding:10px;
}
Sumthingforeveryone
- TASTE THE DIFFERENCE - Don't settle for pre-ground coffee or noisy electric grinders; start your morning the gentle way with our precision manual burr coffee grinder giving you precision milled coffee you can use with any coffee maker including Aeropress, French Press or pour-over coffee dripper.
- QUALITY - Our ceramic grinder lets you choose the grind fineness, and stainless steel body gives you the best coffee grinder available, built to last through many years of use. There are many similar coffee grinders available in market, but ours has modified nylon parts to increase its lifetime. Generous 100ml capacity leaves you with just the right amount to make your perfect cup of coffee.
- PORTABILTY - Our hand coffee grinder is completely portable. Take it with you on your next road trip or camping excursion and taste the difference anywhere.
- ECO FRIENDLY - Most coffee grinders are dependent on electricity; ours is eco-friendly, quiet, and powered entirely by the easy-grip hand crank. Our manual coffee grinder will quickly become part of your morning routine.
Why settle for pre-ground coffee or noisy electric coffee grinders?
Why our Ceramic Burr Coffee Grinder is superior to similar products:
- Our manual burr coffee grinder gives you the best hand grinder available, anywhere.
- Our ceramic grinder lets you choose the grind fineness, and stainless steel body gives you the best coffee grinder available, built to last through many years of use. Generous 100ml capacity leaves you with just the right amount to make your perfect cup of coffee.
- Our hand coffee grinder is completely portable. Take it with you on your next road trip or camping excursion and taste the difference anywhere. Measuring just 7 inches high, it will easily fit in your bag or carryon.
- Most coffee grinders are dependent on electricity; ours is eco-friendly, quiet, and powered entirely by the easy-grip hand crank. Our manual coffee grinder will quickly become part of your morning routine.
Please Note: The digital images we display have the most accurate color possible. However, due to differences in computer monitors, we cannot be responsible for variations in color between the actual product and your screen.
Restocking Fees May Apply
img{max-width:100%;height:auto;}
Additional information
Brand | Unbranded |
---|---|
MPN | Does Not Apply |
Call
+1 (312) 625 6931
Address
2301 W Miners Dr
Dunlap, IL 61525
USA
Stay Connected
Sign up to receive exclusive deals!
Reviews
There are no reviews yet.