first commit
This commit is contained in:
@@ -0,0 +1,29 @@
|
||||
<div class="ajax-text-and-image white-popup-block">
|
||||
<style>
|
||||
.ajax-text-and-image {
|
||||
max-width:800px; margin: 20px auto; background: #FFF; padding: 0; line-height: 0;
|
||||
}
|
||||
.ajcol {
|
||||
width: 50%; float:left;
|
||||
}
|
||||
.ajcol img {
|
||||
width: 100%; height: auto;
|
||||
}
|
||||
@media all and (max-width:30em) {
|
||||
.ajcol {
|
||||
width: 100%;
|
||||
float:none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="ajcol">
|
||||
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Marabou_stork%2C_Leptoptilos_crumeniferus_edit1.jpg/603px-Marabou_stork%2C_Leptoptilos_crumeniferus_edit1.jpg"/>
|
||||
</div>
|
||||
<div class="ajcol" style="line-height: 1.231;">
|
||||
<div style="padding: 1em">
|
||||
<h1>This is just block of HTML, loaded via ajax</h1>
|
||||
<p>You can put absolutely any HTML here and resize it dynamically just with help of CSS.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both; line-height: 0;"></div>
|
||||
</div>
|
@@ -0,0 +1,10 @@
|
||||
<div id="custom-content" class="white-popup-block" style="max-width:600px; margin: 20px auto;">
|
||||
<h1>HTML content, loaded via ajax</h1>
|
||||
<style>
|
||||
#custom-content img {max-width: 100%;margin-bottom: 10px;}
|
||||
</style>
|
||||
<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. These words are here to provide the reader with a basic impression of how actual text will appear in its final presentation. </p>
|
||||
<p>This is dummy copy. It's Greek to you. Unless, of course, you're Greek, in which case, it really makes no sense. Why, you can't even read it! It is strictly for mock-ups. You may mock it up as strictly as you wish.</p>
|
||||
<img src="http://farm9.staticflickr.com/8242/8558295633_f34a55c1c6_b.jpg" />
|
||||
<img src="http://farm9.staticflickr.com/8382/8558295631_0f56c1284f_b.jpg" />
|
||||
</div>
|
Reference in New Issue
Block a user