Email Marketing Mock

Developer
Kristen Zirkler
Size
8,224 Kb
Views
20,240
  1. Email Marketing Mock Previews
  2. Email Marketing Mock HTML Codes
  3. Email Marketing Mock CSS Codes

How do I make an email marketing mock?

What is a email marketing mock? How do you make a email marketing mock? This script and codes were developed by Kristen Zirkler on 16 October 2022, Sunday.

Email Marketing Mock Previews
IQ Test

Email Marketing Mock - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Email Marketing Mock</title> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @font-face { font-family: 'Gloriola'; src: url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.eot"); src: url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.eot?#iefix") format("embedded-opentype"), url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.woff") format("woff"), url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.ttf") format("truetype"), url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.svg#ms_gloriola_ii_stdlight") format("svg"); font-weight: normal; font-style: normal;
}
body { background: #fff; margin: 0; font-family: Arial,Helvetica,sans-serif; line-height: 1.4em;
}
a { text-decoration: none; cursor: pointer; color: #333;
}
h1 { font-size: 2.2em; margin: 0 0 .5em; font-family: Gloriola, sans-serif;
}
.main { background: #fff;
}
.company-header ul { height: 60px; line-height: 60px;
}
.company-header .nav { border-bottom: 1px solid #ccc; font-family: Gloriola, sans-serif; text-align: center;
}
.company-header .nav a { color: #333; padding: 0 .5em; line-height: 60px; display: inline-block;
}
.branch-card { background: #6f2b24; height: 120px; overflow: hidden;
}
.branch-card .logo { display: block; padding: 50px 20px;
}
.branch-card .logo img { max-width: 200px;
}
.branch-card .card { float: right; color: #fff; width: 280px; font-size: .9em; line-height: 1.2em;
}
.branch-card .card a { color: #fff;
}
.branch-card .headshot { width: 120px; margin-left: 30px; float: left;
}
.branch-card span { width: 130px; display: block; padding-top: 18px; float: left;
}
.headline-image { height: 375px; overflow: hidden; position: relative; margin: auto;
}
.headline-image img { width: 100%;
}
.headline-image i { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; vertical-align: middle; z-index: 2; font-size: 5em; opacity: .7; width: 80px; height: 80px; color: #fff;
}
.button { background: #6f2b24; color: #fff; padding: .5em 1em; margin: 0 auto; display: inline-block; font-family: 'Gloriola'; font-size: 1.3em;
}
.slide { max-width: 900px; margin: 0 auto 2em; clear: left; padding: 60px 40px 40px; border-bottom: 1px solid #ccc;
}
.profile-content h2 { font-family: Gloriola, sans-serif; font-size: 2.5em; line-height: 1.3em; margin: 0 0 .5em; text-align: center;
}
.profile-content ul { max-width: 700px; margin: 0 auto 1em;
}
.profile-content li { margin-bottom: 2em; color: #666; font-size: .9em;
}
.profile-content .video { max-width: 700px; margin: 1em auto; height: 350px; overflow: hidden; position: relative;
}
.profile-content .video img { width: 100%;
}
.profile-content .video i { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; vertical-align: middle; z-index: 2; font-size: 5em; opacity: .7; width: 80px; height: 80px; color: #fff;
}
.profile-content .links { max-width: 700px; margin: 0 auto 2em; overflow: hidden;
}
.profile-content .links .button { float: left;
}
.profile-content .links .link { float: right; color: #ccc; font-size: .8em;
}
.callout-content { position: relative; overflow: hidden;
}
.callout-content div { font-size: 1.5em; line-height: 1.5em; margin-bottom: .5em; font-family: Gloriola, sans-serif; color: #6f2b24;
}
.callout-content h2 { font-size: 2em; line-height: 1.5em; margin-bottom: .5em; font-family: Gloriola, sans-serif;
}
.disclosure { font-size: .8em; color: #666;
}
.disclosure p { margin-bottom: 1.2em;
}
/* Below Tablet ----------- */
/* Below Mobile ----------- */
@media only screen and (max-width: 480px) { .company-header { position: relative; } .company-header .nav { display: none; } .company-header .branch-card { height: 135px; } .company-header .branch-card .card { position: absolute; top: 0; float: none; width: 100%; } .company-header .branch-card .card span { margin: 20px 10px 0; width: 200px; } .company-header .branch-card .card img { position: absolute; top: 10px; right: 10px; width: 115px; height: 115px; } .company-header .branch-card .logo { padding: 10px; } .slide { padding: 20px; } .callout-content div { font-size: 1em; } .profile-content h2 { font-size: 2em; } .profile-content .video { width: 280px; height: 150px; } .headline-image { height: 225px; } .headline-image img { height: 225px; }
}
.center { text-align: center;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div id="main" class="main"> <div class="company-header"> <div class="branch-card"> <div class="card"> <span>Tim Byrnes<br>Complex Manager<br>(617) 748-5820<br><a href="mailto:[email protected]">Email Me</a> | <a href="http://www.morganstanleyfa.com/thewaltersgroup/story.htm" target="_blank">My Bio</a><br><a href="#">Visit My Website</a></span> <img class="headshot" src="http://www.50shadesofage.com/wp-content/uploads/2013/02/George-Clooney-headshot.jpg"> </div> <a class="logo" href=""><img src="http://www.morganstanleybranch.com/public/projectfiles/77a787d9-1a02-4d90-97fe-25571d440384.png" ></a> </div> <div class="headline-image"> <img src="http://imgsg.jobing.com/_dropbox/ms/ms-sample-video.jpg" /> <i class="fa fa-play-circle"></i> </div> <ul class="nav"> <li> <span>Select Your Areas Of Interest:</span> <a onclick="$('#slide1').animatescroll();">Capital Markets</a> <a onclick="$('#slide2').animatescroll();">Financial Planning</a> <a onclick="$('#slide3').animatescroll();">Consulting Group</a> </li> </ul> </div> <div class="slide callout-content"> <div class="callout"> <h2>Dave, take your place among the elite.</h2> <p>Our Financial Advisors strive to earn the trust and help achieve the goals of many individuals, families and institutions in Illinois. With a full suite of services, we look to deliver the resources that can best accomplish each client’s unique goals.</p> </div> </div> <div class="slide profile-content" id="slide1"> <h2>Capital Markets</h2> <div class="video"> <img src="https://i.vimeocdn.com/video/169957761_640.jpg"> <i class="fa fa-play-circle"></i> </div> <ul> <li>The Capital Markets group helps our clients identify investment opportunities amid a constantly evolving financial landscape. Whether it's a merger and acquisition, an initial public or follow-on offering, an interest rate change by a central bank or a debt issuance by a local government, our team of more than 200 analysts, traders and product specialists evaluates these types of deals every day and makes buy, hold and sell recommendations to you and your Financial Advisor that may help you reach your financial objectives.</li> </ul> <div class="links"><a href="http://www.morganstanley.com/about/careers/pdf/SA_GCM_NA.pdf" class="button">Learn More</a><a onclick="$('#main').animatescroll();" class="link">Back to Top</a></div> </div> <div class="slide profile-content" id="slide2"> <h2>Financial Planning</h2> <div class="video"> <img src="https://graphics8.nytimes.com/images/2014/02/08/business/dbpix-morgan-stanley/dbpix-morgan-stanley-videoSixteenByNine600.jpg"> <i class="fa fa-play-circle"></i> </div> <ul> <li>A Financial Advisor, you are entirely responsible for yourself and your income. It is a highly competitive business, and there is a lot of competition. You need to be organized, focused, and highly disciplined. Can you make at least 100 cold calls a day? Do you believe in your abilities enough to withstand rejection, and challenges to your opinions? Do you genuinely like helping people, talking with them, engaging in conversation that may not result in immediate tangible benefit you are a good fit for Morgan Stanley Wealth Management by exploring the information here.</li> </ul> <div class="links"><a href="#" class="button">Learn More</a><a onclick="$('#main').animatescroll();" class="link">Back to Top</a></div> </div> <div class="slide profile-content" id="slide3"> <h2>Consulting Group</h2> <div class="video"> <img src="http://imgsg.jobing.com/_dropbox/ms/ms-sample-video1.jpg"> <i class="fa fa-play-circle"></i> </div> <ul> <li>There are no shortcuts can you make at least 100 cold calls a day? Do you believe in your abilities enough to withstand rejection, and challenges to your opinions? Do you genuinely like helping people, talking with them, engaging in conversation that may not result in immediate tangible benefit you are a good fit for Morgan Stanley Wealth Management by exploring the information here. There are no shortcuts to success in this business, and you'll need to be demanding of yourself. But there's something else – you are responsible for treating your clients properly, disclosing what they need to hear, and doing your absolute best to help them. Not only is this the right thing to do, it's essential to your own success.</li> </ul> <div class="links"><a href="#" class="button">Learn More</a><a onclick="$('#main').animatescroll();" class="link">Back to Top</a></div> </div> <div class="slide disclosure"> <p>The securities/instruments, investments and investment strategies discussed on this website may not be suitable for all investors. The appropriateness of a particular investment or investment strategy will depend on an investor's individual circumstances and objectives. The views and opinions expressed on this website may not necessarily reflect those of Morgan Stanley Smith Barney LLC (“Morgan Stanley”).</p> <p>Morgan Stanley and its Financial Advisors/Private Wealth Advisors do not provide tax or legal advice. To the extent that this website (including material or any attachments) concerns tax matters, it is not intended to be used and cannot be used for the purpose of avoiding tax penalties that may be imposed by law. Visitors to this website should consult their tax advisor for matters involving taxation and tax planning and their attorney for matters involving trust and estate planning and other legal matters.</p> <p>Morgan Stanley Financial Advisors and Private Wealth Advisers may only transact business in states where they are registered or excluded or exempted from registration. Transacting business, follow-up and individualized responses involving either effecting or attempting to effect transactions in securities, or the rendering of personalized investment advice for compensation, will not be made to persons in states where Morgan Stanley Financial Advisers/Private Wealth Advisers are not registered or excluded or exempt from registration. This website and its associated content are intended for U.S. residents only.</p> <p>Certified Financial Planner™ Board of Standards Inc. owns the certification marks CFP®, CERTIFIED FINANCIAL PLANNER™ and CFP® (with flame logo)® in the U.S., which it awards to individuals who successfully complete CFP® Board's initial and ongoing certification requirements.</p> <p>Investment Management Consultants Association, Inc. owns the marks CIMA®, Certified Investment Management AnalystSM (with graph element)®, and Certified Investment Management AnalystSM.</p> <p>The use of the CDFA™ designation does not permit the rendering of legal advice by Morgan Stanley or its Financial Advisors which may only be done by a licensed attorney. The CDFA™ designation is not intended to imply that either Morgan Stanley or its Financial Advisors are acting as experts in this field.</p> </div> <div class="disclosure center"> <p>&copy;2014 Morgan Stanley Smith Barney LLC. Member <a href="http://www.sipc.org/">SIPC</a>. All rights reserved.</p> <p><a href="http://www.morganstanley.com/privacy_pledge.html" target="_blank">Privacy &amp; Cookies</a> | <a href="http://www.morganstanley.com/terms.html" target="_blank">Terms of Use</a> | <a href="http://www2.morganstanley.com/wealth/investmentsolutions/disclosures.asp" target="_blank">Disclosures</a> | <a href="http://www.morganstanley.com/about/ir/shareholder/morganstanley_smithbarney_llc.pdf%20" target="_blank">Morgan Stanley Smith Barney LLC Financial Statement</a> | <a href="http://www.morganstanley.com/about/ir/shareholder/morganstanley_co_inc.pdf" target="_blank">Morgan Stanley &amp; Co. LLC Financial Statement</a></p> </div> </div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://imgsg.jobing.com/_dropbox/ms/animatescroll.js'></script>
</body>
</html>

Email Marketing Mock - Script Codes CSS Codes

@font-face { font-family: 'Gloriola'; src: url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.eot"); src: url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.eot?#iefix") format("embedded-opentype"), url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.woff") format("woff"), url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.ttf") format("truetype"), url("http://imgsg.jobing.com/_dropbox/ms/ms_gloriola_ii_std_light-webfont.svg#ms_gloriola_ii_stdlight") format("svg"); font-weight: normal; font-style: normal;
}
body { background: #fff; margin: 0; font-family: Arial,Helvetica,sans-serif; line-height: 1.4em;
}
a { text-decoration: none; cursor: pointer; color: #333;
}
h1 { font-size: 2.2em; margin: 0 0 .5em; font-family: Gloriola, sans-serif;
}
.main { background: #fff;
}
.company-header ul { height: 60px; line-height: 60px;
}
.company-header .nav { border-bottom: 1px solid #ccc; font-family: Gloriola, sans-serif; text-align: center;
}
.company-header .nav a { color: #333; padding: 0 .5em; line-height: 60px; display: inline-block;
}
.branch-card { background: #6f2b24; height: 120px; overflow: hidden;
}
.branch-card .logo { display: block; padding: 50px 20px;
}
.branch-card .logo img { max-width: 200px;
}
.branch-card .card { float: right; color: #fff; width: 280px; font-size: .9em; line-height: 1.2em;
}
.branch-card .card a { color: #fff;
}
.branch-card .headshot { width: 120px; margin-left: 30px; float: left;
}
.branch-card span { width: 130px; display: block; padding-top: 18px; float: left;
}
.headline-image { height: 375px; overflow: hidden; position: relative; margin: auto;
}
.headline-image img { width: 100%;
}
.headline-image i { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; vertical-align: middle; z-index: 2; font-size: 5em; opacity: .7; width: 80px; height: 80px; color: #fff;
}
.button { background: #6f2b24; color: #fff; padding: .5em 1em; margin: 0 auto; display: inline-block; font-family: 'Gloriola'; font-size: 1.3em;
}
.slide { max-width: 900px; margin: 0 auto 2em; clear: left; padding: 60px 40px 40px; border-bottom: 1px solid #ccc;
}
.profile-content h2 { font-family: Gloriola, sans-serif; font-size: 2.5em; line-height: 1.3em; margin: 0 0 .5em; text-align: center;
}
.profile-content ul { max-width: 700px; margin: 0 auto 1em;
}
.profile-content li { margin-bottom: 2em; color: #666; font-size: .9em;
}
.profile-content .video { max-width: 700px; margin: 1em auto; height: 350px; overflow: hidden; position: relative;
}
.profile-content .video img { width: 100%;
}
.profile-content .video i { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; vertical-align: middle; z-index: 2; font-size: 5em; opacity: .7; width: 80px; height: 80px; color: #fff;
}
.profile-content .links { max-width: 700px; margin: 0 auto 2em; overflow: hidden;
}
.profile-content .links .button { float: left;
}
.profile-content .links .link { float: right; color: #ccc; font-size: .8em;
}
.callout-content { position: relative; overflow: hidden;
}
.callout-content div { font-size: 1.5em; line-height: 1.5em; margin-bottom: .5em; font-family: Gloriola, sans-serif; color: #6f2b24;
}
.callout-content h2 { font-size: 2em; line-height: 1.5em; margin-bottom: .5em; font-family: Gloriola, sans-serif;
}
.disclosure { font-size: .8em; color: #666;
}
.disclosure p { margin-bottom: 1.2em;
}
/* Below Tablet ----------- */
/* Below Mobile ----------- */
@media only screen and (max-width: 480px) { .company-header { position: relative; } .company-header .nav { display: none; } .company-header .branch-card { height: 135px; } .company-header .branch-card .card { position: absolute; top: 0; float: none; width: 100%; } .company-header .branch-card .card span { margin: 20px 10px 0; width: 200px; } .company-header .branch-card .card img { position: absolute; top: 10px; right: 10px; width: 115px; height: 115px; } .company-header .branch-card .logo { padding: 10px; } .slide { padding: 20px; } .callout-content div { font-size: 1em; } .profile-content h2 { font-size: 2em; } .profile-content .video { width: 280px; height: 150px; } .headline-image { height: 225px; } .headline-image img { height: 225px; }
}
.center { text-align: center;
}
Email Marketing Mock - Script Codes
Email Marketing Mock - Script Codes
Home Page Home
Developer Kristen Zirkler
Username kristenzirkler
Uploaded October 16, 2022
Rating 3
Size 8,224 Kb
Views 20,240
Do you need developer help for Email Marketing Mock?

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!

Kristen Zirkler (kristenzirkler) Script Codes
Name
Transparent CSS Device Windows - Browser, Tablet, Mobile
Bar loader with minimal HTML
Blog Concept - Video
Blog Concept - Large photos
Company Profile - Jobing.com Mock
Skill Grid
Responsive Grid List
HTML Mini Charts
Small Bar loader with minimal HTML
Tablet Navigation - Jobing.com
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!