A Pen by Delano
How do I make an a pen by delano?
What is a a pen by delano? How do you make a a pen by delano? This script and codes were developed by Delano on 19 October 2022, Wednesday.
A Pen by Delano - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Delano</title>
</head>
<body> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta name="viewport" content="width=device-width" /> <!-- IMPORTANT --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Order Confirmed</title> <!-- <link rel="stylesheet" type="text/css" href="stylesheets/email.css" /> --> <style> /* ------------------------------------- GLOBAL ------------------------------------- */ * { margin:0; padding:0; } * { font-family: "Tahoma", Arial, sans-serif; } img { max-width: 100%; } .collapse { margin:0; padding:0; } body { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; width: 100%!important; height: 100%; } /* ------------------------------------- ELEMENTS ------------------------------------- */ a { color: #2BA6CB;} .btn { text-decoration:none; color:#FFF; background-color:#666; width:80%; padding:15px 10%; font-weight:bold; text-align:center; cursor:pointer; display:inline-block; } p.callout { padding:15px; text-align:center; background-color:#ECF8FF; margin-bottom: 15px; } .callout a { font-weight:bold; color: #2BA6CB; } .column table { width:100%;} .column { width: 300px; float:left; } .column tr td { padding: 15px; } .column-wrap { padding:0!important; margin:0 auto; max-width:600px!important; } .columns .column { width: 280px; min-width: 279px; float:left; } table.columns, table.column, .columns .column tr, .columns .column td { padding:0; margin:0; border:0; border-collapse:collapse; } /* ------------------------------------- HEADER ------------------------------------- */ table.head-wrap { width: 100%; background: #9e9e9e;} .header.container table td.logo { padding: 15px; } .header.container table td.label { padding: 15px; padding-left:0px;} /* ------------------------------------- BODY ------------------------------------- */ table.body-wrap { width: 100%;} .content { padding: 15px 10%; display: inline-block; } div.container { background: #fff; } .products { cursor: pointer; display: inline-block; font-weight: bold; text-decoration: none; width: 80%; border: 2px solid #9E9E9E; padding-left: 8px; padding-top: 8px; margin-right: -8px; } .Subtotals { float:right; } /* ------------------------------------- FOOTER ------------------------------------- */ table.footer-wrap { width: 100%; clear:both!important; } .footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;} .footer-wrap .container td.content p { font-size:10px; font-weight: bold; } /* ------------------------------------- TYPOGRAPHY ------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-family: "Tahoma", "Open Sans", Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; } h1 { font-weight:200; font-size: 44px;} h2 { font-weight:200; font-size: 37px;} h3 { font-weight:500; font-size: 27px; underline: none; text-decoration: none; list-style-type: none;} h4 { font-weight:500; font-size: 23px;} h5 { font-weight:500; font-size: 17px; text-align: justify;} h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#fff;} .collapse { margin:0!important;} p, ul { margin-bottom: 10px; font-weight: normal; font-size:14px; line-height:1.6; } p.lead { font-size:17px; } p.last { margin-bottom:0px;} ul li { margin-left:5px; list-style-position: inside; } hr { border: 0; height: 0; border-top: 1px dotted rgba(0, 0, 0, 0.1); border-bottom: 1px dotted rgba(255, 255, 255, 0.3); } /* ------------------------------------- Shopify ------------------------------------- */ .products { width:100%; height:40px; margin:10px 0 10px 0; } .products img { float:left; height:40px; width:auto; margin-right:20px; } .products span { font-size:17px; } /* --------------------------------------------------- RESPONSIVENESS Nuke it from orbit. It's the only way to be sure. ------------------------------------------------------ */ /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */ .container { display:block!important; max-width:600px!important; margin:0 auto!important; /* makes it centered */ clear:both!important; } /* This should also be a block element, so that it will fill 100% of the .container */ .content { padding:15px; max-width:600px; margin:0 auto; display:block; } /* Let's make sure tables in the content area are 100% wide */ .content table { width: 100%; } /* Be sure to place a .clear element after each set of columns, just to be safe */ .clear { display: block; clear: both; } /* ------------------------------------------- PHONE For clients that support media queries. Nothing fancy. -------------------------------------------- */ @media only screen and (max-width: 600px) { a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;} div[class="column"] { width: auto!important; float:none!important;} table.social div[class="column"] { width:auto!important; } } </style>
</head>
<body bgcolor="#FFFFFF"> <!-- HEADER --> <table class="head-wrap" bgcolor="#9e9e9e"> <tr> <td></td> <td class="header container"> <div class="content"> <table bgcolor="#9e9e9e"> <tr> <td> <a href="http://www.jerrdanshop.com" title="JerrDan" alt="JerrDan" /> <img src="http://adform.imgix.net/jerrdan_headerlogo.png?w=200" style="text-align: left; margin: 0; padding: 10; position: relative;"> </td> <td align="right"> <h6 class="collapse">Order Confirmation</h6> </td> </tr> </table> </div> </td> <td></td> </tr> </table> <!-- /HEADER --> <!-- BODY --> <table class="body-wrap" bgcolor="#e9e9e9"> <tr> <td></td> <td class="container" bgcolor="#FFFFFF"> <div class="content"> <table> <tr> <td> <br/> <h3>Dear [%ORDER_CONTACT_PERSON%],</h3> <br/> <h5>This email is to confirm your order has been placed successfully, and will be processed & shipped to you soon. We want to thank you for placing your order with us. Your oder will be delivered by [%ORDER_SHIPTYPE%]<br> If you have any questions about your order please contact us at <a href="mailto:[email protected]?subject=Order #">[email protected]</a> or call us at (410)-244-8200</h5> <br/> <h4>Your order number is <strong>#[%ORDER_NO%]</strong></h4> <!-- address detals --> <table class="columns" width="100%"> <tr> <td> <!--- column 1 --> <table align="left" class="column"> <tr> <td> <h5 class="">Shipping address</h5> <p class=""> [%ORDER_SHIPTO%] </p> </td> </tr> </table> <table align="left" class="column"> <tr> <td> <h5 class="">Billing address</h5> <p class=""> [%ORDER_BILLTO%] </p> </td> </tr> </table> <span class="clear"></span> </td> </tr> </table> <!-- /address details --> <div class="products"> <span>[%ORDER_DETAIL%]</span> </div> <hr> <!-- Totals --> <div class="Subtotals"> <h5>Subtotal: <b style="text-align:right;">[%ORDER_SUBTOTAL%]</b><br><br> Tax: <b style="text-align:right;">[%ORDER_TAXTOTAL%]</b><br><br> Shipping: <b style="text-align:right;">[%ORDER_FREIGHT%]</b><br><br> Grand Total: <b style="text-align:right;">[%ORDER_DOCTOTAL%]</b><br> </h5> </div> <!-- Totals --> <table class="columns" width="100%"> <tr> <td> <br/> <p style="text-align:center;"> <a class="btn" href="http://jerrdanshop.com/login.aspx">Log in to view your order »</a> </p> <br/> </td> </tr> </table> </div> </td> <td></td> </tr> </table> <!-- /BODY --> <!-- FOOTER --> <table class="footer-wrap" bgcolor="#9e9e9e"> <tr> <td></td> <td class="container"> <!-- content --> <div class="content"> <table> <tr> <td align="center"> <p style="color:#d3d3d3;">Thank you for your order at <a href="http://jerrdanshop.com" style="color:#d3d3d3;">JerrDan</a>!</p> <a href="http://jerrdanshop.com/login.aspx"><img src="https://adform.imgix.net/Adform-Logo-Email-HD.png?w=130" alt="Adform Customer Service" /></a> <p><strong><a href="mailto:[email protected]" style="color:#d3d3d3;">[email protected]</a></strong></p> <p style="color:#d3d3d3;"><small>© 2016 JerrDan</small></p> </td> </tr> </table> </div> <!-- /content --> </td> <td></td> </tr> </table> <!-- /FOOTER -->
</body>
</html>
</body>
</html>
Developer | Delano |
Username | Delano83 |
Uploaded | October 19, 2022 |
Rating | 3 |
Size | 4,300 Kb |
Views | 14,168 |
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 |
JerrDan New Horizontal Navigation | 2,756 Kb |
MyAdform.com | 6,825 Kb |
Nav | 2,909 Kb |
Treehouse Full Stack Javascript | 6,450 Kb |
JerrDan Home page | 3,684 Kb |
Adform Creative Tabs | 3,000 Kb |
Adform_Referral_Program_Thank_You_Email | 3,683 Kb |
Label Estes With Corrections | 0 Kb |
Bootstrap Validator on StringLength | 2,807 Kb |
Original JerrDanBar | 2,848 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 |
Improved Page Flipping Effect | Usaphp | 5,201 Kb |
Bootstrap Responsive Menu Drawer | JesseGlacken | 3,777 Kb |
Reading Grid | Tappily | 4,306 Kb |
Siema - add pagination to prototype | Pawelgrzybek | 2,575 Kb |
My Interests | Anshusaxenaarora | 2,015 Kb |
Social Profiles | Lachlanjc | 1,939 Kb |
Beveled corners using CSS border attribute | DawsonMediaD | 2,136 Kb |
Sort the Knowlege | Eprouver | 3,915 Kb |
Subtle site navigation with description | Necks | 3,206 Kb |
A Pen by Stan Williams | Stanssongs | 6,706 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!