My Adform Revised May 2017

Developer
Delano
Size
5,959 Kb
Views
44,528
  1. My Adform Revised May 2017 Previews
  2. My Adform Revised May 2017 HTML Codes

How do I make an my adform revised may 2017?

What is a my adform revised may 2017? How do you make a my adform revised may 2017? This script and codes were developed by Delano on 19 October 2022, Wednesday.

My Adform Revised May 2017 Previews
IQ Test

My Adform Revised May 2017 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>My Adform Revised May 2017</title>
</head>
<body> <html lang="en">
<head> <meta charset="utf-8"> <title>MyAdform | Customer Service</title> <meta name="description" content="MyAdform, the Adform Creative customer toolbox"> <meta name="author" content="AdformCreative.c"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Sanchez" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/foundation/6.2.4/foundation.min.css" rel="stylesheet"> <style> /*Navigations*/
.card-reveal-wrapper { position: relative;
} /*End of navigations*/ /*Hero Image*/
.hero-section { margin-top: 20px; background: url("https://adform.imgix.net/Support-01.png") 50% no-repeat; background-size: cover; height: 30vh; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.hero-section .mainText { color: #fefefe; text-shadow: 1px 1px 2px #0a0a0a;
} .hero-section .mainText h1 { font-family: 'Roboto Thin', sans-serif; font-size: 3.5em !important; }
.hero-section .mainText a { font-size: 3em; color: #fff; font-family: 'Roboto', sans-serif; }
/*Spotlights*/
.main-links { padding-top: 4rem; margin-bottom: 4rem;
}
.main-links h4 { font-family: "Sanchez", serif;
}
@media screen and (max-width: 39.9375em) { .main-links h4 { font-size: 1.5rem; }
}
.main-links .columns { position: relative;
}
.main-links .title-box { text-align: center; background: white; color: #4ec6cd; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: .2rem 1rem;
}
.main-links .title-box .title-box-title { margin-bottom: 0; font-family: 'Roboto Thin', sans-serif; color: #00a1e1; font-size: 3em;
}
.main-links .title-box .title-box-title:hover { color: #932749; transition: color .3s ease-in;
}
@media screen and (max-width: 39.9375em) { .main-links img { display: none; } .main-links { font-size: 0.8em; margin: 80px; } .main-links .title-box { margin: 0 auto; }
}
/* Flip Card*/
.flip-card { -webkit-perspective: 1000; perspective: 1000; border: 0; background: transparent;
}
.flip-card:hover .flip-card-inner,
.flip-card.hover .flip-card-inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
}
.flip-card,
.flip-card-inner-front,
.flip-card-inner-back { width: 100%; height: 20rem;
}
.flip-card-inner { transition: 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative;
}
.flip-card-inner-front,
.flip-card-inner-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0;
}
.flip-card-inner-front.one { background: url(http://adformcreative.com/wp-content/uploads/2015/11/shutterstock_141151414.jpg) 0 0 no-repeat; zoom: 120%; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
} .flip-card-inner-front.two { background: url(http://adformcreative.com/wp-content/uploads/2015/11/shutterstock_62632606.jpg) 0 0 no-repeat; zoom: 120%; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
.flip-card-inner-front span { width: 100%; text-align: center; font-size: 1.8rem; background: rgba(254, 254, 254, 0.8); padding: 0.25rem 0; font-weight: bold; font-family: 'Roboto Thin', sans-serif;
}
.flip-card-inner-back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; background: #fc4f00; padding: 1rem;
}
.flip-card-inner-back-title { font-weight: bold; font-family: 'Roboto', sans-serif; color: #fff; margin-bottom: 20px;
}
.flip-card-inner-back-text { line-height: 1; font-size: 14px; text-align: left; font-family: 'Roboto', sans-serif; color: #e9e9e9;
} .button.AdformGreen { background-color: #80bd00; font-size: 1.25em; color: #fff !important; } .button.AdformGreen:hover { background-color: #93d802; text-shadow: 1px 1px 2px #0a0a0a; }
/* End of Flip Card*/
/*Nav*/
.list-group { margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 0; background: #fefefe; box-shadow: none; overflow: hidden; color: #0a0a0a;
}
.list-group > :last-child { margin-bottom: 0;
}
.list-group-item { padding: 14px; border-bottom: 1px solid #e6e6e6; color: #00A1E1 !important;
}
.list-group-item > :last-child { margin-bottom: 0; border-bottom: none;
}
.list-group-item.active { color: #fefefe !important; background-color: #00a1e1; border-color: 1px solid #1779ba;
}
.list-group-item:hover, .list-group-item:focus { background-color: #e6e6e6; font-weight: bold;
}
.list-group-item:hover.active, .list-group-item:focus.active { background-color: #1779ba;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus, .list-group-item[disabled], .list-group-item[disabled]:hover, .list-group-item[disabled]:focus { color: #8a8a8a; cursor: not-allowed; background-color: #fefefe;
}
/*End of Nav*/
.image-hover-wrapper { position: relative;
}
.image-hover-wrapper a { display: inline-block; letter-spacing: normal; line-height: initial; margin: 0; padding: 0; position: relative;
}
.image-hover-wrapper a img { float: left; overflow: hidden; width: 100%;
}
.image-hover-wrapper a .image-hover-wrapper-reveal { background-color: rgba(0, 0, 0, 0.8); color: #fefefe; display: inline; height: 100%; margin-left: -100%; opacity: 0; position: absolute; width: 100%; z-index: 80; transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-delay: 0.25s;
}
.image-hover-wrapper a .image-hover-wrapper-reveal:hover { opacity: 1; transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.image-hover-wrapper a .image-hover-wrapper-reveal:hover p { opacity: 1; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-delay: 0.25s;
}
.image-hover-wrapper a .image-hover-wrapper-reveal p { bottom: 0; display: block; font-size: 1.5em; opacity: 0; position: absolute; text-align: center; width: 100%; transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.image-hover-wrapper a .fa { font-size: 30px;
}
.image-hover-wrapper .image-hover-wrapper-banner { font-damily: 'Roboto Thin', sans-serif; color: #fefefe; font-size: 4em; left: 0; padding: 0.5rem; position: absolute; top:10%; width: 100%; z-index: 10; text-align: center; text-shadow: 1px 1px 2px #0a0a0a;
}
@media screen and (max-width: 39.9375em) { .image-hover-wrapper { display: none; }
} /*Nav Cards*/
.dashboard-nav-card { margin-top: 25px; background: #0E1D61; border-radius: 0; color: #fefefe; display: block; min-height: 100px; padding: 2rem; position: relative; width: 100%;
} .dashboard-nav-card:hover { background: #FC4F00; transition: all 0.2s ease; }
.dashboard-nav-card:hover .dashboard-nav-card-title,
.dashboard-nav-card:hover .dashboard-nav-card-icon { color: #fefefe !important;
}
.dashboard-nav-card:hover .dashboard-nav-card-icon { opacity: 1; transition: all 0.2s ease;
}
.dashboard-nav-card-icon { font-size: 2rem; left: 1rem; opacity: 0.5; position: absolute; top: 1rem; transition: all 0.2s ease; width: auto;
}
.dashboard-nav-card-title { font-family: 'Roboto', sans-serif; bottom: 0; font-size: 1.25rem; position: absolute; right: 1rem; text-align: right;
}
/*End of Nav Cards*/
/*Custom Styles*/ li { display: list-item; font-size: 16px; } </style> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/foundation/6.2.4/foundation.min.js"></script> </head> <body>
<div class="row"> <div class="large-12 columns">
<div class="hero-section"> <div class="mainText"> <h1>Customer Portal</h1> <a href="http://adformcreative.com"><h5>adform creative</h5></a> </div>
</div> </div> </div> <div class="row"> <div class="large-4 medium-4 small-12 columns"> <a class="dashboard-nav-card" href="https://www.myadform.com/Login.aspx"> <i class="dashboard-nav-card-icon fa fa-sign-in" aria-hidden="true"></i> <h3 class="dashboard-nav-card-title">Login to my account ></h3>
</a> </div> <div class="large-4 medium-4 small-12 columns"> <a class="dashboard-nav-card" href="#" onclick="alert('This feature is coming soon. Stay tuned!)"> <i class="dashboard-nav-card-icon fa fa-truck" aria-hidden="true"></i> <h3 class="dashboard-nav-card-title">Track my Order ></h3>
</a> </div> <div class="large-4 medium-4 small-12 columns"> <a class="dashboard-nav-card" href="#" onclick="alert('This feature is coming soon. Stay tuned!)"> <i class="dashboard-nav-card-icon fa fa-life-ring" aria-hidden="true"></i> <h3 class="dashboard-nav-card-title">Adform Knowledge Base ></h3>
</a> </div> </div>
<!-- Start of body below --> <div class="row main-links"> <div class="large-12 columns"> <div class="title-box"> <h4 class="title-box-title">Color Types</h4> </div> <div class="featureImages"> <img src="http://adform.imgix.net/ColorTypes.jpg"> </div> </div> </div>
</div> <div class="row"> <div class="small-12 large-4 columns"> <ul class="list-group"> <li class="list-group-item active"><strong>Thread Color Charts</strong></li> <a target="_blank" href="http://adformcreative.com/wp-content/uploads/pdf/Maderia_2015Firefighter_KELJFDPN.pdf"><li class="list-group-item">Fire Resistant Threads</li></a>
<a target="_blank" href="http://adformcreative.com/wp-content/uploads/pdf/Maderia_2015polyneon_SPQOMHVD.pdf"> <li class="list-group-item">Polyneon 100% Polyester Threads</li></a> <a target="_blank" href="http://adformcreative.com/wp-content/uploads/pdf/Maderia_2015classic_TOYSYJXW.pdf"> <li class="list-group-item">Classic Rayon Threads</li></a>
</ul> </div> <div class="small-12 large-4 columns"> <ul class="list-group"> <li class="list-group-item active"><strong>PMS Charts</strong></li> <a target="_blank" href="http://adformcreative.com/wp-content/uploads/pdf/Pantone_Color_Chart.pdf"><li class="list-group-item">Pantone (PMS) Color Chart</li></a>
<a target="_blank" href="http://adformcreative.com/wp-content/uploads/pdf/Pantone_Color_Bridge.pdf"> <li class="list-group-item">Pantone/Process Color Bridge</li></a>
</ul> </div> <div class="small-12 large-4 columns"> <ul class="list-group"> <li class="list-group-item active"><strong>GCMI Color Chart</strong></li>
<a target="_blank" href="http://adformcreative.com/wp-content/uploads/2015/11/GCMI_Color_Chart.pdf"> <li class="list-group-item">GCMI Color Chart</li></a>
</ul> </div>
</div>
<div class="row main-links"> <div class="large-12 columns"> <div class="title-box"> <h4 class="title-box-title">Useful Links</h4> </div> <img src="http://adformcreative.com/wp-content/themes/meris/images/bg-2.jpg"> </div> </div> </div>
</div>
<div class="row small-up-1 medium-up-2 align-center">
<div class="column">
<div class="flip-card card" ontouchstart="this.classList.toggle('hover');">
<div class="flip-card-inner">
<div class="flip-card-inner-front one">
<span>Color Converter</span>
</div>
<div class="flip-card-inner-back">
<h3 class="flip-card-inner-back-title">Color Converter</h3> <a href="http://rgb.to/" class="button AdformGreen">Click Here for Color Converter </a>
<p class="flip-card-inner-back-text"><em>*This tool is a 3rd party tool and adform accepts no responsibility for any error in the tool or in the results in printing when the tool is used for converting or color matching. The conversion between color type are based in the references provided by the companies, but you are encouraged to check the values in the official guides on your own, especially before having your projects sent to the offset press.</em></p>
</div>
</div>
</div>
</div>
<div class="column">
<div class="flip-card card" ontouchstart="this.classList.toggle('hover');">
<div class="flip-card-inner">
<div class="flip-card-inner-front two">
<span>Thread Pantone Matching Tool</span>
</div>
<div class="flip-card-inner-back">
<h3 class="flip-card-inner-back-title">Thread Pantone Matching Tool</h3> <a href="http://www.madeiramart.com/pantone-color-match" class="button AdformGreen">Click Here for Thread Pantone Matching Tool </a>
<p class="flip-card-inner-back-text"><em>*This tool is a 3rd party tool and adform accepts no responsibility for any error in the tool or in the results in printing when the tool is used for converting or color matching. The conversion between color type are based in the references provided by the companies, but you are encouraged to check the values in the official guides on your own, especially before having your projects sent to the offset press.</em></p>
</div>
</div>
</div>
</div>
</div> <div class="row main-links"> <div class="large-12 columns"> <div class="title-box"> <h4 class="title-box-title">Artwork Requirements</h4> </div> <img src="http://adformcreative.com/wp-content/themes/meris/images/bg-3.jpg"> </div> </div> </div>
<div class="row"> <div class="large-12 columns" class="float-center"> <div class="callout large">
<div class="row"> <div class="large-12 columns" class="float-center"> <span class="label primary"><h4>For Imprinting (up to 3 colors):</h4></span>
<p><ul> <li style="display: list-item !important;">We accept AI, PDF, and EPS files for imprinting</li> <li>Vector artwork is required. If vector artwork cannot be provided, we can rebuild your art for a small fee. Please inquire with a Sales Rep for pricing.</li> <li>All text should be at a minimum font size of 5pt for USB drives and 7pt for Pens.</li> <li>All text must be converted to outlines prior to submission. We support a limited number of fonts.</li> <li>Line weight should be no smaller than 0.25pt</li> <li>Line weight, when knocked out of another shape, should be no smaller than 0.5pt</li> <li>Gradients cannot be achieved with imprinting. If gradients are required, please request Full Color printing (only applicable for USB drives).</li> <li>Shading or screening cannot be achieved with imprinting. All spot colors must be at 100%. If shading or screening is required, please request Full Color printing (only applicable for USB drives).</li> <li>Trademark (R) and TM marks should be no smaller than 0.08 inches or 2mm in diameter.</li> <li>For imprinting on hard goods, if a PMS color is not in the Pantone Solid Coated library, we cannot imprint it. Please substitute the closest PMS match using the Pantone Solid Coated library or, we can find the closest match for you.</li> <li>School shields, emblems and crests are generally very difficult to imprint at reduced sizes. We recommend selecting a larger item to accomodate the logo, or using text only when allowed.</li> </ul></p>
</div>
</div> </div> <div class="callout large">
<div class="row"> <div class="large-12 columns"> <span class="label primary"><h4>For Full Color (CMYK):</h4></span>
<i class="fa fa-angle-down close-button"><span class="show-for-sr">Close</span></i>
</span>
<p><ul> <li style="display: list-item !important;">We accept PSD, AI, PDF, EPS, TIFF and JPG files for full color printing.</li> <li>All full color art that requires a bleed, must contain a bleed of 1/8″ on all sides.</li> <li>All images must be a resolution of 300dpi or higher (dpi refers to dots per inch).</li> <li>All text must be vector or converted to outlines.</li> <li>All text should be at a minimum font size of 5pt or larger.</li> <li>For best results, provide a layered PSD file that contains all design elements on separate layers (e.g. – logo on one layer, text on another layer, images on another layer)</li>
</ul> </div>
</div>
</div>
</div>
</div> <div class="row main-links"> <div class="large-12 columns"> <div class="image-hover-wrapper"> <span class="image-hover-wrapper-banner">adformcreative.com</span> <a target="_blank" href="http://adformcreative.com"><img src="http://adform.imgix.net/LinkMainWebsite.jpg"> <span class="image-hover-wrapper-reveal"> <p>Check out our main website<br><i class="fa fa-link" aria-hidden="true"></i></p> </span> </a>
</div> </div> </div> </body>
</html> <script src='https://code.jquery.com/jquery-3.1.1.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script>
</body>
</html>
My Adform Revised May 2017 - Script Codes
My Adform Revised May 2017 - Script Codes
Home Page Home
Developer Delano
Username Delano83
Uploaded October 19, 2022
Rating 3
Size 5,959 Kb
Views 44,528
Do you need developer help for My Adform Revised May 2017?

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!

Delano (Delano83) Script Codes
Name
JerrDan New Horizontal Navigation
Label Estes With Corrections
Treehouse Full Stack Javascript
Bootstrap Validator on StringLength
Label for Estes
Nav
My Adform Revised
ConfirmationEmailOriginal
A Pen by Delano
JerrDan Home page
Create amazing art & images 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!