Skip to content

Instantly share code, notes, and snippets.

@andzi

andzi/index.html

Forked from anonymous/index.html
Created September 6, 2016 15:02
Show Gist options
  • Save andzi/a0f408cc892da5f1f58aeb7141990e8b to your computer and use it in GitHub Desktop.
Save andzi/a0f408cc892da5f1f58aeb7141990e8b to your computer and use it in GitHub Desktop.
Download ZIP
[B2Bbasis registration - Подтверждение регистрации] // source https://jsbin.com/xobiwa
Raw
index.html
<style id="jsbin-css">
#DIV_1 {
height: 737px;
min-width: 940px;
width: 1074px;
perspective-origin: 537px 378.5px;
transform-origin: 537px 378.5px;
background: rgb(247, 246, 246) none repeat scroll 0% 0% / auto padding-box border-box;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
padding: 10px 0px;
}/*#DIV_1*/
#CENTER_2 {
height: 737px;
width: 1074px;
perspective-origin: 537px 368.5px;
transform-origin: 537px 368.5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#CENTER_2*/
#DIV_3 {
height: 735px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 471px 368.5px;
transform-origin: 471px 368.5px;
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
border: 1px solid rgb(128, 128, 128);
border-radius: 5px 5px 5px 5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#DIV_3*/
#DIV_4 {
height: 114px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 57px;
transform-origin: 470px 57px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#DIV_4*/
#DIV_5 {
height: 99px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 49.5px;
transform-origin: 470px 49.5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
overflow: hidden;
}/*#DIV_5*/
#IMG_6 {
display: block;
float: left;
height: 82px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 82px;
perspective-origin: 41px 41px;
transform-origin: 41px 41px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
margin: 10px 15px 7px 10px;
}/*#IMG_6*/
#DIV_7 {
height: 717px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 358.5px;
transform-origin: 470px 358.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: -110px 0px 0px;
}/*#DIV_7*/
#CENTER_8 {
height: 126px;
width: 940px;
perspective-origin: 470px 63px;
transform-origin: 470px 63px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#CENTER_8*/
#SPAN_9, #BR_10 {
text-align: -webkit-center;
font: normal normal bold normal 28px / 42px "Arial Bold", Arial;
}/*#SPAN_9, #BR_10*/
#BR_11, #BR_12, #SPAN_14, #BR_16, #BR_20, #BR_23, #BR_25, #A_29, #A_31, #A_33, #A_35 {
text-align: -webkit-center;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_11, #BR_12, #SPAN_14, #BR_16, #BR_20, #BR_23, #BR_25, #A_29, #A_31, #A_33, #A_35*/
#BR_13, #BR_21, #BR_26 {
text-align: -webkit-center;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_13, #BR_21, #BR_26*/
#B_15, #B_18, #B_22, #B_27 {
text-align: -webkit-center;
font: normal normal bold normal 14px / 21px "Open Sans", sans-serif;
}/*#B_15, #B_18, #B_22, #B_27*/
#P_17 {
height: 577px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 288.5px;
transform-origin: 470px 288.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: 14px 0px;
}/*#P_17*/
#IMG_19 {
height: 44.7969px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 940px;
perspective-origin: 470px 22.3906px;
transform-origin: 470px 22.3906px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#IMG_19*/
#IMG_24 {
height: 267px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 709px;
perspective-origin: 354.5px 133.5px;
transform-origin: 354.5px 133.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: 10px 0px 0px;
}/*#IMG_24*/
#BR_28 {
text-align: -webkit-center;
font: normal normal bold normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_28*/
#IMG_30, #IMG_32, #IMG_36 {
color: rgb(0, 0, 238);
height: 150px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 200px;
column-rule-color: rgb(0, 0, 238);
perspective-origin: 100px 75px;
transform-origin: 100px 75px;
border: 0px none rgb(0, 0, 238);
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_30, #IMG_32, #IMG_36*/
#IMG_34 {
color: rgb(0, 0, 238);
height: 150px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 200px;
column-rule-color: rgb(0, 0, 238);
perspective-origin: 100px 75px;
transform-origin: 100px 75px;
border: 0px none rgb(0, 0, 238);
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_34*/
</style>
<meta name="description" content="[B2Bbasis registration - Подтверждение регистрации]">
<div id="DIV_1">
<div id="DIV_3">
<div id="DIV_4">
<div id="DIV_5">
<img src="http://www.b2bbasis.ru/ru/subscribe/images/logo.jpg" alt="/" id="IMG_6" />
</div>
</div>
<div id="DIV_7">
<span id="SPAN_9">Требуется подтверждение регистрации</span><br id="BR_11" /> Для того, чтобы получить обещанные видео необходимо подтвердить подписку на рассылку<br id="BR_12" /> "Новые тренинги по продажам от B2Bbasis"<br id="BR_13" /> <!--После подтверждения Вы получите:
<ul>
<li>
В день регистрации (Видео №1)
</li>
<li>
На 2-й день (Видео №2 и №3)
</li>
<li>
На 3-й день (Видео №4 и №5)
</li>
</ul> --> <span id="SPAN_14"><b id="B_15">Если письмо не пришло через 5 минут, то проверьте папку Спам</b></span><br id="BR_16" />
<p id="P_17">
<b id="B_18">Чтобы подтвердить регистрацию найдите в Вашем почтовом ящике следующее письмо:</b><img src="images/letter2.png" id="IMG_19" alt='' /><br id="BR_20" /><br id="BR_21" /> <b id="B_22">И нажмите на первую ссылку</b><br id="BR_23" /><img src="images/letter3.png" id="IMG_24" alt='' /><br id="BR_25" /><br id="BR_26" /> <b id="B_27">Перейти в почтовый ящик</b> <a href="https://mail.ru/" id="A_29"><img src="images/mail.jpg" id="IMG_30" alt='' /></a> <a href="http://www.yandex.ru/" id="A_31"><img src="images/yandex.jpg" id="IMG_32" alt='' /></a> <a href="http://www.rambler.ru/" id="A_33"><img src="images/rambler.jpg" id="IMG_34" alt='' /></a> <a href="http://www.gmail.com/" id="A_35"><img src="images/gmail.jpg" id="IMG_36" alt='' /></a>
</p>
</div>
</div>
</div>
<script id="jsbin-source-css" type="text/css">#DIV_1 {
height: 737px;
min-width: 940px;
width: 1074px;
perspective-origin: 537px 378.5px;
transform-origin: 537px 378.5px;
background: rgb(247, 246, 246) none repeat scroll 0% 0% / auto padding-box border-box;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
padding: 10px 0px;
}/*#DIV_1*/
#CENTER_2 {
height: 737px;
width: 1074px;
perspective-origin: 537px 368.5px;
transform-origin: 537px 368.5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#CENTER_2*/
#DIV_3 {
height: 735px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 471px 368.5px;
transform-origin: 471px 368.5px;
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
border: 1px solid rgb(128, 128, 128);
border-radius: 5px 5px 5px 5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#DIV_3*/
#DIV_4 {
height: 114px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 57px;
transform-origin: 470px 57px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#DIV_4*/
#DIV_5 {
height: 99px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 49.5px;
transform-origin: 470px 49.5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
overflow: hidden;
}/*#DIV_5*/
#IMG_6 {
display: block;
float: left;
height: 82px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 82px;
perspective-origin: 41px 41px;
transform-origin: 41px 41px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
margin: 10px 15px 7px 10px;
}/*#IMG_6*/
#DIV_7 {
height: 717px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 358.5px;
transform-origin: 470px 358.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: -110px 0px 0px;
}/*#DIV_7*/
#CENTER_8 {
height: 126px;
width: 940px;
perspective-origin: 470px 63px;
transform-origin: 470px 63px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#CENTER_8*/
#SPAN_9, #BR_10 {
text-align: -webkit-center;
font: normal normal bold normal 28px / 42px "Arial Bold", Arial;
}/*#SPAN_9, #BR_10*/
#BR_11, #BR_12, #SPAN_14, #BR_16, #BR_20, #BR_23, #BR_25, #A_29, #A_31, #A_33, #A_35 {
text-align: -webkit-center;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_11, #BR_12, #SPAN_14, #BR_16, #BR_20, #BR_23, #BR_25, #A_29, #A_31, #A_33, #A_35*/
#BR_13, #BR_21, #BR_26 {
text-align: -webkit-center;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_13, #BR_21, #BR_26*/
#B_15, #B_18, #B_22, #B_27 {
text-align: -webkit-center;
font: normal normal bold normal 14px / 21px "Open Sans", sans-serif;
}/*#B_15, #B_18, #B_22, #B_27*/
#P_17 {
height: 577px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 288.5px;
transform-origin: 470px 288.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: 14px 0px;
}/*#P_17*/
#IMG_19 {
height: 44.7969px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 940px;
perspective-origin: 470px 22.3906px;
transform-origin: 470px 22.3906px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#IMG_19*/
#IMG_24 {
height: 267px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 709px;
perspective-origin: 354.5px 133.5px;
transform-origin: 354.5px 133.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: 10px 0px 0px;
}/*#IMG_24*/
#BR_28 {
text-align: -webkit-center;
font: normal normal bold normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_28*/
#IMG_30, #IMG_32, #IMG_36 {
color: rgb(0, 0, 238);
height: 150px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 200px;
column-rule-color: rgb(0, 0, 238);
perspective-origin: 100px 75px;
transform-origin: 100px 75px;
border: 0px none rgb(0, 0, 238);
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_30, #IMG_32, #IMG_36*/
#IMG_34 {
color: rgb(0, 0, 238);
height: 150px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 200px;
column-rule-color: rgb(0, 0, 238);
perspective-origin: 100px 75px;
transform-origin: 100px 75px;
border: 0px none rgb(0, 0, 238);
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_34*/
</script>
Raw
jsbin.xobiwa.css
#DIV_1 {
height: 737px;
min-width: 940px;
width: 1074px;
perspective-origin: 537px 378.5px;
transform-origin: 537px 378.5px;
background: rgb(247, 246, 246) none repeat scroll 0% 0% / auto padding-box border-box;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
padding: 10px 0px;
}/*#DIV_1*/
#CENTER_2 {
height: 737px;
width: 1074px;
perspective-origin: 537px 368.5px;
transform-origin: 537px 368.5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#CENTER_2*/
#DIV_3 {
height: 735px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 471px 368.5px;
transform-origin: 471px 368.5px;
background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
border: 1px solid rgb(128, 128, 128);
border-radius: 5px 5px 5px 5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#DIV_3*/
#DIV_4 {
height: 114px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 57px;
transform-origin: 470px 57px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
}/*#DIV_4*/
#DIV_5 {
height: 99px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 49.5px;
transform-origin: 470px 49.5px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
overflow: hidden;
}/*#DIV_5*/
#IMG_6 {
display: block;
float: left;
height: 82px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 82px;
perspective-origin: 41px 41px;
transform-origin: 41px 41px;
font: normal normal normal normal 14px / normal "Open Sans", sans-serif;
margin: 10px 15px 7px 10px;
}/*#IMG_6*/
#DIV_7 {
height: 717px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 358.5px;
transform-origin: 470px 358.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: -110px 0px 0px;
}/*#DIV_7*/
#CENTER_8 {
height: 126px;
width: 940px;
perspective-origin: 470px 63px;
transform-origin: 470px 63px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#CENTER_8*/
#SPAN_9, #BR_10 {
text-align: -webkit-center;
font: normal normal bold normal 28px / 42px "Arial Bold", Arial;
}/*#SPAN_9, #BR_10*/
#BR_11, #BR_12, #SPAN_14, #BR_16, #BR_20, #BR_23, #BR_25, #A_29, #A_31, #A_33, #A_35 {
text-align: -webkit-center;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_11, #BR_12, #SPAN_14, #BR_16, #BR_20, #BR_23, #BR_25, #A_29, #A_31, #A_33, #A_35*/
#BR_13, #BR_21, #BR_26 {
text-align: -webkit-center;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_13, #BR_21, #BR_26*/
#B_15, #B_18, #B_22, #B_27 {
text-align: -webkit-center;
font: normal normal bold normal 14px / 21px "Open Sans", sans-serif;
}/*#B_15, #B_18, #B_22, #B_27*/
#P_17 {
height: 577px;
text-align: -webkit-center;
width: 940px;
perspective-origin: 470px 288.5px;
transform-origin: 470px 288.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: 14px 0px;
}/*#P_17*/
#IMG_19 {
height: 44.7969px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 940px;
perspective-origin: 470px 22.3906px;
transform-origin: 470px 22.3906px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
}/*#IMG_19*/
#IMG_24 {
height: 267px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 709px;
perspective-origin: 354.5px 133.5px;
transform-origin: 354.5px 133.5px;
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
margin: 10px 0px 0px;
}/*#IMG_24*/
#BR_28 {
text-align: -webkit-center;
font: normal normal bold normal 14px / 21px "Open Sans", sans-serif;
}/*#BR_28*/
#IMG_30, #IMG_32, #IMG_36 {
color: rgb(0, 0, 238);
height: 150px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 200px;
column-rule-color: rgb(0, 0, 238);
perspective-origin: 100px 75px;
transform-origin: 100px 75px;
border: 0px none rgb(0, 0, 238);
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_30, #IMG_32, #IMG_36*/
#IMG_34 {
color: rgb(0, 0, 238);
height: 150px;
max-width: 100%;
text-align: -webkit-center;
vertical-align: middle;
width: 200px;
column-rule-color: rgb(0, 0, 238);
perspective-origin: 100px 75px;
transform-origin: 100px 75px;
border: 0px none rgb(0, 0, 238);
font: normal normal normal normal 14px / 21px "Open Sans", sans-serif;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_34*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment