ZC v2

Developer
Andrew Wright
Size
7,385 Kb
Views
10,120
  1. ZC v2 Previews
  2. ZC v2 HTML Codes
  3. ZC v2 CSS Codes

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 Previews
IQ Test

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&nbsp;<em style="font-weight: 300;">(x2)</em> <br>Wasabi & Chives&nbsp;<em style="font-weight: 300;">(x1)</em></h3>	<p>3 for the price of 2 <span class="divider">/</span> <span class="discount">33%&nbsp;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&nbsp;<em style="font-weight: 300;">(x4)</em> <br>Wasabi & Chives&nbsp;<em style="font-weight: 300;">(x4)</em></h3>	<p>8 for the price of 5 <span class="divider">/</span> <span class="discount">38%&nbsp;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&nbsp;<em style="font-weight: 300;">(x8)</em> <br>Wasabi & Chives&nbsp;<em style="font-weight: 300;">(x8)</em></h3>	<p>16 for the price of 8 <span class="divider">/</span> <span class="discount">50%&nbsp;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%;
}
ZC v2 - Script Codes
ZC v2 - Script Codes
Home Page Home
Developer Andrew Wright
Username andrewwright
Uploaded December 06, 2022
Rating 3
Size 7,385 Kb
Views 10,120
Do you need developer help for ZC v2?

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!

Andrew Wright (andrewwright) Script Codes
Name
Flat Chrome Demo Window
A Pen by Andrew Wright
Appointment Contact Form
ZC
Simple Blockquote Styling
Toast CSS
Classy Blockquote Styling
Create amazing web content with AI!

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!