This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong. <alert type="danger"> [IN DEVELOPMENT] </alert> <html> <div class="jumbotron"> <h1>Jumbotron</h1> <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p> <p><a class="btn btn-primary btn-lg">Learn more</a></p> </div> <div class="about_bottom_content"> <div class="col-md-4"> <div class="about_bottom_item m-top-20"> <div class="ab_head"> <div class="ab_head_icon"> <i class="icofont icofont-fire-burn"></i> </div> <h6 class="m-top-20"> WE’RE CREATIVE</h6> </div> <p class="m-top-20">Lorem ipsum dolor sit amet, consectetuer adipiscing ealit, sed diaim nonummy nibsih euismod tincidiunt laorieet doloire magna diam aliquafm erat voluitpati. </p> </div> </div> <div class="col-md-4"> <div class="about_bottom_item m-top-20"> <div class="ab_head"> <div class="ab_head_icon"> <i class="icofont icofont-speech-comments"></i> </div> <h6 class="m-top-20">WE'RE FRIENDLY</h6> </div> <p class="m-top-20">Lorem ipsum dolor sit amet, consectetuer adipiscing ealit, sed diaim nonummy nibsih euismod tincidiunt laorieet doloire magna diam aliquafm erat voluitpati. </p> </div> </div> <div class="col-md-4"> <div class="about_bottom_item m-top-20"> <div class="ab_head"> <div class="ab_head_icon"> <i class="icofont icofont-heart"></i> </div> <h6 class="m-top-20">WE LOVE MINIMALISM</h6> </div> <p class="m-top-20">Lorem ipsum dolor sit amet, consectetuer adipiscing ealit, sed diaim nonummy nibsih euismod tincidiunt laorieet doloire magna diam aliquafm erat voluitpati. </p> </div> </div> </div> <section id="hello" class="home bg-mega"> <div class="overlay"></div> <div class="container"> <div class="row"> <div class="main_home"> <div class="home_text"> <h1 class="text-white">SKYLINE EDITOR <br> REAL TIME WYSIWYG </h1> </div> <div class="home_btns m-top-40"> <a href="" class="btn btn-primary m-top-20">GET STARTED</a> <a href="" class="btn btn-default m-top-20">VIDEOS</a> </div> </div> </div><!--End off row--> </div><!--End off container --> </section> <br/> <br/> <div class="panel panel-danger"> <div class="panel-heading"> <h3 class="panel-title">Panel danger</h3> </div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-info"> <div class="panel-heading"> <h3 class="panel-title">Panel info</h3> </div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Panel primary</h3> </div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-success"> <div class="panel-heading"> <h3 class="panel-title">Panel success</h3> </div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-warning"> <div class="panel-heading"> <h3 class="panel-title">Panel warning</h3> </div> <div class="panel-body"> Panel content </div> </div> <div class="well"> Look, I'm in a well! </div> <div class="well well-lg"> Look, I'm in a large well! </div> <div class="well well-sm"> Look, I'm in a small well! </div> <div class="panel panel-default"> <div class="panel-body"> Basic panel </div> </div> <div class="panel panel-default"> <div class="panel-heading">Panel heading</div> <div class="panel-body"> Panel content </div> </div> <div class="panel panel-default"> <div class="panel-body"> Panel content </div> <div class="panel-footer">Panel footer</div> </div> <ul class="list-group"> <li class="list-group-item"> <span class="badge">14</span> Cras justo odio </li> <li class="list-group-item"> <span class="badge">2</span> Dapibus ac facilisis in </li> <li class="list-group-item"> <span class="badge">1</span> Morbi leo risus </li> </ul> <div class="list-group"> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading">List group item heading</h4> <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p> </a> <a href="#" class="list-group-item"> <h4 class="list-group-item-heading">List group item heading</h4> <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p> </a> </div> Source Code <span class="label label-default">Default</span> <span class="label label-primary">Primary</span> <span class="label label-success">Success</span> <span class="label label-warning">Warning</span> <span class="label label-danger">Danger</span> <span class="label label-info">Info</span> <div class="alert alert-dismissible alert-success"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>. </div> <div class="alert alert-dismissible alert-info"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important. </div> <div class="alert alert-dismissible alert-danger"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again. </div> <ul class="nav nav-tabs"> <li class="active"><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li class="disabled"><a>Disabled</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Dropdown <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#dropdown1" data-toggle="tab">Action</a></li> <li class="divider"></li> <li><a href="#dropdown2" data-toggle="tab">Another action</a></li> </ul> </li> </ul> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade active in" id="home"> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p> </div> <div class="tab-pane fade" id="profile"> <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.</p> </div> <div class="tab-pane fade" id="dropdown1"> <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork.</p> </div> <div class="tab-pane fade" id="dropdown2"> <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater.</p> </div> </div> <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <small>Someone famous in <cite title="Source Title">Source Title</cite></small> </blockquote> <h2>Example body text</h2> <p>Nullam quis risus eget <a href="#">urna mollis ornare</a> vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p> <p><small>This line of text is meant to be treated as fine print.</small></p> <p>The following snippet of text is <strong>rendered as bold text</strong>.</p> <p>The following snippet of text is <em>rendered as italicized text</em>.</p> <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p> <div class="btn-group"> <a href="#" class="btn btn-default">Default</a> <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <div class="btn-group"> <a href="#" class="btn btn-primary">Primary</a> <a href="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <div class="btn-group open"> <a href="#" class="btn btn-success">Success</a> <a href="#" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <div class="btn-group"> <a href="#" class="btn btn-info">Info</a> <a href="#" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <div class="btn-group"> <a href="#" class="btn btn-warning">Warning</a> <a href="#" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> <a href="#" class="btn btn-default">Default</a> <a href="#" class="btn btn-primary">Primary</a> <a href="#" class="btn btn-success">Success</a> <a href="#" class="btn btn-info">Info</a> <a href="#" class="btn btn-warning">Warning</a> <a href="#" class="btn btn-danger">Danger</a> <a href="#" class="btn btn-link">Link</a> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li> <li><a href="#">Link</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> <li class="divider"></li> <li><a href="#">One more separated link</a></li> </ul> </li> </ul> <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Link</a></li> </ul> </div> </div> </nav> <div class="progress progress-striped active"> <div class="progress-bar" style="width: 45%"></div> </div> <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> </ul> <!-- Start Content Block 3-3 --> <section id="content-3-3" class="content-block-nopad content-3-3"> <div class="overlay"> <div class="container text-center"> <div class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;"> <h2>Trust in a team that's with you all the way</h2> </div> <div class="editContent" data-selector=".editContent" style=""> <h1>From start to finish, step by step</h1> </div> <div class="col-md-6 col-md-offset-3 text-center"> <div class="col-md-6"> <a href="#" class="btn btn-block btn-outline btn-outline-lg outline-light" data-selector="a.btn, button.btn" style="">Buy Now</a> </div> <div class="col-md-6"> <a href="#" class="btn btn-block btn-outline btn-outline-lg outline-light" data-selector="a.btn, button.btn" style="">Find out more</a> </div> </div> </div> <!-- /.container --> </div> </section> <!--// END Content Block 3-3 --> <div class="videowrapper"> <iframe src="http:player.vimeo.com/video/80911799" height="300" frameborder="0" webkitallowfullscreen=_ckgedit_QUOTckgedit> mozallowfullscreen=_ckgedit_QUOTckgedit> allowfullscreen=_ckgedit_QUOTckgedit>></iframe> </div> <div id="stacks_out_5561_page37" class="stacks_out"><div id="stacks_in_5561_page37" class="stacks_in com_yabdab_stacks_bootSnap3Panel_stack"> <!– BootSnap3 | Panel | http://yabdab.com/bootsnap/ | MODIFIED: 2014-05-13 10:23:30 –> <div class="panel panel-default"> <div class="panel-body"> <div id="stacks_out_5563_page37" class="stacks_out"><div id="stacks_in_5563_page37" class="stacks_in com_yabdab_stacks_bootSnap3Carousel_stack"> <!– BootSnap3 | Carousel v.3.0.2 | http://yabdab.com/bootsnap/ | MODIFIED: 2014-09-29 08:50:56 –> <div id="carousel-stacks_in_5563_page37" class="carousel slide" data-ride="carousel" data-interval="5000"> <!– Indicators –> <ol class="carousel-indicators"> <li data-target="#carousel-stacks_in_5563_page37" data-slide-to="0" class=_ckgedit_QUOTckgedit>></li> <li data-target="#carousel-stacks_in_5563_page37" data-slide-to="1" class=_ckgedit_QUOTckgedit>></li> <li data-target="#carousel-stacks_in_5563_page37" data-slide-to="2" class="active"></li> <li data-target="#carousel-stacks_in_5563_page37" data-slide-to="3" class=_ckgedit_QUOTckgedit>></li> </ol> <!– Wrapper for slides –> <div class="carousel-inner"> <div class="item"> <div class="centered_image"><img class="imageStyle" src="files/stacks_image_5566.png" width="800" height="400" alt="Stacks Image 5566"></div> <div class="carousel-caption"> <h3>Header #1</h3> <p>Caption text goes here…</p> </div> </div> <div class="item"> <div class="centered_image"><img class="imageStyle" src="files/stacks_image_5569.png" width="800" height="400" alt="Stacks Image 5569"></div> <div class="carousel-caption"> <h3>Header #2</h3> <p>Caption text goes here…</p> </div> </div> <div class="item active"> <div class="centered_image"><img class="imageStyle" src="files/stacks_image_5572.png" width="800" height="400" alt="Stacks Image 5572"></div> <div class="carousel-caption"> <h3>Header Numero Tres</h3> <p>Caption text goes here…</p> </div> </div> <div class="item"> <div class="centered_image"><img class="imageStyle" src="files/stacks_image_5575.png" width="800" height="400" alt="ff"></div> <div class="carousel-caption"> <h3>Header Fo!</h3> <p>Caption text goes here…</p> </div> </div> </div><!– .carousel-inner –> <!– Controls –> <a class="left carousel-control" href="#carousel-stacks_in_5563_page37" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-stacks_in_5563_page37" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div><!– .carousel –> </div></div> </div> </div> </div></div> <section class="content-block"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6 pricing-table-3"> <div class="ribbon red-hot"></div> <div class="plan"> <header> <div class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;"> <h2>Starter</h2> </div> <div class="price"> <span class="currency editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">$</span> <span class="amount editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">10</span> <span class="period editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Month</span> </div><!– /.price –> <a href="#" class="btn btn-success" data-selector="a.btn, button.btn" style="outline: none; cursor: inherit;">Buy Now!</a> </header> <ul class="features"> <li><span class="fa fa-file-o" data-selector="span.fa" style="outline: none; cursor: inherit;"></span> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">20 Pages</span></li> <li><span class="fa fa-cloud-upload" data-selector="span.fa" style="outline: none; cursor: inherit;"></span> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">10 GB Storage</span></li> <li><span class="fa fa-signal" data-selector="span.fa" style="outline: none; cursor: inherit;"></span> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">500 GB Bandwidth</span></li> <li><span class="fa fa-laptop" data-selector="span.fa" style="outline: none; cursor: inherit;"></span> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Custom Domain</span></li> <li><span class="fa fa-rocket" data-selector="span.fa" style="outline: none; cursor: inherit;"></span> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">24/7 Support</span></li> </ul><!– /.features –> </div><!– /.plan –> </div><!– /.col –> <div class="col-md-4 col-sm-6 pricing-table-3"> <div class="ribbon popular"></div> <div class="plan"> <header> <div class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;"> <h2>Professional</h2> </div> <div class="price"> <span class="currency editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">$</span> <span class="amount editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">25</span> <span class="period editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Month</span> </div><!– /.price –> <a href="#" class="btn btn-success" data-selector="a.btn, button.btn" style="outline: none; cursor: inherit;">Buy Now</a> </header> <ul class="features"> <li><i class="fa fa-file-o"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">100 Pages</span></li> <li><i class="fa fa-cloud-upload"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">100 GB Storage</span></li> <li><i class="fa fa-signal"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">2 TB Bandwidth</span></li> <li><i class="fa fa-laptop"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Custom Domain</span></li> <li><i class="fa fa-rocket"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">24/7 Support</span></li> </ul><!– /.features –> </div><!– /.plan –> </div><!– /.col –> <div class="col-md-4 col-sm-6 pricing-table-3"> <div class="ribbon premium"></div> <div class="plan"> <header> <div class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;"> <h2>EPIC!</h2> </div> <div class="price"> <span class="currency editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">$</span> <span class="amount editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">40</span> <span class="period editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Month</span> </div><!– /.price –> <a href="#" class="btn btn-success" data-selector="a.btn, button.btn" style="outline: none; cursor: inherit;">Buy Now</a> </header> <ul class="features"> <li><i class="fa fa-file-o"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Unlimited Pages</span></li> <li><i class="fa fa-cloud-upload"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Unlimited Storage</span></li> <li><i class="fa fa-signal"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Unlimited Bandwidth</span></li> <li><i class="fa fa-laptop"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">Custom Domain</span></li> <li><i class="fa fa-rocket"></i> <span class="editContent" data-selector=".editContent" style="outline: none; cursor: inherit;">24/7 Support</span></li> </ul><!– /.features –> </div><!– /.plan –> </div><!– /.col –> </div><!– /.row –> </div><!– /.container –> </section> <div id="stacks_out_6102_page37" class="stacks_out"><div id="stacks_in_6102_page37" class="stacks_in com_yabdab_stacks_bootSnap3Container_stack"> <!– BootSnap3 | Container v.3.0.4| http://yabdab.com/bootsnap/ | MODIFIED: 2014-09-27 10:52:02 –> <div class="container"> <div id="stacks_out_6211_page37" class="stacks_out"><div id="stacks_in_6211_page37" class="stacks_in html_stack"><div class="row-fluid"> <div class="col-md-8"><span class="lead"><i class="fa fa-cubes"></i> <b>Addon Kit #1</b><br>Available Now for only $29.95</span></div> <div class="col-md-4"><a href="https:yabdab.cartloom.com/cart/quickbuy/105338" class="btn btn-primary btn-lg pull-right hidden-xs"><i class="fa fa-shopping-cart"></i> BUY NOW</a> <a href="https:yabdab.cartloom.com/cart/quickbuy/105338" class="visible-xs"><i class="fa fa-shopping-cart"></i> Click Here to Place your Order</a> </div> </div></div></div> </div> </div><!– .container –> </div> </html> Detach Close Document TOC Developer Sidebar SidebarDev HTML5 Bootstrap Commands Nav Menu Example TOC Ideas Site Index Layout: Tutorial Intro Layout: Tutorial Page Layout: FAQ Page Layout: Index Home Welcome What is Skyline Terminology FAQ FAQ Index Working on Scenes Scripting Assets General Info Installation and Setup Game Objects Manual Scripting Index Script Overview Micro Scripts External Scripts Scene Scripts Events Tags and ID's Communicating with Scripts Communicating with Modules Communicating with actions Dynamic Properties Learning Tutorials Index Basic Character Basic Shooting Guides Index Getting Started Video Tutorials Index