SpiritCups - Template

Developer
Ken Westphal
Size
2,853 Kb
Views
12,144
  1. SpiritCups - Template Previews
  2. SpiritCups - Template HTML Codes
  3. SpiritCups - Template CSS Codes

How do I make an spiritcups - template?

What is a spiritcups - template? How do you make a spiritcups - template? This script and codes were developed by Ken Westphal on 26 December 2022, Monday.

SpiritCups - Template Previews
IQ Test

SpiritCups - Template - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SpiritCups - Template</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="https://fonts.googleapis.com/css?family=Merriweather|Open+Sans" rel="stylesheet">
<div class="wrapper">
<img src="http://www.spiritcupsfundraising.com/wp-content/uploads/2016/09/Custom-Cups-Header-1.jpg" alt="Custom Cups Header" style="max-width:100%;"/>
<div class="main-section">
<h1>Your Team + Our Cups = Champions</h1>
<img src="http://www.spiritcupsfundraising.com/wp-content/uploads/2017/01/Custom-Cups-1-435x600.jpg" alt="Custom Cups" class="custom-cup-main"/>
<p>Sell drinkware with your school design! Crafted in the USA by Dynamic Drinkware™, the leader in professional and collegiate stadium souvenir drinkware!</p> <h2>Custom Cup&trade; Features</h2>
<ul> <li>22 oz Durable Beverage Cups</li>
<li>16 oz Insulated Tumblers with Lids</li>
<li>BPA Free</li>
<li>Dishwasher Safe</li>
<li>Patented Protected INK® label technology</li> </ul> <img src="http://www.spiritcupsfundraising.com/wp-content/uploads/2017/04/custom-cups.png" alt="Cups" style="padding-top:20px; padding-bottom:20px; width:500px;text-align:center;">
</div> <div class="promo-section"> <h2>Enter your Promo Code for your FREE custom cup design</h2> <form method="post" name="myform">	<input type="text" name="promocode" id="promocode" placeholder="Enter promo code here ..."/> <input type="button" value="Submit" id="submit" onclick="validate()"/><br />	</form> </div> <div class="sil-section"> <h3>Questions?<br /> Call us: 910-632-0740</h3> <img src="https://static1.squarespace.com/static/5229fd12e4b0fdd7a4e4a509/t/5776c7f9b3db2b16d226d1a8/1468432353651" class="sil-image1"> <img src="http://www.spiritcupsfundraising.com/wp-content/uploads/2017/04/silouhettes.png" class="sil-image2"> <img src="https://static1.squarespace.com/static/5845d0626a4963b72114056f/t/58b6e98e20099e1970dfe7c1/1488382362706/" class="sil-image3"> </div>
</div>
</body>
</html>

SpiritCups - Template - Script Codes CSS Codes

body {font-size:20px; margin-top:0; margin-bottom:0; font-family: 'Open Sans', sans-serif; background-image: url("http://www.spiritcupsfundraising.com/wp-content/uploads/2017/04/bg2.jpg"); background-repeat: no-repeat; background-size: 100% 100%;}
.wrapper { max-width: 1000px; margin: 0 auto; padding:25px; background-color: #ffffff; position: relative; border-left: 0x solid #000000; border-right: 0px solid #000000; box-shadow: 3px 3px 30px grey;}
.main-section .custom-cup-main {float:left; max-width:300px; padding-right:40px;}
h1 {color:#000000;font-family: 'Merriweather', serif; padding-bottom:20px; text-align:center;}
h2 {font-family: 'Merriweather', serif;}
.promo-section {clear: left; text-align: center; background-color: #86b7df; padding: 10px; color:#ffffff; padding-bottom:40px; }
label {font-size:25px;}
input[type=text] { font-size: 18px; width:275px; padding:8px;
}
input[type=button], input[type=submit] { background-color:#F2EBDB; border: none; color: #000000; padding: 12px 32px;
font-size:15px; margin:5px; font-weight:bold;
}
ul {list-style-position: inside;}
.sil-section {text-align:center;}
.sil-section .sil-image1 { max-width:100%;}
.sil-section .sil-image3 { max-width:100%;}
.sil-section .sil-image2 { margin-top:-200px; opacity:.3; max-width:100%; z-index: -1;}
.sil-section h3 {font-size: 40px;font-family: 'Merriweather', serif;}
SpiritCups - Template - Script Codes
SpiritCups - Template - Script Codes
Home Page Home
Developer Ken Westphal
Username kenwestphal
Uploaded December 26, 2022
Rating 3
Size 2,853 Kb
Views 12,144
Do you need developer help for SpiritCups - Template?

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!

Ken Westphal (kenwestphal) Script Codes
Name
A Pen by Ken Westphal
Percentage Bubbles
Squarespace Rotating Words
SC Get Started Page
PCSD Circles v3
PCSD - Circles v2 - audio
PCSD Report Card
PCSD - Circles v1
Squarespace Rotating Words v2
PCSD Red Circles with Lines
Create amazing love letters 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!