Saved!

color - rnVEEAKe

d color

baby board name panell

  
<div class="col-100">
<div class="col-100-max">
	
	
	
<div class="col-100-300 p20">
	
	<div class="img">
	  <div class="ime-outer"><div class="ime"></div></div>
	  <div class="datum"></div>
	</div>


</div>	
<div class="col-300 p20">
  <div class="p20 bsb bcg">
	  <form action="/post.php">
	<label>Name</label>
	<input type="text" name="i1" id="i1" value="Name">
	<input type="text" name="position" id="position" value="">
	  
	<label>Font Size</label>
	<input type="range" name="f1" id="f1" min="20" max="200" value="65" style="width:100%;">

	<label>Move</label>
	<input type="checkbox" id="drag" value="1">
    <div class="clear"></div>

	<label>X</label>
	<input type="range" name="y1" id="y1" min="0" max="100" value="30" style="width:100%;">

	<label>Y</label>
	<input type="range" name="x1" id="x1" min="0" max="100" value="20" style="width:100%;">

	 <label>Rotation</label>
	<input type="range" name="r1" id="r1" min="-180" max="180" value="10" style="width:100%;">

	<input type="hidden" value="GO" style="width:100%;">
</form>
</div>

</div>

  <div class="clear"></div>

</div>
</div>




  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( ".ime-outer" ).draggable();
  } );
  </script>  
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js