Skip to content

Instantly share code, notes, and snippets.

/index.html

Created September 19, 2015 14:58
Show Gist options
  • Save anonymous/58fa5c83fae802fb1a8a to your computer and use it in GitHub Desktop.
Save anonymous/58fa5c83fae802fb1a8a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<style id="jsbin-css">
#TABLE_1 {
cursor: move;
height: 82px;
text-align: left;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border-spacing: 0px 0px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TABLE_1*/
#TBODY_2 {
cursor: move;
height: 82px;
text-align: left;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border: 0px none rgb(128, 128, 128);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TBODY_2*/
#TR_3 {
cursor: move;
height: 82px;
text-align: left;
vertical-align: top;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border: 0px none rgb(128, 128, 128);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TR_3*/
#TD_4 {
cursor: move;
height: 55px;
text-align: left;
vertical-align: top;
width: 120px;
perspective-origin: 42.5px 41px;
transform-origin: 42.5px 41px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
padding: 0px 10px;
}/*#TD_4*/
#IMG_5 {
cursor: se-resize;
height: 80px;
max-width: 120px;
text-align: left;
width: 80px;
perspective-origin: 32.5px 32.5px;
transform-origin: 32.5px 32.5px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#IMG_5*/
#TD_6 {
cursor: move;
height: 82px;
text-align: left;
vertical-align: top;
perspective-origin: 0.5px 41px;
transform-origin: 0.5px 41px;
border-right: 1px solid rgb(102, 102, 102);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TD_6*/
#TD_7 {
color: rgb(100, 100, 100);
cursor: move;
height: 82px;
vertical-align: top;
width: 374px;
perspective-origin: 192px 41px;
transform-origin: 192px 41px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
padding: 0px 0px 0px 10px;
}/*#TD_7*/
#DIV_8 {
color: rgb(100, 100, 100);
cursor: move;
height: 32px;
width: 374px;
perspective-origin: 187px 16px;
transform-origin: 187px 16px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#DIV_8*/
#B_9 {
color: rgb(100, 100, 100);
cursor: move;
border: 0px none rgb(100, 100, 100);
font: normal normal bold normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#B_9*/
#BR_10, #SPAN_11 {
color: rgb(100, 100, 100);
cursor: move;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#BR_10, #SPAN_11*/
#DIV_12 {
color: rgb(141, 141, 141);
cursor: move;
height: 16px;
width: 374px;
perspective-origin: 187px 13px;
transform-origin: 187px 13px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
padding: 5px 0px;
}/*#DIV_12*/
#SPAN_13 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
width: 92px;
perspective-origin: 46px 8px;
transform-origin: 46px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_13*/
#A_14, #A_17 {
color: rgb(141, 141, 141);
cursor: pointer;
text-decoration: none;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#A_14, #A_17*/
#SPAN_15, #SPAN_18 {
color: rgb(102, 102, 102);
cursor: move;
display: inline-block;
height: 16px;
width: 3px;
perspective-origin: 1.5px 8px;
transform-origin: 1.5px 8px;
border: 0px none rgb(102, 102, 102);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(102, 102, 102) none 0px;
}/*#SPAN_15, #SPAN_18*/
#SPAN_16 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
width: 123px;
perspective-origin: 61.5px 8px;
transform-origin: 61.5px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_16*/
#SPAN_19 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
white-space: nowrap;
width: 110px;
perspective-origin: 55px 8px;
transform-origin: 55px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_19*/
#A_20 {
color: rgb(141, 141, 141);
cursor: pointer;
text-decoration: none;
white-space: nowrap;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#A_20*/
#DIV_21 {
color: rgb(100, 100, 100);
cursor: move;
height: 19px;
width: 374px;
perspective-origin: 187px 9.5px;
transform-origin: 187px 9.5px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
margin: 5px 0px 0px;
outline: rgb(100, 100, 100) none 0px;
}/*#DIV_21*/
#A_22, #A_24, #A_26, #A_28 {
cursor: pointer;
font: normal normal normal normal 14px/normal Arial;
}/*#A_22, #A_24, #A_26, #A_28*/
#IMG_23, #IMG_25, #IMG_29 {
color: rgb(0, 0, 238);
cursor: pointer;
height: 16px;
width: 16px;
perspective-origin: 8px 8px;
transform-origin: 8px 8px;
border: 0px none rgb(0, 0, 238);
border-radius: 4px 4px 4px 4px;
font: normal normal normal normal 14px/normal Arial;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_23, #IMG_25, #IMG_29*/
#IMG_27 {
color: rgb(0, 0, 238);
cursor: pointer;
height: 16px;
width: 16px;
perspective-origin: 8px 8px;
transform-origin: 8px 8px;
border: 0px none rgb(0, 0, 238);
border-radius: 4px 4px 4px 4px;
font: normal normal normal normal 14px/normal Arial;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_27*/
</style>
<table id="TABLE_1">
<tbody id="TBODY_2">
<tr id="TR_3">
<td id="TD_4">
<img src="https://s3.amazonaws.com/ucwebapp.wisestamp.com/e7ed0f55-e64d-4dfb-89e9-90c3e8bf8bc2/sa.format_png.resize_120x.png#logo" width="120" height="120" alt="photo" id="IMG_5" />
</td>
<td id="TD_6">
</td>
<td id="TD_7">
<div id="DIV_8">
<b id="B_9">Sasha Khamkov</b><br id="BR_10" /> <span id="SPAN_11">Web Developer</span>
</div>
<div id="DIV_12">
<span id="SPAN_13"><a href="tel:+972547450672" id="A_14">+972547450672</a></span> <span id="SPAN_15">|</span> <span id="SPAN_16"><a href="mailto:sanusart@gmail.com" id="A_17">sanusart@gmail.com</a></span> <span id="SPAN_18">|</span> <span id="SPAN_19"><a href="http://www.sanusart.com" id="A_20">www.sanusart.com</a></span>
</div>
<div id="DIV_21">
<a href="http://twitter.com/sanusart" id="A_22"><img width="16" src="https://s3.amazonaws.com/images.wisestamp.com/icons_32/twitter.png" id="IMG_23" alt='' /></a> <a href="http://plus.google.com/sanusart" id="A_24"><img width="16" src="https://s3.amazonaws.com/images.wisestamp.com/icons_32/googleplus.png" id="IMG_25" alt='' /></a> <a href="http://facebook.com/sanusart" id="A_26"><img width="16" src="https://s3.amazonaws.com/images.wisestamp.com/icons_32/facebook.png" id="IMG_27" alt='' /></a> <a href="http://us.linkedin.com/in/sanusart" id="A_28"><img width="16" src="https://s3.amazonaws.com/images.wisestamp.com/icons_32/linkedin.png" id="IMG_29" alt='' /></a>
</div>
</td>
</tr>
</tbody>
</table>
<script id="jsbin-source-css" type="text/css">#TABLE_1 {
cursor: move;
height: 82px;
text-align: left;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border-spacing: 0px 0px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TABLE_1*/
#TBODY_2 {
cursor: move;
height: 82px;
text-align: left;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border: 0px none rgb(128, 128, 128);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TBODY_2*/
#TR_3 {
cursor: move;
height: 82px;
text-align: left;
vertical-align: top;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border: 0px none rgb(128, 128, 128);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TR_3*/
#TD_4 {
cursor: move;
height: 55px;
text-align: left;
vertical-align: top;
width: 120px;
perspective-origin: 42.5px 41px;
transform-origin: 42.5px 41px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
padding: 0px 10px;
}/*#TD_4*/
#IMG_5 {
cursor: se-resize;
height: 80px;
max-width: 120px;
text-align: left;
width: 80px;
perspective-origin: 32.5px 32.5px;
transform-origin: 32.5px 32.5px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#IMG_5*/
#TD_6 {
cursor: move;
height: 82px;
text-align: left;
vertical-align: top;
perspective-origin: 0.5px 41px;
transform-origin: 0.5px 41px;
border-right: 1px solid rgb(102, 102, 102);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TD_6*/
#TD_7 {
color: rgb(100, 100, 100);
cursor: move;
height: 82px;
vertical-align: top;
width: 374px;
perspective-origin: 192px 41px;
transform-origin: 192px 41px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
padding: 0px 0px 0px 10px;
}/*#TD_7*/
#DIV_8 {
color: rgb(100, 100, 100);
cursor: move;
height: 32px;
width: 374px;
perspective-origin: 187px 16px;
transform-origin: 187px 16px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#DIV_8*/
#B_9 {
color: rgb(100, 100, 100);
cursor: move;
border: 0px none rgb(100, 100, 100);
font: normal normal bold normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#B_9*/
#BR_10, #SPAN_11 {
color: rgb(100, 100, 100);
cursor: move;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#BR_10, #SPAN_11*/
#DIV_12 {
color: rgb(141, 141, 141);
cursor: move;
height: 16px;
width: 374px;
perspective-origin: 187px 13px;
transform-origin: 187px 13px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
padding: 5px 0px;
}/*#DIV_12*/
#SPAN_13 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
width: 92px;
perspective-origin: 46px 8px;
transform-origin: 46px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_13*/
#A_14, #A_17 {
color: rgb(141, 141, 141);
cursor: pointer;
text-decoration: none;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#A_14, #A_17*/
#SPAN_15, #SPAN_18 {
color: rgb(102, 102, 102);
cursor: move;
display: inline-block;
height: 16px;
width: 3px;
perspective-origin: 1.5px 8px;
transform-origin: 1.5px 8px;
border: 0px none rgb(102, 102, 102);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(102, 102, 102) none 0px;
}/*#SPAN_15, #SPAN_18*/
#SPAN_16 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
width: 123px;
perspective-origin: 61.5px 8px;
transform-origin: 61.5px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_16*/
#SPAN_19 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
white-space: nowrap;
width: 110px;
perspective-origin: 55px 8px;
transform-origin: 55px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_19*/
#A_20 {
color: rgb(141, 141, 141);
cursor: pointer;
text-decoration: none;
white-space: nowrap;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#A_20*/
#DIV_21 {
color: rgb(100, 100, 100);
cursor: move;
height: 19px;
width: 374px;
perspective-origin: 187px 9.5px;
transform-origin: 187px 9.5px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
margin: 5px 0px 0px;
outline: rgb(100, 100, 100) none 0px;
}/*#DIV_21*/
#A_22, #A_24, #A_26, #A_28 {
cursor: pointer;
font: normal normal normal normal 14px/normal Arial;
}/*#A_22, #A_24, #A_26, #A_28*/
#IMG_23, #IMG_25, #IMG_29 {
color: rgb(0, 0, 238);
cursor: pointer;
height: 16px;
width: 16px;
perspective-origin: 8px 8px;
transform-origin: 8px 8px;
border: 0px none rgb(0, 0, 238);
border-radius: 4px 4px 4px 4px;
font: normal normal normal normal 14px/normal Arial;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_23, #IMG_25, #IMG_29*/
#IMG_27 {
color: rgb(0, 0, 238);
cursor: pointer;
height: 16px;
width: 16px;
perspective-origin: 8px 8px;
transform-origin: 8px 8px;
border: 0px none rgb(0, 0, 238);
border-radius: 4px 4px 4px 4px;
font: normal normal normal normal 14px/normal Arial;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_27*/
</script>
Raw
jsbin.deqapi.css
#TABLE_1 {
cursor: move;
height: 82px;
text-align: left;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border-spacing: 0px 0px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TABLE_1*/
#TBODY_2 {
cursor: move;
height: 82px;
text-align: left;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border: 0px none rgb(128, 128, 128);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TBODY_2*/
#TR_3 {
cursor: move;
height: 82px;
text-align: left;
vertical-align: top;
width: 470px;
perspective-origin: 235px 41px;
transform-origin: 235px 41px;
border: 0px none rgb(128, 128, 128);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TR_3*/
#TD_4 {
cursor: move;
height: 55px;
text-align: left;
vertical-align: top;
width: 120px;
perspective-origin: 42.5px 41px;
transform-origin: 42.5px 41px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
padding: 0px 10px;
}/*#TD_4*/
#IMG_5 {
cursor: se-resize;
height: 80px;
max-width: 120px;
text-align: left;
width: 80px;
perspective-origin: 32.5px 32.5px;
transform-origin: 32.5px 32.5px;
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#IMG_5*/
#TD_6 {
cursor: move;
height: 82px;
text-align: left;
vertical-align: top;
perspective-origin: 0.5px 41px;
transform-origin: 0.5px 41px;
border-right: 1px solid rgb(102, 102, 102);
font: normal normal normal normal 16px/normal Helvetica, Arial, sans-serif;
}/*#TD_6*/
#TD_7 {
color: rgb(100, 100, 100);
cursor: move;
height: 82px;
vertical-align: top;
width: 374px;
perspective-origin: 192px 41px;
transform-origin: 192px 41px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
padding: 0px 0px 0px 10px;
}/*#TD_7*/
#DIV_8 {
color: rgb(100, 100, 100);
cursor: move;
height: 32px;
width: 374px;
perspective-origin: 187px 16px;
transform-origin: 187px 16px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#DIV_8*/
#B_9 {
color: rgb(100, 100, 100);
cursor: move;
border: 0px none rgb(100, 100, 100);
font: normal normal bold normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#B_9*/
#BR_10, #SPAN_11 {
color: rgb(100, 100, 100);
cursor: move;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
outline: rgb(100, 100, 100) none 0px;
}/*#BR_10, #SPAN_11*/
#DIV_12 {
color: rgb(141, 141, 141);
cursor: move;
height: 16px;
width: 374px;
perspective-origin: 187px 13px;
transform-origin: 187px 13px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
padding: 5px 0px;
}/*#DIV_12*/
#SPAN_13 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
width: 92px;
perspective-origin: 46px 8px;
transform-origin: 46px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_13*/
#A_14, #A_17 {
color: rgb(141, 141, 141);
cursor: pointer;
text-decoration: none;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#A_14, #A_17*/
#SPAN_15, #SPAN_18 {
color: rgb(102, 102, 102);
cursor: move;
display: inline-block;
height: 16px;
width: 3px;
perspective-origin: 1.5px 8px;
transform-origin: 1.5px 8px;
border: 0px none rgb(102, 102, 102);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(102, 102, 102) none 0px;
}/*#SPAN_15, #SPAN_18*/
#SPAN_16 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
width: 123px;
perspective-origin: 61.5px 8px;
transform-origin: 61.5px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_16*/
#SPAN_19 {
color: rgb(141, 141, 141);
cursor: move;
display: inline-block;
height: 16px;
white-space: nowrap;
width: 110px;
perspective-origin: 55px 8px;
transform-origin: 55px 8px;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#SPAN_19*/
#A_20 {
color: rgb(141, 141, 141);
cursor: pointer;
text-decoration: none;
white-space: nowrap;
border: 0px none rgb(141, 141, 141);
font: normal normal normal normal 13px/normal Arial;
outline: rgb(141, 141, 141) none 0px;
}/*#A_20*/
#DIV_21 {
color: rgb(100, 100, 100);
cursor: move;
height: 19px;
width: 374px;
perspective-origin: 187px 9.5px;
transform-origin: 187px 9.5px;
border: 0px none rgb(100, 100, 100);
font: normal normal normal normal 14px/normal Arial;
margin: 5px 0px 0px;
outline: rgb(100, 100, 100) none 0px;
}/*#DIV_21*/
#A_22, #A_24, #A_26, #A_28 {
cursor: pointer;
font: normal normal normal normal 14px/normal Arial;
}/*#A_22, #A_24, #A_26, #A_28*/
#IMG_23, #IMG_25, #IMG_29 {
color: rgb(0, 0, 238);
cursor: pointer;
height: 16px;
width: 16px;
perspective-origin: 8px 8px;
transform-origin: 8px 8px;
border: 0px none rgb(0, 0, 238);
border-radius: 4px 4px 4px 4px;
font: normal normal normal normal 14px/normal Arial;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_23, #IMG_25, #IMG_29*/
#IMG_27 {
color: rgb(0, 0, 238);
cursor: pointer;
height: 16px;
width: 16px;
perspective-origin: 8px 8px;
transform-origin: 8px 8px;
border: 0px none rgb(0, 0, 238);
border-radius: 4px 4px 4px 4px;
font: normal normal normal normal 14px/normal Arial;
outline: rgb(0, 0, 238) none 0px;
}/*#IMG_27*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment