Dialog with CSS Animation

Dialog example

This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.

Dialog with CSS Animation

1
2
3
4

<divid="small-dialog"class="dialog dialog-sm zoom-anim-dialog mfp-hide"><h1>Dialog example</h1><p>This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.</p></div>

Form

<p>Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button.</p><aclass="popup-with-form btn btn-primary"href="#demo-form">Open Form</a><divid="demo-form"class="white-popup-block mfp-hide form-horizontal"><divclass="row"><divclass="col-sm-12"><h4>Basic Form</h4><pclass="mb-lg">Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button.</p></div></div><divclass="form-group mt-lg"><labelclass="col-sm-3 control-label">Name</label><divclass="col-sm-9"><inputtype="text"name="name"class="form-control"placeholder="Type your name..."/></div></div><divclass="form-group"><labelclass="col-sm-3 control-label">Email</label><divclass="col-sm-9"><inputtype="email"name="email"class="form-control"placeholder="Type your email..."/></div></div><divclass="form-group"><labelclass="col-sm-3 control-label">URL</label><divclass="col-sm-9"><inputtype="url"name="url"class="form-control"placeholder="Type an URL..."/></div></div><divclass="form-group"><labelclass="col-sm-3 control-label">Comment</label><divclass="col-sm-9"><textarearows="5"class="form-control"placeholder="Type your comment..."></textarea></div></div><divclass="row mb-lg"><divclass="col-sm-9 col-sm-offset-3"><buttonclass="btn btn-primary">Submit</button><buttontype="reset"class="btn btn-primary">Reset</button></div></div></div>