popup
<style>
/*popup*/
@-webkit-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
#popup-scademy2{
display:none;
-webkit-animation: fade 0.2s;
-moz-animation: fade 0.2s;
-o-animation: fade 0.2s;
animation: fade 0.2s;
font-family: Open Sans, sans-serif !important;
height: 322px;
width: 660px;
background: #fff;
position:fixed;
top: 50%!important;
left: 50%!important;
transform: translate(-50%, -50%);
box-shadow:0px 0px 0px 1100px rgba(0,0,0,0.65);-webkit-box-shadow:0px 0px 0px 1100px rgba(0,0,0,0.65);-moz-box-shadow:0px 0px 0px 1100px rgba(0,0,0,0.75);overflow:visible; z-index:999;
font-family: Open Sans, sans-serif;
}
#popup-scademy2 .foto-newsl {margin: 0; padding:0; float:left; width:50%;}
#popup-scademy2 .box-newsl { float:left; width:50%;}
#popup-scademy2 .box-txt { margin: 15px 30px 10px 20px; }
#popup-scademy2 #close{display:block;text-align:right;font-size:24px; font-weight: ligter; color:#b4b4b4; margin: 15px 20px; float:right; width:10%;}
#popup-scademy2 p{margin:0;}
#popup-scademy2 h1 {
color: #000;
font-size: 24px;
text-align: left;
line-height: 110%;
margin: 20px 0 0 0;
padding: 0;
font-family: Open Sans, sans-serif;
font-weight: 400!important;
}
#popup-scademy2 h2 {
font-size: 18px;
text-align: left;
line-height: 110%;
margin: 0;
padding: 0;
color: #000;
font-family: Open Sans, sans-serif;
font-weight: 400 !important;
}
#popup-scademy2 h3 {
font-size: 16px;
text-align: left;
line-height: 120%;
margin: 8px 0 4px 0;
padding: 0;
color: #000;
font-family: Open Sans, sans-serif;
font-weight: 100 !important;
}
#popup-scademy2 .box-newsl form button {
border: 2px solid #577782;
width: 100%;
height: 40px;
margin-top: 5px;
background: #577782;
font-family: Open Sans, sans-serif !important;
font-weight: 400;
font-variant: normal;
float: left;
text-transform: lowercase;
font-weight: normal;
}
a#nie-dziekuje {
text-align: center;
width: 100%;
font-size: 14px;
font-family: Open Sans, sans-serif;
float: left;
font-weight: 400;
text-decoration: underline;
color:#577782;
}
#popup-scademy2 .box-newsl form input[type="text"] {
border: 1px solid #ddd;
width: 100%;
float: left;
margin-top: 0;
height: 40px;
margin-right: 0;
}
#popup-scademy2 form textarea {
height: 40px;
min-height: 40px;
width: 100%;
line-height: 30px;
font-family: Open sans, sans-serif;
}
#popup-scademy2 form {margin:0;}
#popup-scademy2 .box-newsl form button:hover { border:2px solid #000; background:#000; }
@media (max-width:720px)
{#popup-scademy2{display:none !important;}}
</style>
<div id="popup-scademy2">
<div class="foto-newsl"><img src="/public/assets/tel-popup.jpg" alt="" /></div>
<div class="box-newsl">
<div class="box-txt">
<br>
<h1>Nie wiesz co wybrać?</h1>
<h2>Potrzebujesz pomocy?</h2>
<h3>Zostaw swĂłj numer telefonu, oddzwonimy.</h3>
<form class="formprotect" action="/pl/contact" enctype="multipart/form-data" method="post" novalidate=""><fieldset>
<div style="display: none;"><input id="contact2" name="mail" type="email" value="nrtel@zpopupa.pl" placeholder="E-mail" /></div>
<textarea id="contact4" name="text" rows="1" placeholder="Twój numer"></textarea> <button class="btn btn-red" type="submit"> Wyślij </button></fieldset></form></div>
<a id="nie-dziekuje" class="sc-popup-close" href="#">Nie, dziękuję</a></div>
</div>
<!-- end popup shopcademy.pl -->
Przejdź do strony głównej
