A Pen by Gyula Szathmary
How do I make an a pen by gyula szathmary?
What is a a pen by gyula szathmary? How do you make a a pen by gyula szathmary? This script and codes were developed by Gyula Szathmary on 02 November 2022, Wednesday.
A Pen by Gyula Szathmary Previews
A Pen by Gyula Szathmary - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Gyula Szathmary</title>
</head>
<body> <style>body { margin: 0px; padding: 0px; font-family: 'Source Sans Pro', sans-serif;
}
#sim-wrapper{ background-color: rgba(195,204,213,1); float: left; height: auto; width: 100%; margin: 0px; font-family: 'Source Sans Pro', sans-serif; padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px;
}
#sim-wrapper-newsletter{ margin-right: auto; margin-left: auto; height: auto; width: 800px;
}
.sim-row{ width: 800px; float: left; font-family: 'Source Sans Pro', sans-serif; position: relative;
}
.sim-row-header1{ width: 100%; float: left;
}
.sim-row-header1-nav{ width: 100%; float: left; background-color: rgba(255,255,255,1.00); height: 80px;
}
.sim-row-header1-nav-logo{ width: 150px; float: left; height: 80px; text-align: center; margin-left: 50px; overflow: hidden;
}
.sim-row-header1-nav-logo img { height: 80px; width: auto;
}
.sim-row-header1-nav-links{ float: right; height: 80px; margin-right: 50px;
}
.sim-row-header1-nav-links a{ color: rgba(63,141,191,1); text-decoration: none; margin-top: 30px; float: left; margin-right: 25px; font-size: 15px;
}
.sim-row-header1-nav-links a:hover { text-decoration: underline;
}
.sim-row-header1-nav-links-contact{ float: left; margin-top: 25px; background-color: rgba(63,141,191,1); line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;
}
.sim-row-header1-nav-links-contact:hover { background-color: rgba(150,111,177,1);
}
.sim-row-header1-nav-links-contact a { color: rgba(255,255,255,1); margin: 0px; display: block; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px;
}
.sim-row-header1-nav-links-contact a:hover { text-decoration: none;
}
.sim-row-header1-slider{ background-color: rgba(130,207,204,1); width: 100%; float: left; height: 450px;
}
.sim-row-header1-slider-left{ height: 450px; float: left; width: 400px;
}
.sim-row-header1-slider-left-title{ width: 300px; float: left; margin-left: 50px; margin-top: 75px; font-size: 26px; color: rgba(255,255,255,1);
}
.sim-row-header1-slider-left-subtitle{ float: left; width: 300px; margin-left: 50px; font-size: 20px; color: rgba(255,255,255,1); font-weight: 300;
}
.sim-row-header1-slider-left-text{ float: left; width: 300px; margin-left: 50px; margin-top: 25px; font-size: 16px; color: rgba(255,255,255,1); line-height: 24px; font-weight: 300;
}
.sim-row-header1-slider-left-link{ float: left; margin-top: 30px; margin-left: 50px; background-color: rgba(150,111,177,1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;
}
.sim-row-header1-slider-left-link:hover { background-color: rgba(63,141,191,1);
}
.sim-row-header1-slider-left-link a { color: rgba(255,255,255,1); font-size: 15px; line-height: 35px; text-decoration: none; padding-right: 15px; padding-left: 15px; display: block;
}
.sim-row-header1-slider-right{ float: left; height: 450px; width: 400px; overflow: hidden;
}
.sim-row-header1-slider-right img { height: 450px; width: auto;
}
.sim-row-header2{ width: 100%; float: left;
}
.sim-row-header2-nav{ width: 100%; float: left; background-color: rgba(255,255,255,1); height: 80px;
}
.sim-row-header2-nav-logo{ width: 150px; float: left; height: 80px; text-align: center; margin-left: 50px; overflow: hidden;
}
.sim-row-header2-nav-logo img { height: 80px; width: auto;
}
.sim-row-header2-nav-links{ float: right; height: 80px; margin-right: 50px;
}
.sim-row-header2-nav-links a{ color: rgba(63,141,191,1); text-decoration: none; margin-top: 30px; float: left; margin-right: 25px; font-size: 15px;
}
.sim-row-header2-nav-links a:hover { text-decoration: underline;
}
.sim-row-header2-nav-links-contact{ float: left; margin-top: 25px; background-color: rgba(63,141,191,1); line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;
}
.sim-row-header2-nav-links-contact:hover { background-color: rgba(150,111,177,1);
}
.sim-row-header2-nav-links-contact a { color: rgba(255,255,255,1); margin: 0px; display: block; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px;
}
.sim-row-header2-nav-links-contact a:hover { text-decoration: none;
}
.sim-row-header2-slider{ background-color: rgba(130,207,204,1); width: 100%; float: left; height: 450px;
}
.sim-row-header2-slider-top{ height: 225px; float: left; width: 100%; text-align: center;
}
.sim-row-header2-slider-top-title{ width: 700px; float: left; margin-left: 50px; font-size: 26px; color: rgba(255,255,255,1); margin-top: 25px;
}
.sim-row-header2-slider-top-text{ float: left; width: 700px; margin-left: 50px; margin-top: 15px; font-size: 16px; color: rgba(255,255,255,1); line-height: 24px; font-weight: 300;
}
.sim-row-header2-slider-top-link{ float: left; width: 700px; margin-left: 50px; margin-top: 25px;
}
.sim-row-header2-slider-top-link-button{ background-color: rgba(150,111,177,1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; margin-right: auto; margin-left: auto; width: 100px;
}
.sim-row-header2-slider-top-link-button:hover { background-color: rgba(63,141,191,1);
}
.sim-row-header2-slider-top-link-button a { color: rgba(255,255,255,1); font-size: 15px; line-height: 35px; text-decoration: none; display: block; width: 100px;
}
.sim-row-header2-slider-bottom{ float: left; height: 225px; width: 100%; overflow: hidden;
}
.sim-row-header2-slider-bottom img { height: auto; width: 800px;
}
.sim-row-content1{ float: left; width: 100%; padding-top: 50px; padding-bottom: 50px; background-color: rgba(255,255,255,1);
}
.sim-row-content1-tab{ float: left; width: 200px; margin-left: 50px; text-align: center;
}
.sim-row-content1-tab-icon{ background-color: rgba(63,141,191,1); height: 60px; width: 60px; margin-right: auto; margin-left: auto; color: rgba(255,255,255,1); line-height: 60px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; font-size: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.sim-row-content1-tab-icon i { line-height: 60px;
}
.sim-row-content1-tab:hover .sim-row-content1-tab-icon { background-color: rgba(150,111,177,1);
}
.sim-row-content1-tab-title{ margin-top: 20px; font-size: 18px; color: #1f4f80;
}
.sim-row-content1-tab-text{ font-size: 14px; color: #666666; margin-top: 5px;
}
.sim-row-content2{ background-color: rgba(242,244,250,1); float: left; width: 100%;
}
.sim-row-content2-left { float: left; width: 400px; height: 400px; text-align: right; overflow: hidden;
}
.sim-row-content2-left img { height: 400px; width: auto;
}
.sim-row-content2-right{ float: left; width: 400px; height: 400px;
}
.sim-row-content2-right-title{ float: left; width: 300px; margin-top: 75px; font-size: 26px; color: #1f4f69; margin-left: 50px;
}
.sim-row-content2-right-text{ color: #656565; float: left; width: 300px; margin-left: 50px; margin-top: 25px; font-size: 16px; line-height: 24px; font-weight: 300;
}
.sim-row-content2-right-button{ float: left; margin-top: 25px; width: 300px; margin-left: 50px;
}
.sim-row-content2-right-button a { float: left; background-color: rgba(150,111,177,1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; color: rgba(255,255,255,1); font-size: 15px; line-height: 35px; text-decoration: none; padding-right: 15px; padding-left: 15px; display: block;
}
.sim-row-content2-right-button a:hover { background-color: rgba(63,141,191,1);
}
.sim-row-content3{ background-color: rgba(255,255,255,1); float: left; width: 100%; padding-top: 75px; padding-bottom: 75px;
}
.sim-row-content3-title{ float: left; width: 700px; margin-left: 50px; font-size: 26px; text-align: center; color: #1f4f69;
}
.sim-row-content3-center{ float: left; width: 600px; margin-left: 100px; margin-top: 40px; height: 240px;
}
.sim-row-content3-center-tab{ float: left; height: 240px; width: 180px; background-color: rgba(242,244,250,1); margin-right: 30px;
}
.sim-row-content3-center-tab:last-child { margin-right: 0px;
}
.sim-row-content3-center-tab-image{ float: left; height: 180px; width: 180px; text-align: center; background-color: rgba(130,207,204,1); overflow: hidden;
}
.sim-row-content3-center-tab-image img { height: 180px; width: auto;
}
.sim-row-content3-center-tab-text{ float: left; width: 180px; height: 60px; background-color: rgba(242,244,250,1); color: #656565; line-height: 60px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.sim-row-content4{ float: left; width: 100%; background-color: rgba(242,244,250,1);
}
.sim-row-content4-title{ float: left; width: 650px; margin-left: 75px; font-size: 26px; text-align: center; color: #1f4f69; margin-top: 50px; }
.sim-row-content4-content{ float: left; width: 650px; margin-left: 75px; margin-top: 25px; color: #656565; float: left; font-size: 16px; line-height: 24px; font-weight: 300; text-align: center; }
.sim-row-content4-images{ float: left; width: 100%; margin-top: 50px; height: 225px; overflow: hidden;
}
.sim-row-content4-images img { height: auto; width: 800px;
}
.sim-row-content5{ background-color: rgba(255,255,255,1); float: left; width: 100%;
}
.sim-row-content5-left{ float: left; width: 400px; height: 400px;
}
.sim-row-content5-left-title{ float: left; width: 300px; margin-top: 75px; font-size: 26px; color: #1f4f69; margin-left: 50px;
}
.sim-row-content5-left-text{ color: #656565; float: left; width: 300px; margin-left: 50px; margin-top: 25px; font-size: 16px; line-height: 24px; font-weight: 300;
}
.sim-row-content5-left-button{ float: left; margin-top: 25px; width: 300px; margin-left: 50px;
}
.sim-row-content5-left-button a { float: left; background-color: rgba(150,111,177,1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; color: rgba(255,255,255,1); font-size: 15px; line-height: 35px; text-decoration: none; padding-right: 15px; padding-left: 15px; display: block;
}
.sim-row-content5-left-button a:hover { background-color: rgba(63,141,191,1);
}
.sim-row-content5-right { float: left; width: 400px; height: 400px; text-align: left; overflow: hidden;
}
.sim-row-content5-right img { height: 400px; width: auto;
}
.sim-row-content6{ background-color: rgba(130,207,204,1); float: left; width: 100%; padding-top: 50px; padding-bottom: 50px;
}
.sim-row-content6-center{ float: left; width: 700px; margin-left: 50px;
}
.sim-row-content6-center-tab{ float: left; width: 150px; margin-right: 33px; text-align: center;
}
.sim-row-content6-center-tab:last-child { margin-right: 0px;
}
.sim-row-content6-center-tab-image{ width: 60px; font-size: 30px; color: rgba(130,207,204,1); line-height: 60px; height: 60px; margin-right: auto; margin-left: auto; background-color: rgba(255,255,255,1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.sim-row-content6-center-tab-image i { line-height: 60px;
}
.sim-row-content6-center-tab-text{ color: rgba(255,255,255,1); font-size: 18px; margin-top: 15px; width: 150px;
}
.sim-row-content7{ background-color: rgba(255,255,255,1); float: left; width: 100%; padding-top: 75px; padding-bottom: 75px;
}
.sim-row-content7-title{ float: left; width: 700px; margin-left: 50px; font-size: 26px; text-align: center; color: #1f4f69;
}
.sim-row-content7-center{ float: left; width: 600px; margin-left: 100px; margin-top: 40px;
}
.sim-row-content7-center-tab{ float: left; width: 180px; background-color: rgba(242,244,250,1); margin-right: 30px; padding-bottom: 15px;
}
.sim-row-content7-center-tab:last-child { margin-right: 0px;
}
.sim-row-content7-center-tab-image{ float: left; height: 180px; width: 180px; text-align: center; background-color: rgba(130,207,204,1); overflow: hidden;
}
.sim-row-content7-center-tab-image img { height: 180px; width: auto;
}
.sim-row-content7-center-tab-title{ float: left; width: 150px; color: #00ACCC; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top: 15px; margin-left: 15px;
}
.sim-row-content7-center-tab-text { float: left; width: 150px; font-size: 14px; color: rgba(102,102,102,1); line-height: 24px; margin-top: 5px; margin-left: 15px;
}
.sim-row-content8{ background-color: rgba(242,244,250,1); float: left; width: 100%; padding-top: 75px; padding-bottom: 75px;
}
.sim-row-content8-title{ float: left; width: 700px; margin-left: 50px; font-size: 26px; text-align: center; color: #1f4f69;
}
.sim-row-content8-center{ float: left; width: 600px; margin-left: 100px; margin-top: 40px;
}
.sim-row-content8-center-tab{ float: left; width: 285px; background-color: rgba(255,255,255,1); margin-right: 30px; padding-bottom: 15px;
}
.sim-row-content8-center-tab:last-child { margin-right: 0px;
}
.sim-row-content8-center-tab-image{ float: left; height: 180px; width: 285px; text-align: center; background-color: rgba(130,207,204,1); overflow: hidden;
}
.sim-row-content8-center-tab-image img { height: auto; width: 285px;
}
.sim-row-content8-center-tab-title{ float: left; width: 255px; color: #00ACCC; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top: 15px; margin-left: 15px;
}
.sim-row-content8-center-tab-text { float: left; width: 255px; font-size: 14px; color: rgba(102,102,102,1); line-height: 24px; margin-top: 5px; margin-left: 15px;
}
.sim-row-content9{ float: left; width: 100%; background-color: rgba(255,255,255,1);
}
.sim-row-content9-title{ float: left; width: 650px; margin-left: 75px; font-size: 26px; text-align: center; color: #1f4f69; margin-top: 50px; }
.sim-row-content9-content{ float: left; width: 650px; margin-left: 75px; margin-top: 25px; color: #656565; float: left; font-size: 16px; line-height: 24px; font-weight: 300; text-align: center; }
.sim-row-content9-images{ float: left; width: 100%; margin-top: 50px; height: 225px; overflow: hidden;
}
.sim-row-content9-images img { height: auto; width: 800px;
}
.sim-row-content10{ background-color: rgba(130,207,204,1); float: left; width: 100%; padding-top: 75px; padding-bottom: 75px;
}
.sim-row-content10-title{ float: left; width: 700px; margin-left: 50px; font-size: 26px; text-align: center; color: #FFFFFF;
}
.sim-row-content10-center{ float: left; width: 600px; margin-left: 100px; margin-top: 40px;
}
.sim-row-content10-center-tab{ float: left; width: 180px; background-color: rgba(255,255,255,1); margin-right: 30px; padding-bottom: 15px;
}
.sim-row-content10-center-tab:last-child { margin-right: 0px;
}
.sim-row-content10-center-tab-image{ float: left; height: 180px; width: 180px; text-align: center; background-color: rgba(242,244,250,1); overflow: hidden;
}
.sim-row-content10-center-tab-image img { height: 180px; width: auto;
}
.sim-row-content10-center-tab-title{ float: left; width: 150px; color: #00ACCC; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top: 15px; margin-left: 15px;
}
.sim-row-content10-center-tab-text { float: left; width: 150px; font-size: 14px; color: rgba(102,102,102,1); line-height: 24px; margin-top: 5px; margin-left: 15px;
}
.sim-row-content11{ background-color: rgba(255,255,255,1); float: left; width: 100%; padding-top: 75px; padding-bottom: 75px;
}
.sim-row-content11-title{ float: left; width: 700px; margin-left: 50px; font-size: 26px; text-align: center; color: #1f4f69;
}
.sim-row-content11-center{ float: left; width: 600px; margin-left: 100px; margin-top: 40px;
}
.sim-row-content11-center-tab{ float: left; width: 285px; background-color: rgba(255,255,255,1); margin-right: 30px; padding-bottom: 20px;
}
.sim-row-content11-center-tab:last-child { margin-right: 0px;
}
.sim-row-content11-center-tab-image{ float: left; height: 180px; width: 285px; text-align: center; background-color: rgba(242,244,250,1); overflow: hidden;
}
.sim-row-content11-center-tab-image img { height: auto; width: 285px;
}
.sim-row-content11-center-tab-title{ float: left; width: 245px; color: #00ACCC; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-top: 15px; margin-left: 20px;
}
.sim-row-content11-center-tab-text { float: left; width: 245px; font-size: 14px; color: rgba(102,102,102,1); line-height: 24px; margin-top: 5px; margin-left: 20px;
}
.sim-row-content11-center-tab-text-link { float: left; width: 245px; margin-left: 20px; margin-top: 15px;
}
.sim-row-content11-center-tab-text-link a { float: left; background-color: rgba(150,111,177,1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; color: rgba(255,255,255,1); font-size: 14px; line-height: 25px; text-decoration: none; padding-right: 15px; padding-left: 15px; display: block;
}
.sim-row-content11-center-tab-text-link a:hover { background-color: rgba(63,141,191,1);
}
.sim-row-content12{ background-color: rgba(242,244,250,1); float: left; width: 100%; padding-top: 75px; padding-bottom: 75px;
}
.sim-row-content12-title{ float: left; width: 700px; margin-left: 50px; font-size: 26px; text-align: center; color: #1f4f69;
}
.sim-row-content12-center{ float: left; width: 600px; margin-left: 100px; margin-top: 10px;
}
.sim-row-content12-center-tab{ float: left; width: 285px; margin-right: 30px; padding-bottom: 20px; margin-top: 30px;
}
.sim-row-content12-center-tab:nth-child(even) { margin-right: 0px;
}
.sim-row-content12-center-tab-icon { float: left; height: 40px; width: 40px; color: rgba(128,147,161,1); font-size: 24px; line-height: 40px; text-align: center;
}
.sim-row-content12-center-tab-icon i { line-height: 40px;
}
.sim-row-content12-center-tab-title{ float: right; width: 235px; color: #00ACCC; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; height: 40px; line-height: 40px;
}
.sim-row-content12-center-tab-text { float: left; width: 235px; font-size: 14px; color: rgba(102,102,102,1); line-height: 24px; margin-left: 50px;
}
.sim-row-content13{ float: left; width: 100%; background-color: rgba(130,207,204,1); padding-top: 50px; padding-bottom: 50px;
}
.sim-row-content13-center { float: left; width: 600px; margin-left: 100px; margin-top: 10px;
}
.sim-row-content13-center-left{ float: left;
}
.sim-row-content13-center-left-title{ font-size: 20px; color: rgba(255,255,255,1); line-height: 30px;
}
.sim-row-content13-center-left-subtitle{ font-size: 16px; color: rgba(255,255,255,0.5); line-height: 20px;
}
.sim-row-content13-center-right{ float: right;
}
.sim-row-content13-center-right a { float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; color: rgba(255,255,255,1); font-size: 15px; line-height: 40px; text-decoration: none; padding-right: 15px; padding-left: 15px; display: block; background-color: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,1);
}
.sim-row-content13-center-right a:hover { background-color: rgba(255,255,255,0.2);
}
.sim-row-content14{ float: left; width: 100%; background-color: rgba(53,57,70,1); padding-top: 25px; padding-bottom: 25px;
}
.sim-row-content14-center{ float: left; width: 600px; margin-left: 100px;
}
.sim-row-content14-center-left{ float: left; width: 290px;
}
.sim-row-content14-center-left-title{ color: #747885; font-size: 18px; font-weight: 600; margin-bottom: 10px;
}
.sim-row-content14-center-left-text{ color: #b9bcc5; font-size: 14px; line-height: 24px;
}
.sim-row-content14-center-right{ float: right; width: 290px;
}
.sim-row-content14-center-right-title{ color: #747885; font-size: 18px; font-weight: 600; margin-bottom: 10px;
}
.sim-row-content14-center-right-row{ color: #b9bcc5; font-size: 14px; line-height: 24px; float: left; width: 100%;
}
.sim-row-content14-center-right-type{ float: left; width: 80px; font-weight: 600;
}
.sim-row-content14-center-right-content{ float: right; width: 210px;
}
.sim-row-content15{ background-color: rgba(53,57,70,1); float: left; width: 100%; height: 80px;
}
.sim-row-content15-center{ float: left; width: 600px; margin-left: 100px;
}
.sim-row-content15-center-left{ float: left; width: 200px; overflow: hidden; }
.sim-row-content15-center-left img { height: 80px; width: auto;
}
.sim-row-content15-center-right{ float: right; color: #b9bcc5; font-size: 14px; line-height: 80px; width: 300px; text-align: right; }
</style><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic" rel="stylesheet" type="text/css"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<div id="sim-wrapper"><div id="sim-wrapper-newsletter"><div id="sim-wrapper"><div id="sim-wrapper-newsletter"> <div class="sim-row"> <div class="sim-row-header1"> <div class="sim-row-header1-nav"> <div class="sim-row-header1-nav-logo"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/newsletter_logo.png"></div> <div class="sim-row-header1-nav-links"> <a href="#" class="">Portfolio</a> <a href="#" class="">Store</a> <a href="#" class="">About us</a> <div class="sim-row-header1-nav-links-contact"><a href="#" class="">Contact</a></div> </div> </div> <div class="sim-row-header1-slider"> <div class="sim-row-header1-slider-left"> <div class="sim-row-header1-slider-left-title">Template Builder</div> <div class="sim-row-header1-slider-left-subtitle">Sample Subtitle goes Here</div> <div class="sim-row-header1-slider-left-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae ullamcorper orci. Nullam nulla felis, imperdiet ac sollicitudin et, malesuada sagittis lacus.</div> <div class="sim-row-header1-slider-left-link"><a href="#" class="">Read More</a></div> </div> <div class="sim-row-header1-slider-right"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-header1"> <div class="sim-row-header1-nav"> <div class="sim-row-header1-nav-logo"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/newsletter_logo.png"></div> <div class="sim-row-header1-nav-links"> <a href="#" class="">Portfolio</a> <a href="#" class="">Store</a> <a href="#" class="">About us</a> <div class="sim-row-header1-nav-links-contact"><a href="#" class="">Contact</a></div> </div> </div> <div class="sim-row-header1-slider"> <div class="sim-row-header1-slider-right"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-header1-slider-left"> <div class="sim-row-header1-slider-left-title">Template Builder</div> <div class="sim-row-header1-slider-left-subtitle">Sample Subtitle goes Here</div> <div class="sim-row-header1-slider-left-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae ullamcorper orci. Nullam nulla felis, imperdiet ac sollicitudin et, malesuada sagittis lacus.</div> <div class="sim-row-header1-slider-left-link"><a href="#" class="">Read More</a></div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-header2"> <div class="sim-row-header2-nav"> <div class="sim-row-header2-nav-logo"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/newsletter_logo.png"></div> <div class="sim-row-header2-nav-links"> <a href="#" class="">Portfolio</a> <a href="#" class="">Store</a> <a href="#" class="">About us</a> <div class="sim-row-header2-nav-links-contact"><a href="#" class="">Contact</a></div> </div> </div> <div class="sim-row-header2-slider"> <div class="sim-row-header2-slider-top"> <div class="sim-row-header2-slider-top-title">Template Builder</div> <div class="sim-row-header2-slider-top-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae ullamcorper orci. Nullam nulla felis, imperdiet ac sollicitudin et, malesuada sagittis lacus.</div> <div class="sim-row-header2-slider-top-link"><div class="sim-row-header2-slider-top-link-button"><a href="#" class="">Read More</a></div></div> </div> <div class="sim-row-header2-slider-bottom"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/wide_ipad.png"></div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content1"> <div class="sim-row-content1-tab"> <div class="sim-row-content1-tab-icon"><i class="fa fa-file-text"></i></div> <div class="sim-row-content1-tab-title">Content Ready</div> <div class="sim-row-content1-tab-text">Ut iaculis ut massa sit amet dictum. Nulla tortor metus, eleifend vel</div> </div> <div class="sim-row-content1-tab"> <div class="sim-row-content1-tab-icon"><i class="fa fa-life-ring"></i></div> <div class="sim-row-content1-tab-title">Free Support</div> <div class="sim-row-content1-tab-text">Ut iaculis ut massa sit amet dictum. Nulla tortor metus, eleifend vel</div> </div> <div class="sim-row-content1-tab"> <div class="sim-row-content1-tab-icon"><i class="fa fa-files-o"></i></div> <div class="sim-row-content1-tab-title">Drag and Drop</div> <div class="sim-row-content1-tab-text">Ut iaculis ut massa sit amet dictum. Nulla tortor metus, eleifend vel</div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content2"> <div class="sim-row-content2-left"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content2-right"> <div class="sim-row-content2-right-title">Our average is high</div> <div class="sim-row-content2-right-text">Lorem ipsum dolor sit amet, consectetur adipscing elit praesent augue sapien egestas nibh id condimentum accumsan diam eleva corp avera folmo</div> <div class="sim-row-content2-right-button"><a href="#" class="">Read More</a></div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content3"> <div class="sim-row-content3-title">The amazing gallery</div> <div class="sim-row-content3-center"> <div class="sim-row-content3-center-tab"> <div class="sim-row-content3-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content3-center-tab-text">Content Ready</div> </div> <div class="sim-row-content3-center-tab"> <div class="sim-row-content3-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content3-center-tab-text">Free Support</div> </div> <div class="sim-row-content3-center-tab"> <div class="sim-row-content3-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content3-center-tab-text">Drag and Drop</div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content4"> <div class="sim-row-content4-title">Who we are </div> <div class="sim-row-content4-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent augue sapien, egestas non nibh id, condimentum accumsan diam</div> <div class="sim-row-content4-images"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/wide_ipad.png"></div> </div> </div> <div class="sim-row"> <div class="sim-row-content5"> <div class="sim-row-content5-left"> <div class="sim-row-content5-left-title">Our average is high</div> <div class="sim-row-content5-left-text">Lorem ipsum dolor sit amet, consectetur adipscing elit praesent augue sapien egestas nibh id condimentum accumsan diam eleva corp avera folmo</div> <div class="sim-row-content5-left-button"><a href="#" class="">Read More</a></div> </div> <div class="sim-row-content5-right"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> </div> </div> <div class="sim-row"> <div class="sim-row-content6"> <div class="sim-row-content6-center"> <div class="sim-row-content6-center-tab"> <div class="sim-row-content6-center-tab-image"><i class="fa fa-file-text"></i></div> <div class="sim-row-content6-center-tab-text">Content Ready</div> </div> <div class="sim-row-content6-center-tab"> <div class="sim-row-content6-center-tab-image"><i class="fa fa-life-ring"></i></div> <div class="sim-row-content6-center-tab-text">Free Support</div> </div> <div class="sim-row-content6-center-tab"> <div class="sim-row-content6-center-tab-image"><i class="fa fa-files-o"></i></div> <div class="sim-row-content6-center-tab-text">Drag and Drop</div> </div> <div class="sim-row-content6-center-tab"> <div class="sim-row-content6-center-tab-image"><i class="fa fa-cube"></i></div> <div class="sim-row-content6-center-tab-text">Custom Made</div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content7"> <div class="sim-row-content7-title">The ultimate solutions</div> <div class="sim-row-content7-center"> <div class="sim-row-content7-center-tab"> <div class="sim-row-content7-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content7-center-tab-title">Content Ready</div> <div class="sim-row-content7-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> <div class="sim-row-content7-center-tab"> <div class="sim-row-content7-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content7-center-tab-title">Free Support</div> <div class="sim-row-content7-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> <div class="sim-row-content7-center-tab"> <div class="sim-row-content7-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content7-center-tab-title">Drag and Drop</div> <div class="sim-row-content7-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content8"> <div class="sim-row-content8-title">The ultimate solutions</div> <div class="sim-row-content8-center"> <div class="sim-row-content8-center-tab"> <div class="sim-row-content8-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content8-center-tab-title">Content Ready</div> <div class="sim-row-content8-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> <div class="sim-row-content8-center-tab"> <div class="sim-row-content8-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content8-center-tab-title">Free Support</div> <div class="sim-row-content8-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content9"> <div class="sim-row-content9-title">Who we are </div> <div class="sim-row-content9-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent augue sapien, egestas non nibh id, condimentum accumsan diam</div> <div class="sim-row-content9-images"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/wide_ipad.png"></div> </div> </div> <div class="sim-row"> <div class="sim-row-content10"> <div class="sim-row-content10-title">The ultimate solutions</div> <div class="sim-row-content10-center"> <div class="sim-row-content10-center-tab"> <div class="sim-row-content10-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content10-center-tab-title">Content Ready</div> <div class="sim-row-content10-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> <div class="sim-row-content10-center-tab"> <div class="sim-row-content10-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content10-center-tab-title">Free Support</div> <div class="sim-row-content10-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> <div class="sim-row-content10-center-tab"> <div class="sim-row-content10-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content10-center-tab-title">Drag and Drop</div> <div class="sim-row-content10-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content11"> <div class="sim-row-content11-title">The ultimate solutions</div> <div class="sim-row-content11-center"> <div class="sim-row-content11-center-tab"> <div class="sim-row-content11-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content11-center-tab-title">Content Ready</div> <div class="sim-row-content11-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="sim-row-content11-center-tab-text-link"><a href="#" class="">Read More</a></div> </div> <div class="sim-row-content11-center-tab"> <div class="sim-row-content11-center-tab-image"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/ipad.png"></div> <div class="sim-row-content11-center-tab-title">Free Support</div> <div class="sim-row-content11-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="sim-row-content11-center-tab-text-link"><a href="#" class="">Read More</a></div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content12"> <div class="sim-row-content12-title">We Explain Everything</div> <div class="sim-row-content12-center"> <div class="sim-row-content12-center-tab"> <div class="sim-row-content12-center-tab-icon"><i class="fa fa-file-text"></i></div> <div class="sim-row-content12-center-tab-title">Content Ready</div> <div class="sim-row-content12-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent augue sapien, egestas non nibh id, condimentum accumsan diam</div> </div> <div class="sim-row-content12-center-tab"> <div class="sim-row-content12-center-tab-icon"><i class="fa fa-life-ring"></i></div> <div class="sim-row-content12-center-tab-title">Free Support</div> <div class="sim-row-content12-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent augue sapien, egestas non nibh id, condimentum accumsan diam</div> </div> <div class="sim-row-content12-center-tab"> <div class="sim-row-content12-center-tab-icon"><i class="fa fa-files-o"></i></div> <div class="sim-row-content12-center-tab-title">Drag and Drop</div> <div class="sim-row-content12-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent augue sapien, egestas non nibh id, condimentum accumsan diam</div> </div> <div class="sim-row-content12-center-tab"> <div class="sim-row-content12-center-tab-icon"><i class="fa fa-cube"></i></div> <div class="sim-row-content12-center-tab-title">Custom Made</div> <div class="sim-row-content12-center-tab-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent augue sapien, egestas non nibh id, condimentum accumsan diam</div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content13"> <div class="sim-row-content13-center"> <div class="sim-row-content13-center-left"> <div class="sim-row-content13-center-left-title">Are you impressed by now ?</div> <div class="sim-row-content13-center-left-subtitle">Let’s start something big</div> </div> <div class="sim-row-content13-center-right"><a href="#" class="">Request Quote</a></div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content14"> <div class="sim-row-content14-center"> <div class="sim-row-content14-center-left"> <div class="sim-row-content14-center-left-title">About Us</div> <div class="sim-row-content14-center-left-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eliam corias</div> </div> <div class="sim-row-content14-center-right"> <div class="sim-row-content14-center-right-title">Contact Us</div> <div class="sim-row-content14-center-right-row"> <div class="sim-row-content14-center-right-type">Address:</div> <div class="sim-row-content14-center-right-content">1234 Street Web Developers</div> </div> <div class="sim-row-content14-center-right-row"> <div class="sim-row-content14-center-right-type">Email:</div> <div class="sim-row-content14-center-right-content">[email protected]</div> </div> </div> </div> </div> </div> <div class="sim-row"> <div class="sim-row-content15"> <div class="sim-row-content15-center"> <div class="sim-row-content15-center-left"><img src="http://simbyone.com/demo/drag-and-drop-newsletter-builder-using-jquery/_assets/newsletter_logo_white.png"></div> <div class="sim-row-content15-center-right">© Copyright 2015. All Rights Reserved.</div> </div> </div> </div> </div></div>
</body>
</html>
| Developer | Gyula Szathmary |
| Username | gyusza |
| Uploaded | November 02, 2022 |
| Rating | 3 |
| Size | 5,177 Kb |
| Views | 22,264 |
Do you need developer help for A Pen by Gyula Szathmary?
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!
Gyula Szathmary (gyusza) Script Codes
| Name | Size |
| Saxo Tools Collection | 1,993 Kb |
| Rotating Outrageous Predictions 2016 | 14,585 Kb |
| Navigate to coordinates from link in google maps | 1,805 Kb |
| Get 23 thumbnail | 2,148 Kb |
| Webinar v2 | 2,868 Kb |
| Pricing widget generator project | 4,409 Kb |
| Landing page and HTML snippet translator | 4,380 Kb |
| Sitemap generator for Sharepoint | 2,518 Kb |
| Monthly Product Update v2 | 5,799 Kb |
| Comparison table SC | 2,028 Kb |
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!
Similar Scripts & Codes
| Name | Username | Size |
| CSS3 Butterfly | Timohausmann | 3,430 Kb |
| Mini Profile | Frytyler | 3,828 Kb |
| Barber Shop | Bhlaird | 6,270 Kb |
| Cloud upload | Jaflo | 2,774 Kb |
| Starfield old school style | Bolloxim | 5,214 Kb |
| Rrremark.com Overlay Highlighter | Derickruiz | 4,438 Kb |
| A Pen by Alexandru Pora | Axpro | 1,615 Kb |
| RWD Conversion Practice | Jxqr97 | 2,743 Kb |
| BabyStore | Pablo-Ai | 3,807 Kb |
| CSS Gem Badge | Orchard | 3,335 Kb |
Do you want hide your ip address?
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!