<script type="text/javascript" src="//editor.silex.me/static/2.7/pageable.js" data-silex-static=""></script>
<script type="text/javascript" src="//editor.silex.me/static/2.7/front-end.js" data-silex-static=""></script>
<!-- Normalize -->
<link href="//editor.silex.me/static/2.7/normalize.css" rel="stylesheet" data-silex-static="">
<!-- Silex style -->
<link href="//editor.silex.me/static/2.7/front-end.css" rel="stylesheet" data-silex-static="">
<style type="text/css" class="silex-style">
/*
Here are the CSS styles of your website.
Bellow are some examples, like the styles which you can apply to your text in the text editor.
See this page for help on CSS
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started
In the advanced "Apollo" mode, you will be able to add CSS classes to Silex elements,
and then apply a CSS style to it here.
*/
/* define a style for Title, Headings and Normal texts */
.title,
.heading1,
.heading2,
.heading3,
.normal {
color: #666666;
font-family: verdana, arial;
margin: 0;
}
/* title style */
.title {
font-size: 45px;
}
/* special classes, dedicace to leo */
body {
padding: 0;
}
.editable-style.full-width {
width: 2000px;
left: 0;
}
.editable-style.centered {
left: 50%;
width: 980px;
margin-left: -490px;
position: absolute;
}
.editable-style.right-aligned {
right: 0;
left: auto;
}
.silex-runtime .editable-style.full-width {
width: 100%;
}
/* website styles */
.normal,
.heading1 {
font-weight: normal;
color: white;
}
.heading2 {
font-weight: normal;
color: black;
color: white;
}
.page-content .heading1 {
font-size: 36px;
font-family: sans-serif;
color: #3D3D3D;
font-weight: normal;
}
.page-content .normal {
color: #818181;
}
/* NAV */
.nav div {
color: white;
font-family: sans-serif;
font-size: 16px;
font-weight: normal;
}
.nav a.page-link-active {
font-weight: bold;
border-bottom: 4px solid #34b399;
}
/* override default links style */
.editable-style.nav a:hover {
text-decoration: initial;
}
/* prevent the body to have a margin on top in mobile version */
body {
padding-top: 0 !important;
}
</style>
<script type="text/javascript" class="silex-script"></script>
<style class="silex-inline-styles" type="text/css">
.silex-id-1439555806958-90 {
cursor: auto;
background-color: rgb(255, 255, 255);
}
.silex-id-1484951384737-1 {
top: 0px;
left: 0px;
background-image: url('../../../../../../../libs/templates/silex-templates/online-service/assets/background_header.jpg');
background-position: center right;
min-width: 945px;
background-size: cover;
background-repeat: no-repeat;
background-color: rgba(65, 73, 96, 1);
background-attachment: scroll;
}
.silex-id-1484951384736-0 {
min-height: 693px;
background-color: transparent;
width: 945px;
top: 15px;
left: 654px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1484951384736-0 {
min-height: 302px;
top: 168px;
left: 12px;
width: 445px;
}
}
.silex-id-1439555803858-60 {
width: 945px;
top: 26px;
left: -1px;
background-color: transparent;
min-height: 47px;
}
.silex-id-1439555803976-61 {
width: 298.605px;
top: 2px;
left: 3px;
min-height: 40px;
}
.silex-id-1439555803757-59 {
width: 150px;
top: 15px;
left: 471px;
background-color: transparent;
min-height: 22px;
}
.silex-id-1439555803655-58 {
width: 150px;
top: 15px;
left: 636px;
background-color: transparent;
min-height: 23px;
}
.silex-id-1439555803551-57 {
width: 150px;
top: 15px;
left: 794px;
background-color: transparent;
min-height: 23px;
}
.silex-id-1439555803032-54 {
width: 945px;
top: 253px;
left: 0px;
background-color: transparent;
min-height: 87px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1439555803032-54 {
top: 61px;
left: 11px;
width: 423px;
min-height: 52px;
}
}
.silex-id-1439555803447-56 {
width: 242px;
top: 460px;
left: 355px;
background-color: rgb(43, 148, 126);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-height: 46px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1439555803447-56 {
top: 496px;
left: 11px;
width: 423px;
min-height: 46px;
}
}
.silex-id-1439555803309-55 {
width: 215px;
top: 13px;
left: 13px;
background-color: transparent;
min-height: 33px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1439555803309-55 {
top: 13px;
left: 104px;
width: 215px;
min-height: 20px;
}
}
.silex-id-1492777224370-7 {
width: 46px;
min-height: 168px;
background-color: transparent;
top: 217px;
left: 0px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1492777224370-7 {
top: 0px;
left: 178px;
width: 113px;
min-height: 95px;
}
}
.silex-id-1484951794946-5 {
min-height: 100px;
top: 591px;
left: 0px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1484951794946-5 {
top: 535px;
left: 0px;
}
}
.silex-id-1484951794946-4 {
min-height: 1235px;
background-color: transparent;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1484951794946-4 {
min-height: 1689px;
}
}
.silex-id-1439555805416-75 {
width: 487.309px;
top: 60px;
left: 464px;
min-height: 303px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1439555805416-75 {
top: 36px;
left: 11px;
width: 423px;
min-height: 248px;
}
}
.silex-id-1439555805723-78 {
width: 400px;
top: 58px;
left: 47px;
background-color: transparent;
min-height: 178px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1439555805723-78 {
top: 29px;
left: 23px;
width: 400px;
min-height: 119px;
}
}
.silex-id-1439555805622-77 {
width: 242px;
top: 246px;
left: 116px;
background-color: rgb(43, 148, 126);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-height: 46px;
}
.silex-id-1439555805518-76 {
width: 215px;
top: 17px;
left: 14px;
background-color: transparent;
min-height: 20px;
}
.silex-id-1439555805314-74 {
width: 495.52px;
top: 515px;
left: -2px;
min-height: 152px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1439555805314-74 {
top: 697px;
left: 11px;
width: 423px;
min-height: 123px;
}
}
.silex-id-1439555805211-73 {
width: 400px;
top: 515px;
left: 533px;
background-color: transparent;
min-height: 146px;
}
.silex-id-1439555805010-71 {
width: 242px;
top: 664px;
left: 533px;
background-color: rgb(43, 148, 126);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-height: 46px;
}
.silex-id-1439555804907-70 {
width: 215px;
top: 16px;
left: 14px;
background-color: transparent;
min-height: 28px;
}
.silex-id-1439555805111-72 {
width: 400px;
top: 795px;
left: 268px;
background-color: transparent;
min-height: 53px;
}
.silex-id-1439555804805-69 {
width: 484px;
top: 872px;
left: 219px;
background-color: rgb(255, 255, 255);
min-height: 331px;
}
.silex-id-1484952760464-11 {
min-height: 100px;
top: 439px;
left: 0px;
}
.silex-id-1484952760463-10 {
min-height: 585px;
background-color: transparent;
}
.silex-id-1484952775498-12 {
min-height: 288px;
width: 877px;
top: 58px;
left: 33px;
}
.silex-id-1484951945204-7 {
min-height: 100px;
top: 4107px;
left: 0px;
background-color: rgba(65, 73, 96, 1);
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1484951945204-7 {
top: 2052px;
left: 0px;
}
}
.silex-id-1484951945204-6 {
min-height: 482px;
background-color: transparent;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1484951945204-6 {
min-height: 676px;
}
}
.silex-id-1439555806543-86 {
width: 980px;
top: 32px;
left: -17px;
background-color: transparent;
min-height: 57px;
}
.silex-id-1439555806441-85 {
width: 302px;
top: 259px;
left: 17px;
background-color: transparent;
min-height: 116px;
}
.silex-id-1439555806339-84 {
width: 141.518px;
top: 147px;
left: 416px;
min-height: 79px;
}
.silex-id-1439555806236-83 {
width: 91px;
top: 137px;
left: 116px;
min-height: 91px;
}
.silex-id-1439555806030-81 {
width: 265px;
top: 258px;
left: 360px;
background-color: transparent;
min-height: 190px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1439555806030-81 {
top: 173px;
left: 158px;
width: 265px;
min-height: 164px;
}
}
.silex-id-1439555805927-80 {
width: 302px;
top: 257px;
left: 647px;
background-color: transparent;
min-height: 190px;
}
@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {
.silex-id-1439555805927-80 {
top: 363px;
left: 13px;
width: 302px;
min-height: 152px;
}
}
.silex-id-1439555806132-82 {
width: 90px;
top: 140px;
left: 732px;
min-height: 78.6792px;
}
.silex-id-1484952021004-9 {
min-height: 100px;
top: 4107px;
left: 0px;
background-color: rgba(0, 0, 0, 1);
}
.silex-id-1484952021003-8 {
min-height: 108px;
background-color: transparent;
}
.silex-id-1439555802805-52 {
width: 855px;
top: 24px;
left: 45px;
background-color: transparent;
min-height: 55px;
}
</style>
<script type="text/javascript" class="silex-json-styles">
[{"desktop":{"silex-id-1439555806958-90":{"cursor":"auto","background-color":"rgb(255, 255, 255)"},"silex-id-1439555806749-88":{"width":"100px","top":"1698px","left":"0px","background-color":"rgb(65, 73, 96)","min-height":"501px"},"silex-id-1439555806648-87":{"width":"980px","top":"18px","left":"1002px","background-color":"transparent","min-height":"461px"},"silex-id-1439555806543-86":{"width":"980px","top":"32px","left":"-17px","background-color":"transparent","min-height":"57px"},"silex-id-1439555806441-85":{"width":"302px","top":"259px","left":"17px","background-color":"transparent","min-height":"116px"},"silex-id-1439555806339-84":{"width":"141.518px","top":"147px","left":"416px","min-height":"79px"},"silex-id-1439555806236-83":{"width":"91px","top":"137px","left":"116px","min-height":"91px"},"silex-id-1439555806132-82":{"width":"90px","top":"140px","left":"732px","min-height":"78.6792px"},"silex-id-1439555806030-81":{"width":"265px","top":"258px","left":"360px","background-color":"transparent","min-height":"190px"},"silex-id-1439555805927-80":{"width":"302px","top":"257px","left":"647px","background-color":"transparent","min-height":"190px"},"silex-id-1439555805825-79":{"width":"980px","top":"468px","left":"510px","background-color":"transparent","min-height":"1193px"},"silex-id-1439555805723-78":{"width":"400px","top":"58px","left":"47px","background-color":"transparent","min-height":"178px"},"silex-id-1439555805622-77":{"width":"242px","top":"246px","left":"116px","background-color":"rgb(43, 148, 126)","border-top-left-radius":"5px","border-top-right-radius":"5px","border-bottom-right-radius":"5px","border-bottom-left-radius":"5px","min-height":"46px"},"silex-id-1439555805518-76":{"width":"215px","top":"17px","left":"14px","background-color":"transparent","min-height":"20px"},"silex-id-1439555805416-75":{"width":"487.309px","top":"60px","left":"464px","min-height":"303px"},"silex-id-1439555805314-74":{"width":"495.52px","top":"515px","left":"-2px","min-height":"152px"},"silex-id-1439555805211-73":{"width":"400px","top":"515px","left":"533px","background-color":"transparent","min-height":"146px"},"silex-id-1439555805111-72":{"width":"400px","top":"795px","left":"268px","background-color":"transparent","min-height":"53px"},"silex-id-1439555805010-71":{"width":"242px","top":"664px","left":"533px","background-color":"rgb(43, 148, 126)","border-top-left-radius":"5px","border-top-right-radius":"5px","border-bottom-right-radius":"5px","border-bottom-left-radius":"5px","min-height":"46px"},"silex-id-1439555804907-70":{"width":"215px","top":"16px","left":"14px","background-color":"transparent","min-height":"28px"},"silex-id-1439555804805-69":{"width":"484px","top":"872px","left":"219px","background-color":"rgb(255, 255, 255)","min-height":"331px"},"silex-id-1439555804395-65":{"width":"21px","top":"10px","left":"466px","opacity":"0.8","min-height":"19px"},"silex-id-1439555804293-64":{"width":"25px","top":"7px","left":"424px","opacity":"0.8","min-height":"25px"},"silex-id-1439555804192-63":{"width":"13.3333px","top":"9px","left":"386px","opacity":"0.8","min-height":"22px"},"silex-id-1439555803976-61":{"width":"298.605px","top":"2px","left":"3px","min-height":"40px"},"silex-id-1439555803858-60":{"width":"945px","top":"26px","left":"-1px","background-color":"transparent","min-height":"47px"},"silex-id-1439555803757-59":{"width":"150px","top":"15px","left":"471px","background-color":"transparent","min-height":"22px"},"silex-id-1439555803655-58":{"width":"150px","top":"15px","left":"636px","background-color":"transparent","min-height":"23px"},"silex-id-1439555803551-57":{"width":"150px","top":"15px","left":"794px","background-color":"transparent","min-height":"23px"},"silex-id-1439555803447-56":{"width":"242px","top":"460px","left":"355px","background-color":"rgb(43, 148, 126)","border-top-left-radius":"5px","border-top-right-radius":"5px","border-bottom-right-radius":"5px","border-bottom-left-radius":"5px","min-height":"46px"},"silex-id-1439555803309-55":{"width":"215px","top":"13px","left":"13px","background-color":"transparent","min-height":"33px"},"silex-id-1439555803032-54":{"width":"945px","top":"253px","left":"0px","background-color":"transparent","min-height":"87px"},"silex-id-1439555802805-52":{"width":"855px","top":"24px","left":"45px","background-color":"transparent","min-height":"55px"},"silex-id-1484951384736-0":{"min-height":"693px","background-color":"transparent","width":"945px","top":"15px","left":"654px"},"silex-id-1484951384737-1":{"top":"0px","left":"0px","background-image":"url('../../../../../../../libs/templates/silex-templates/online-service/assets/background_header.jpg')","background-position":"center right","min-width":"945px","background-size":"cover","background-repeat":"no-repeat","background-color":"rgba(65,73,96,1)","background-attachment":"scroll"},"silex-id-1484951659147-2":{"min-height":"100px","background-color":"transparent"},"silex-id-1484951794946-4":{"min-height":"1235px","background-color":"transparent"},"silex-id-1484951794946-5":{"min-height":"100px","top":"591px","left":"0px"},"silex-id-1484951945204-6":{"min-height":"482px","background-color":"transparent"},"silex-id-1484951945204-7":{"min-height":"100px","top":"4107px","left":"0px","background-color":"rgba(65,73,96,1)"},"silex-id-1484952021003-8":{"min-height":"108px","background-color":"transparent"},"silex-id-1484952021004-9":{"min-height":"100px","top":"4107px","left":"0px","background-color":"rgba(0,0,0,1)"},"silex-id-1484952760463-10":{"min-height":"585px","background-color":"transparent"},"silex-id-1484952760464-11":{"min-height":"100px","top":"439px","left":"0px"},"silex-id-1484952775498-12":{"min-height":"288px","width":"877px","top":"58px","left":"33px"},"silex-id-1492777118376-4":{"width":"","background-color":"","min-height":"37px"},"silex-id-1492777224370-7":{"width":"46px","min-height":"168px","background-color":"transparent","top":"217px","left":"0px"}},"mobile":{"silex-id-1484951794946-5":{"top":"535px","left":"0px"},"silex-id-1484951794946-4":{"min-height":"1689px"},"silex-id-1439555805723-78":{"top":"29px","left":"23px","width":"400px","min-height":"119px"},"silex-id-1484951384736-0":{"min-height":"302px","top":"168px","left":"12px","width":"445px"},"silex-id-1439555803032-54":{"top":"61px","left":"11px","width":"423px","min-height":"52px"},"silex-id-1439555803447-56":{"top":"496px","left":"11px","width":"423px","min-height":"46px"},"silex-id-1439555803309-55":{"top":"13px","left":"104px","width":"215px","min-height":"20px"},"silex-id-1492777224370-7":{"top":"0px","left":"178px","width":"113px","min-height":"95px"},"silex-id-1484951384737-1":{"background-image":""},"silex-id-1439555805314-74":{"top":"697px","left":"11px","width":"423px","min-height":"123px"},"silex-id-1439555805927-80":{"top":"363px","left":"13px","width":"302px","min-height":"152px"},"silex-id-1439555806030-81":{"top":"173px","left":"158px","width":"265px","min-height":"164px"},"silex-id-1484951945204-7":{"top":"2052px","left":"0px"},"silex-id-1484951945204-6":{"min-height":"676px"},"silex-id-1439555805416-75":{"top":"36px","left":"11px","width":"423px","min-height":"248px"}},"componentData":{"silex-id-1492777224370-7":{"name":"share1","templateName":"share","networks":["Facebook","Twitter","Google+",""],"style":"Flat Web Icon Set - Inverted","description":"Your site description"}}}]
</script>
<meta name="publicationPath" content="/api/1.0/github/exec/put//silex-templates/wip/online-service">
<meta name="website-width" content="945">
<style type="text/css" class="silex-style-settings">
.website-width {
width: 945px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.2" data-silex-viewport="">
<style id="current-page-style">
.page-use-backnode {
display: inherit;
}
</style>
<!-- Silex HEAD tag do not remove -->
<!-- End of Silex HEAD tag do not remove -->
<div class="silex-pages">
<div data-silex-type="image" data-silex-id="silex-id-hamburger-menu" class="menu-button editable-style silex-id-hamburger-menu image-element page-page-1 paged-element prevent-draggable prevent-resizable hide-on-mobile"><img alt="open mobile menu" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAoCAYAAAC8cqlMAAAB5UlEQVR42u2ZPWvCUBSGM+UfFO3e3dLu/QN+oKj4EUXRQREEJYgoiCAu6qCogyDo7iJ21UUaKqEgCC4iiEMGB3UVgsnpTWj/wfVK2nvhGbKEPJyT996TMMzPGg6H5mKx+GgkyuWyeTQasb8OTDwef4tEIp8+n+/LYIjJZJJHQiwzm81M6OLDarWqNpsNjEYgEJCy2ewT0+/3TagighElNFAnQT6ft1ARKkJFqMgfFvF4PFpuEwFtdrcRqVarIIoirFYrIiyXSxiPx+B2u/GJBINBuF6vQHopigK1Wg2fCMdxcLlciIuoqgqNRgOfiN1uB3Qwg91uB8fjkQiHwwEmkwne1qLxS0VuKKJle71eh06nQ4Rmswk8z+MVcTqdsNlsQJZlotF7Pp8hk8ngE4lGo/qN7xG/vV4Pb0Xm8zlxkdPpBGgMx/+yJxIJKBQKRMjlcuBwOGhq/Q+RcDgMsViMCFrAuFwu/CKDwQC22y1IkkSE/X4PgiDo+xc2Ea0S9zjGa/Hb7Xbxifj9fj0K7yFSqVTwtlY6nYbpdKpPiSRYLBbQarX0PYymFhWhIlSEilCRW6GdyUqlkoVZr9dsKpXiOY6TtW+7BkNBz/7ebrcf9L+6Xq+XRYPMMyrTq5EIhUIvaAjTJb4BBNQ2yhnth0wAAAAASUVORK5CYII="
class="silex-element-content"></div><a id="page-use-backnode" data-silex-type="page" class="page-element page-link-active">Use Backnode</a><a class="page-element" data-silex-type="page" id="page-documentation">Documentation</a><a class="page-element"
data-silex-type="page" id="page-learn-backnode">Learn Backnode</a></div>
<div data-silex-type="container" class="prevent-draggable container-element editable-style silex-id-1484951384737-1 section-element" data-silex-id="silex-id-1484951384737-1">
<div data-silex-type="container" class="editable-style silex-element-content website-width silex-id-1484951384736-0 silex-container-content container-element prevent-draggable" data-silex-id="silex-id-1484951384736-0">
<div class="editable-style container-element nav silex-id-1439555803858-60 hide-on-mobile" data-silex-type="container" data-silex-id="silex-id-1439555803858-60">
<div class="editable-style image-element silex-id-1439555803976-61 page-link-active" data-silex-type="image" data-silex-id="silex-id-1439555803976-61" data-silex-href="#!page-use-backnode"><img class="silex-element-content" src="../../../../../../../libs/templates/silex-templates/online-service/assets/logo.png">
</div>
<div class="editable-style text-element silex-id-1439555803757-59" data-silex-type="text" data-silex-id="silex-id-1439555803757-59">
<div class="silex-element-content normal">
<div style="text-align: center;"><a class="page-link-active" href="#!page-use-backnode">Use Backnode</a>
</div>
</div>
</div>
<div class="editable-style text-element silex-id-1439555803655-58" data-silex-type="text" data-silex-id="silex-id-1439555803655-58">
<div class="silex-element-content normal">
<div style="text-align: center;"><a class="" href="#!page-documentation">Documentation</a>
<br>
</div>
</div>
</div>
<div class="editable-style text-element silex-id-1439555803551-57" data-silex-type="text" data-silex-id="silex-id-1439555803551-57">
<div class="silex-element-content normal">
<div style="text-align: center;"><a class="" href="#!page-learn-backnode">Learn Backnode</a>
</div>
</div>
</div>
</div>
<div class="editable-style text-element silex-id-1439555803032-54" data-silex-type="text" data-silex-id="silex-id-1439555803032-54">
<div class="silex-element-content normal">
<h1 style="text-align: center;" class="heading1">Hello, this is Backnode !</h1>
<div style="text-align: center;">Thanks to this tutorial, learn how to use this wonderful tool</div>
</div>
</div>
<div class="editable-style container-element silex-id-1439555803447-56" data-silex-type="container" data-silex-id="silex-id-1439555803447-56" data-silex-href="#!page-documentation">
<div class="editable-style text-element silex-id-1439555803309-55" data-silex-type="text" data-silex-id="silex-id-1439555803309-55">
<div class="silex-element-content normal">
<div style="text-align: center;"><span style="color: rgb(255, 255, 255);">DISCOVER BACKNODE<br></span>
</div>
</div>
</div>
</div>
</div>
<div data-silex-type="html" class="editable-style silex-id-1492777224370-7 html-element silex-component page-use-backnode paged-element" data-silex-id="silex-id-1492777224370-7">
<div class="silex-element-content">
<ul class="share-buttons" id="id_1495974873542_249">
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u=//yoursite.com&t=Your%20site%20title" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" data-silex-static="" src="//editor.silex.me/static/2.7/simplesharingbuttons/flat_web_icon_set/inverted/Facebook.png"></a>
</li>
<li>
<a href="https://twitter.com/intent/tweet?source=//yoursite.com&text=Your%20site%20title:%20http://yoursite.com&via=silexlabs" target="_blank" title="Share on Twitter"><img alt="Twitt" data-silex-static="" src="//editor.silex.me/static/2.7/simplesharingbuttons/flat_web_icon_set/inverted/Twitter.png"></a>
</li>
<li>
<a href="https://plus.google.com/share?url=http://yoursite.com" target="_blank" title="Share on Google+"><img alt="Share on Google+" data-silex-static="" src="//editor.silex.me/static/2.7/simplesharingbuttons/flat_web_icon_set/inverted/Google%2B.png"></a>
</li>
</ul>
<style type="text/css">
#id_1495974873542_249.share-buttons {
list-style: none;
padding: 0;
}
#id_1495974873542_249.share-buttons li {
display: inline;
}
#id_1495974873542_249.share-buttons .sr-only {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
</style>
</div>
</div>
</div>
<div data-silex-type="container" class="prevent-draggable container-element editable-style silex-id-1484951794946-5 section-element page-use-backnode paged-element" data-silex-id="silex-id-1484951794946-5">
<div data-silex-type="container" class="editable-style silex-element-content website-width silex-id-1484951794946-4 silex-container-content container-element prevent-draggable" data-silex-id="silex-id-1484951794946-4">
<div class="editable-style image-element silex-id-1439555805416-75" data-silex-type="image" data-silex-id="silex-id-1439555805416-75"><img class="silex-element-content" src="../../../../../../../libs/templates/silex-templates/online-service/assets/editing_tool.png">
</div>
<div class="editable-style text-element silex-id-1439555805723-78" data-silex-type="text" data-silex-id="silex-id-1439555805723-78">
<div class="silex-element-content normal">
<h3 class="heading3"></h3>
<h1 class="heading1">
<font color="#000000">A new editing tool</font>
</h1>
<p class="normal">
<font color="#000000">Backnode helps you to edit the images and texts of your website in a simple and efficient way. You do not need to learn to code, you just have to open Backnode and you're done !
<br>
</font>
</p>
<br>
</div>
</div>
<div class="editable-style container-element silex-id-1439555805622-77" data-silex-type="container" data-silex-id="silex-id-1439555805622-77" data-silex-href="#!page-documentation">
<div class="editable-style text-element silex-id-1439555805518-76" data-silex-type="text" data-silex-id="silex-id-1439555805518-76">
<div class="silex-element-content normal">
<div style="text-align: center;"><span style="color: rgb(255, 255, 255);">LEARN MORE<br></span>
</div>
</div>
</div>
</div>
<div class="editable-style image-element silex-id-1439555805314-74" data-silex-type="image" data-silex-id="silex-id-1439555805314-74"><img class="silex-element-content" src="../../../../../../../libs/templates/silex-templates/online-service/assets/howitworks.png">
</div>
<div class="editable-style text-element silex-id-1439555805211-73" data-silex-type="text" data-silex-id="silex-id-1439555805211-73">
<div class="silex-element-content normal">
<h1 class="heading1">
<font color="#000000">How does it work?</font>
</h1>
<font color="#000000">Upload an HTML page in the CMS, and each editable content will be automatically displayed. Choose, tap, click and save.
</font>
<br>
</div>
</div>
<div class="editable-style container-element silex-id-1439555805010-71" data-silex-type="container" data-silex-id="silex-id-1439555805010-71" data-silex-href="#!page-learn-backnode">
<div class="editable-style text-element silex-id-1439555804907-70" data-silex-type="text" data-silex-id="silex-id-1439555804907-70">
<div class="silex-element-content normal">
<div style="text-align: center;"><span style="color: rgb(255, 255, 255);">LEARN MORE<br></span>
</div>
</div>
</div>
</div>
<div class="editable-style text-element silex-id-1439555805111-72" data-silex-type="text" data-silex-id="silex-id-1439555805111-72">
<div class="silex-element-content normal">
<h1 style="text-align: center;" class="heading1">
<font color="#000000">Vidéo tutorial</font><br></h1>
</div>
</div>
<div class="editable-style html-element silex-id-1439555804805-69" data-silex-type="html" data-silex-id="silex-id-1439555804805-69">
<div class="silex-element-content">
<iframe allowfullscreen="" data-silex-iframe-src="https://www.youtube.com/embed/LZl_owOFQLQ" src="https://www.youtube.com/embed/LZl_owOFQLQ" width="100%" height="315" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
<div data-silex-type="container" class="prevent-draggable container-element editable-style silex-id-1484952760464-11 section-element page-documentation paged-element page-learn-backnode" data-silex-id="silex-id-1484952760464-11">
<div data-silex-type="container" class="editable-style silex-element-content website-width silex-id-1484952760463-10 silex-container-content container-element prevent-draggable" data-silex-id="silex-id-1484952760463-10">
<div data-silex-type="text" class="editable-style silex-id-1484952775498-12 text-element" data-silex-id="silex-id-1484952775498-12">
<div class="silex-element-content normal">
<font color="#000000">Waiting for your content here...</font>
</div>
</div>
</div>
</div>
<div data-silex-type="container" class="prevent-draggable container-element editable-style silex-id-1484951945204-7 section-element" data-silex-id="silex-id-1484951945204-7">
<div data-silex-type="container" class="editable-style silex-element-content website-width silex-id-1484951945204-6 silex-container-content container-element prevent-draggable" data-silex-id="silex-id-1484951945204-6">
<div class="editable-style text-element silex-id-1439555806543-86" data-silex-type="text" data-silex-id="silex-id-1439555806543-86">
<div class="silex-element-content normal">
<h1 style="text-align: center;" class="heading1">Join a great community</h1>
</div>
</div>
<div class="editable-style text-element silex-id-1439555806441-85" data-silex-type="text" data-silex-id="silex-id-1439555806441-85">
<div class="silex-element-content normal">
<h2 style="text-align: center;" class="heading2">A free tool</h2>
<p style="text-align: center;" class="normal">This open source CMS can be use by everyone, free of charge.</p>
</div>
</div>
<div class="editable-style image-element silex-id-1439555806339-84" data-silex-type="image" data-silex-id="silex-id-1439555806339-84"><img class="silex-element-content" src="../../../../../../../libs/templates/silex-templates/online-service/assets/picto2.png">
</div>
<div class="editable-style image-element silex-id-1439555806236-83" data-silex-type="image" data-silex-id="silex-id-1439555806236-83"><img class="silex-element-content" src="../../../../../../../libs/templates/silex-templates/online-service/assets/picto1.png">
</div>
<div class="editable-style text-element silex-id-1439555806030-81" data-silex-type="text" data-silex-id="silex-id-1439555806030-81">
<div class="silex-element-content normal">
<h2 style="text-align: center;" class="heading2">Discover our community<br></h2>
<p style="text-align: center;" class="normal">Developers, Designers and users create a community. They help themselves always with goodwill and happiness</p>
</div>
</div>
<div class="editable-style text-element silex-id-1439555805927-80" data-silex-type="text" data-silex-id="silex-id-1439555805927-80">
<div class="silex-element-content normal">
<h2 style="text-align: center;" class="heading2">Grow up the tool<br></h2>
<p style="text-align: center;" class="normal">Thanks to all the people, the tool is always in progress for a best rendering day after day</p>
</div>
</div>
<div class="editable-style image-element silex-id-1439555806132-82" data-silex-type="image" data-silex-id="silex-id-1439555806132-82"><img class="silex-element-content" src="../../../../../../../libs/templates/silex-templates/online-service/assets/picto3.png">
</div>
</div>
</div>
<div data-silex-type="container" class="prevent-draggable container-element editable-style silex-id-1484952021004-9 section-element" data-silex-id="silex-id-1484952021004-9">
<div data-silex-type="container" class="editable-style silex-element-content website-width silex-id-1484952021003-8 silex-container-content container-element prevent-draggable" data-silex-id="silex-id-1484952021003-8">
<div data-silex-type="text" class="editable-style text-element silex-id-1439555802805-52" data-silex-id="silex-id-1439555802805-52">
<div class="silex-element-content normal">
<p class="normal"></p>
<div style="text-align: center;"><span style="color: rgb(255, 255, 255);">About this website</span>
</div>
<font color="#ffffff">
<div style="text-align: center;"><a href="//www.silex.me/">powered by Silex v2</a> - <a href="https://pages.github.com/">hosted on github pages</a></div>
<div style="text-align: center;">feel free to <a href="https://github.com/silexlabs/silex-templates/">fork and contribute</a></div>
</font>
<p class="normal"></p>
</div>
</div>
</div>
</div>