Send email

Developer
Anthony Young
Size
3,253 Kb
Views
10,120
  1. Send email Previews
  2. Send email HTML Codes
  3. Send email CSS Codes

How do I make an send email?

Contact page in same style as notepaper. What is a send email? How do you make a send email? This script and codes were developed by Anthony Young on 31 October 2022, Monday.

Send email Previews
IQ Test

Send email - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Send email</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section class="notepaper"> <figure class="quote"> <blockquote class="curly-quotes" cite="https://www.youtube.com/watch?v=qYLrc9hy0t0"> The same wind blows on us all. The difference in arrival is not the blowing of the wind, but the set of the sail. </blockquote> <figcaption class="quote-by">— Jim Rohn</figcaption> </figure> </section> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Send email - Script Codes CSS Codes

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;
}
table { border-collapse: collapse; border-spacing: 0;
}
/* ======================================================== Page ===================================================== */
body { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; color: #404040; background: #dce1e1;
}
/* ======================================================== Notepaper ===================================================== */
.notepaper { position: relative; margin: 80px auto; width: 280px; padding: 29px 20px 20px 45px; line-height: 30px; color: #6a5f49; text-shadow: 0 1px 1px white; background-color: #f2f6c1; background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px); background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px); background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px); border: 1px solid #c3baaa; background: url("http://demo.jigoshop.com/jigotheme/wp-content/themes/jigotheme/images/layout/envelope.png") repeat-x scroll center top transparent; /*border-image: url('http://demo.jigoshop.com/jigotheme/wp-content/themes/jigotheme/images/layout/envelope.png') 10% 20% 25% 100% repeat;*/ /* IE 8 */ border-color: rgba(195, 186, 170, 0.9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}
.notepaper:before, .notepaper:after { content: ''; position: absolute; top: 0; bottom: 0;
}
.notepaper:before { left: 28px; width: 2px; border: solid #efcfad; /* IE 8 */ border-color: rgba(239, 207, 173, 0.9); border-width: 0 1px;
}
.notepaper:after { z-index: -1; left: 0; right: 0; background: rgba(242, 246, 193, 0.9); border: 1px solid rgba(170, 157, 134, 0.7); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg);
}
.quote { font-family: Georgia, serif; font-size: 14px;
}
.curly-quotes:before, .curly-quotes:after { display: inline-block; vertical-align: top; font-size: 50px; opacity: .2; line-height: 48px; height: 30px;
}
.curly-quotes:before { content: '\201C'; margin-right: 4px; margin-left: -8px;
}
.curly-quotes:after { content: '\201D'; margin-left: 4px; margin-right: -8px;
}
.quote-by { display: block; padding-right: 10px; text-align: right; font-size: 13px; color: #84775c; font-style: italic;
}
.lt-ie8 .notepaper { padding: 15px 25px;
}
/* IE 6 & 7 */
/* ======================================================== About ===================================================== */
.about { margin: 80px auto; padding: 15px 20px; width: 300px; text-align: center; color: #777; text-shadow: 0 1px rgba(255, 255, 255, 0.5); background: rgba(0, 0, 0, 0.05); border-radius: 3px;
}
.about a { padding: 1px 3px; margin: 0 -1px; color: #1468c8; text-decoration: none; border-radius: 2px;
}
.about a:hover { color: white; text-shadow: 0 1px #0063A6; background: #0090D2;
}
.links { zoom: 1;
}
.links:before, .links:after { content: ""; display: table;
}
.links:after { clear: both;
}
.links a { padding: 6px 0; float: left; width: 50%; font-size: 14px;
}
.author { margin-top: 15px; font-size: 11px;
}
Send email - Script Codes
Send email - Script Codes
Home Page Home
Developer Anthony Young
Username ayoungh
Uploaded October 31, 2022
Rating 3
Size 3,253 Kb
Views 10,120
Do you need developer help for Send email?

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!

Anthony Young (ayoungh) Script Codes
Name
Material header and menu drawer
React - Table with expanding rows
Particle.js play
Anthony Young - ayoungh.co.uk Material Design mashup
Scroll Progress Indicator With jQuery and SVG
Hover reveal images
Pagination effect for images
Drop down sidebar
Keypress check mobile
Mobile push in nav
Create amazing video scripts 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!