E-Shot
How do I make an e-shot?
What is a e-shot? How do you make a e-shot? This script and codes were developed by Ana on 26 December 2022, Monday.
E-Shot - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>E-Shot</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>
<!-- jhbn -->
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Rocketfish Ltd</title>
<style>
/* ------------------------------------- GLOBAL
------------------------------------- */
* { margin:0; padding:0;
}
* { font-family: "Helvetica Neue", "Helvetica", Helvetica, 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: #fac6ae;}
.cont1 { display:block!important; color: #FFF; max-width:600px!important; text-align:center; cursor:pointer; margin-right:10px; padding:10px 16px; font-weight:bold; background-color: #ff762e; margin:0 auto!important; /* centered */ clear:both!important;
}
p.callout { padding:15px; background-color:#fac7ac; margin-bottom: 15px;
}
.callout a { font-weight:bold; color: #ff762e;
}
table.social {
/* padding:15px; */ background-color: #fac7ac;
}
.social .soc-btn { padding: 3px 7px; font-size:12px; margin-bottom:10px; text-decoration:none; color: #FFF;font-weight:bold; display:block; text-align:center;
}
a.fb { background-color: #3B5998!important; }
a.tw { background-color: #1daced!important; }
a.gp { background-color: #DB4A39!important; }
a.ms { background-color: #000!important; }
.sidebar .soc-btn { display:block; width:100%;
}
/* -------------------------------------
HEADER
------------------------------------- */
table.head-wrap { width: 100%;}
.header.container table td.logo { padding: 15px; }
.header.container table td.label { padding: 15px; padding-left:0px;}
/* ------------------------------------- BODY
------------------------------------- */
table.body-wrap { width: 100%;}
ul { margin-left: 0; padding-left: 1em; text-indent: -1em; }
/* -------------------------------------
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: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, 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;}
h4 { font-weight:500; font-size: 23px;}
h5 { font-weight:900; font-size: 17px;}
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#fac6ae;}
.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;
}
/* -------------------------------------
SIDEBAR
------------------------------------- */
ul.sidebar { background:#ebebeb; display:block; list-style-type: none;
}
ul.sidebar li { display: block; margin:0;}
ul.sidebar li a { text-decoration:none; color: #666; padding:10px 16px;
/* font-weight:bold; */ margin-right:10px;
/* text-align:center; */ cursor:pointer; border-bottom: 1px solid #777777; border-top: 1px solid #FFFFFF; display:block; margin:0;
}
ul.sidebar li a.last { border-bottom-width:0px;}
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
/* ---------------------------------------------------
RESPONSIVENESS
------------------------------------------------------ */
/* max-width*/
.container { display:block!important; max-width:600px!important; margin:0 auto!important; /* centered */ clear:both!important;
}
/* block element */
.content { padding:15px; max-width:600px; margin:0 auto; display:block;
}
/* 100% wide */
.content table { width: 100%; }
/* Odds and ends */
.column { width: 300px; float:left;
}
.column tr td { padding: 15px; }
.column-wrap { padding:0!important; margin:0 auto; max-width:600px!important;
}
.column table { width:100%;}
.social .column { width: 280px; min-width: 279px; float:left;
}
/* clear element */
.clear { display: block; clear: both; }
/* -------------------------------------------
PHONE
-------------------------------------------- */
@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="#fac6ae">
<!-- HEADER -->
<table class="head-wrap" bgcolor="#ff762e"> <tr> <td></td> <td class="header container"> <div class="content"> <table bgcolor="#ff762e"> <tr> <td><img src="http://img.pixady.com/2015/03/154486_logosmall.png" /></td> <td align="right"> </td> </tr> </table> </div> </td> <td></td> </tr>
</table><!-- /HEADER -->
<!-- BODY -->
<table class="body-wrap"> <tr> <td></td> <td class="container" bgcolor="#fdad88"> <div class="content"> <table> <tr> <td> <h3> How Google's algorithm changes will effect your business and what to do about it now. <br />
</h3>
<p></p> <a target="_blank" href="https://bit.ly/rocketmobile" class="cont1">CLICK HERE FOR YOUR FREE TICKET</a> <p></p> <!-- Image --> <p><img src="http://img.pixady.com/2015/04/438243_reserveyourplace.jpg" /></p><!-- /hero --> <!-- Callout Panel --> <p class="callout"> Join us at this free to attend event in the Mercure Manchester Piccadilly Hotel for an insightful and educational session which will help you develop a mobile strategy and protect your business. </p><!-- /Callout Panel --> <!-- Image --> <p><img src="http://img.pixady.com/2015/04/423210_customers.jpg" /></p> <p> Businesses in the North West and Nationwide could lose up to 50% of their customers overnight.
On April 21st thousands of businesses will fall victim to a Google mobile update (dubbed Mobilegeddon in the industry) because they failed to optimise their website for mobile platforms.
Google is pulling no punches when it comes to their new search algorithm by allowing the uninformed to sleepwalk into catastrophic losses. Local businesses will see a significant Google Ranking drop because of a simple design oversight, hitting those who rely largely on internet searches for leads and custom hardest.
There has been little to no coverage in national or international press but Rocketfish want the people of the North West and Manchester to know there is a solution and we will explain how. </p> <a target="_blank" href="https://bit.ly/rocketmobile" class="cont1"> There is limited availability so book now to avoid disappointment!</a> <br/> <br/> <!-- social & contact --> <table class="social" width="100%"> <tr> <td> <!--- column 1 --> <table align="left" class="column"> <tr> <td> <h5 class="">Connect with Us:</h5> <p class=""><a href="https://www.facebook.com/RocketFishSEM" class="soc-btn fb">Facebook</a> <a href="https://twitter.com/RocketfishSEM" class="soc-btn tw">Twitter</a> <a href="https://plus.google.com/+RocketfishltdCoUk" class="soc-btn gp">Google+</a></p> </td> </tr> </table><!-- /column 1 --> <!--- column 2 --> <table align="left" class="column"> <tr> <td> <h5 class="">Contact Info:</h5> <p>Phone: <strong> 0161 237 4823</strong><br/> Email: <strong> [email protected]</strong></p> </td> </tr> </table><!-- /column 2 --> <span class="clear"></span> </td> </tr> </table><!-- /social & contact --> </td> </tr> </table> </div> </td> <td></td> </tr>
</table><!-- /BODY -->
<!-- FOOTER -->
<table class="footer-wrap"> <tr> <td></td> <td class="container"> <!-- content --> <div class="content"> <table> <tr> <td align="center"> <p> </p> </td> </tr> </table> </div><!-- /content --> </td> <td></td> </tr>
</table><!-- /FOOTER -->
</body>
</html>
</body>
</html>
Developer | Ana |
Username | ARocketfish |
Uploaded | December 26, 2022 |
Rating | 3 |
Size | 4,240 Kb |
Views | 6,072 |
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 |
2 Blocks Test | 43,026 Kb |
CVS Email Preview | 4,400 Kb |
Magnus 3 | 7,944 Kb |
Video | 7,880 Kb |
MOCKUP | 97,845 Kb |
A Pen by Ana | 1,898 Kb |
Shine | 3,255 Kb |
Motorlease - version 2 | 3,844 Kb |
Magnus 2 | 7,874 Kb |
Magnus 4 | 7,982 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 |
Responsive scrolling text | Ashdurham | 2,259 Kb |
Get third wednesday | Wojtek1150 | 2,691 Kb |
Animated Donut Chart | Jplhomer | 3,808 Kb |
Birthday Party Starter | Aussieyang | 1,629 Kb |
Slider | Mohammed-fawzy | 2,634 Kb |
Obligatory CSS3 UI Nav | Romandiaz | 9,017 Kb |
Button shaking | SusanneLundblad | 2,227 Kb |
CSS3 Form | Tusharbandal | 1,836 Kb |
Blockquote design | Sjmcpherson | 1,863 Kb |
Week7 replicate | Hwcasis | 1,620 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!