ZC v2
How do I make an zc v2?
What is a zc v2? How do you make a zc v2? This script and codes were developed by Andrew Wright on 06 December 2022, Tuesday.
ZC v2 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>ZC v2</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='https://raw.githubusercontent.com/daneden/Toast/master/css/grid.css'>
<link rel='stylesheet prefetch' href='css/evrvwg.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header> <div class="container"> <h1 class="logo"><img src="http://www.zerocuisine.com/ppc/img/logo.png" alt="" /></h1> <img class="cta-badge" src="https://dl.dropboxusercontent.com/u/47441550/zero_cuisine_cta_badge_free_shipping_v2.png" alt=""> </div>
</header>
<main> <div class="container"> <div class="grid"> <div class="grid__col grid__col--1-of-2"> <h2>Stay Gluten-Free This Thanksgiving - And Still Eat Great!</h2> <p>For most, the tradition of sitting around a dinner table with your closest family and friends is one of the most treasured. For others who need to avoid gluten, there is more to think about.</p> <p>This Thanksgiving, use Zero Cuisine to keep your Thanksgiving dinner healthy and gluten-free. Zero Cuisine is a gourmet cauliflower mash that is naturally gluten-free and delicious on its own or mixed into your favorite recipes.</p> <ul> <li>Use it to thicken soups without thickening your waistline.</li> <li>Make gluten-free gravy with it.</li> <li>Create “breading” for your favorite fried dishes, and more.</li> </ul> <p>Replace flour and carbs this Thanksgiving, and still have all your favorite dishes. For this holiday season, we’re offering several specials on bulk orders, and shipping is on us!</p> <ul> <li>Get 2 packs of our original Garlic Mash and we’ll throw in a complimentary Wasabi & Chives pack for you to try.</li> <li>Buy 8 packs of Zero Cuisine for the price of 5.</li> <li>Save 50% when you get 16 packs of cauliflower mash for the price of 8. </li> </ul> <p>You’ll be thankful when you add Zero Cuisine to your Thanksgiving meal.</p> </div> <div class="grid__col grid__col--1-of-2"> </div> <div class="grid"> <div class="grid__col grid__col--1-of-3"> <div class="module"> <div class="grid"> <div class="grid__col grid__col--1-of-1 grid__col--m-1-of-2"> <img class="product-image" src="https://dl.dropboxusercontent.com/u/47441550/zero_cuisine_landing_page_gluten-free_product_x2_x1.jpg" alt=""> </div> <div class="grid__col grid__col--1-of-1 grid__col--m-1-of-2"> <h3>Garlic, Herbs & Sea Salt <em style="font-weight: 300;">(x2)</em> <br>Wasabi & Chives <em style="font-weight: 300;">(x1)</em></h3> <p>3 for the price of 2 <span class="divider">/</span> <span class="discount">33% Off</span></p> <h5>Free Shipping</h5> <a href="http://www.zerocuisine.com/holiday-specials-2015/cauliflower-mash-3-pack-special" class="button">More Info</a> </div> </div> </div> </div> <div class="grid__col grid__col--1-of-3"> <div class="module"> <div class="grid"> <div class="grid__col grid__col--1-of-1 grid__col--m-1-of-2"> <img class="product-image" src="https://dl.dropboxusercontent.com/u/47441550/zero_cuisine_landing_page_gluten-free_product_x4_x4.jpg" alt=""> </div> <div class="grid__col grid__col--1-of-1 grid__col--m-1-of-2"> <h3>Garlic, Herbs & Sea Salt <em style="font-weight: 300;">(x4)</em> <br>Wasabi & Chives <em style="font-weight: 300;">(x4)</em></h3> <p>8 for the price of 5 <span class="divider">/</span> <span class="discount">38% Off</span></p> <h5>Free Shipping</h5> <a href="http://www.zerocuisine.com/holiday-specials-2015/cauliflower-mash-8-pack-special" class="button">More Info</a> </div> </div> </div> </div> <div class="grid__col grid__col--1-of-3"> <div class="module"> <div class="grid"> <div class="grid__col grid__col--1-of-1 grid__col--m-1-of-2"> <img class="product-image" src="https://dl.dropboxusercontent.com/u/47441550/zero_cuisine_landing_page_gluten-free_product_x8_x8.jpg" alt=""> </div> <div class="grid__col grid__col--1-of-1 grid__col--m-1-of-2"> <h3>Garlic, Herbs & Sea Salt <em style="font-weight: 300;">(x8)</em> <br>Wasabi & Chives <em style="font-weight: 300;">(x8)</em></h3> <p>16 for the price of 8 <span class="divider">/</span> <span class="discount">50% Off</span></p> <h5>Free Shipping</h5> <a href="http://www.zerocuisine.com/holiday-specials-2015/cauliflower-mash-16-pack-special" class="button">More Info</a> </div> </div> </div> </div> </div> </div> </div>
</main>
<footer> <div class="container"> <p><a href="http://www.zerocuisine.com/index2.html#contactus">Contact Us</a> · <a href="http://www.zerocuisine.com/privacy.html#disclaimer">Terms & Conditions</a> · <a href="http://www.zerocuisine.com/privacy.html">Privacy Policy</a></p> </div>
</footer>
<div class="overlay-color"></div>
</body>
</html>
ZC v2 - Script Codes CSS Codes
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic);
body { background: url(https://dl.dropboxusercontent.com/u/47441550/zero_cuisine_landing_page_background.jpg) no-repeat center center fixed; background-size: cover; color: #f2f2f2; font-family: 'Lato', Helvetica, sans-serif; font-size: 1.125em; font-weight: 300; line-height: 1.5; margin: 0; padding-bottom: 60px; position: relative;
}
* { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out;
}
.grid__col > :first-child { margin-top: 0;
}
img { height: auto; max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 { color: #fff;
}
h2 { font-size: 2.2em; line-height: 1.3; text-shadow: -1px 1px 0px #725b20, -2px 2px 0px #725b20, -3px 3px 0px #725b20;
}
.container h2 { margin-top: 0;
}
@media only screen and (max-width: 900px) { h2 { font-size: 1.6em; }
}
hr { border: 0; border-bottom: 4px double rgba(174, 139, 49, 0.6); margin: 2em auto;
}
.container { margin: 0 auto; padding: 0 2em; position: relative; max-width: 1100px;
}
header { background: rgba(0, 0, 0, 0.5);
}
footer { color: #fff; text-align: center;
}
footer a { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); color: #fff; font-size: 0.7em; font-weight: 700; letter-spacing: 0.08em; margin: 0.8em; padding-bottom: 0.2em; text-decoration: none; text-transform: uppercase;
}
footer a:hover { border-bottom: 1px solid #ae8b31; color: #fff;
}
.logo { line-height: 0; margin: 0; padding: .5em 0; width: 120px;
}
main { padding: 90px 0 40px;
}
header,
main,
footer { z-index: 100;
}
.overlay-color { content: ''; background: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -10;
}
@media only screen and (max-width: 700px) { .overlay-color { background: rgba(85, 50, 32, 0.65); }
}
ul { padding-left: 1em; list-style-type: none;
}
ul li { color: #fff; font-weight: 700; margin-bottom: 0.8em;
}
ul li:before { content: '⋆'; color: #ae8b31; font-size: 1.5em; line-height: 0.8em; margin-left: -1em; position: absolute;
}
.cta-badge { position: absolute; width: 180px; right: 0px; top: 10px;
}
@media only screen and (max-width: 767px) { .cta-badge { width: 150px; right: 30px; }
}
input[type=text],
input[type=email],
input[type=submit],
input[type=tel],
textarea,
select { color: #22516f; border: 3px solid #ae8b31; font-family: inherit !important; font-weight: 700; margin-bottom: 20px; padding: 1em; width: calc(100% - 40px);
}
@media only screen and (max-width: 700px) { input[type=text], input[type=email], input[type=submit], input[type=tel], textarea, select { text-align: center; }
}
input[type=submit] { color: #fff; background: #ae8b31; font-weight: 700; width: 100%;
}
input[type=submit]:hover { background: #cba647;
}
.module { background: rgba(174, 139, 49, 0.7); border: 1px solid #ae8b31; border-radius: 3px; box-shadow: 0 0 30px rgba(255, 255, 255, 0.1) inset; font-size: 0.9em; margin-bottom: 20px !important; padding: 20px; text-align: center; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5); /*.grid__col &:last-child { margin-bottom: 0; }*/
}
.module img { border-radius: 2px;
}
.module h3 { border-bottom: 4px double #0a1821; margin: 0.8em 0 0.2em; padding-bottom: 15px;
}
.module h5 { color: #0a1821; letter-spacing: 0.1em; margin: 0 0 15px; text-transform: uppercase; text-shadow: none;
}
.module h5:before, .module h5:after { content: '\00b7'; font-size: 1em; margin: 0 0.5em;
}
.button { background: #0a1821; border-radius: 3px; color: #fff; display: inline-block; font-size: 0.9em; padding: 6px 16px 8px; text-decoration: none;
}
.button:hover { background: #163448;
}
.divider { color: #0a1821; font-weight: 700; line-height: 0.8em; margin: 0 0.3em; text-shadow: none;
}
.discount { letter-spacing: 0.1em; font-weight: 700; text-transform: uppercase;
}
.grid__col { max-width: 100%;
}
Developer | Andrew Wright |
Username | andrewwright |
Uploaded | December 06, 2022 |
Rating | 3 |
Size | 7,385 Kb |
Views | 10,120 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
A Pen by Andrew Wright | 3,275 Kb |
Toast CSS | 2,914 Kb |
ZC | 4,459 Kb |
Simple Blockquote Styling | 2,009 Kb |
Classy Blockquote Styling | 3,212 Kb |
Flat Chrome Demo Window | 2,240 Kb |
ZC v2 | 7,385 Kb |
Appointment Contact Form | 3,408 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Cut and Paste Roll Link | BottomlineInteractive | 2,546 Kb |
Css3 slide | Nakome | 3,190 Kb |
Social buttons | Flacu | 2,022 Kb |
CSS-Flexbox-Demo | Sstiglets | 1,709 Kb |
Sticky notes with CSS3 | HaiNguyen007 | 2,146 Kb |
Ripples in water | Nobitagit | 2,704 Kb |
Arrow Navigation | Hinducows | 1,973 Kb |
A Pen by Jonas Bjork | Jonasbjork | 3,115 Kb |
Twinner Spinner II | Katydecorah | 2,974 Kb |
Simple jQuery Slider | Jurbank | 2,874 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!