Two Image Header
Below is a working example of this template.
You'll find simple instructions of how to use it beneath it.
This particular template does not provide any interaction with its user. However, if you would like to add a link to any of the images or text, you can do so in the editor after following the directions below.
Note: for images to display properly in this template, use these sizes:
You'll find simple instructions of how to use it beneath it.
This particular template does not provide any interaction with its user. However, if you would like to add a link to any of the images or text, you can do so in the editor after following the directions below.
You can customize:
- Images
- Text
You cannot customize:
- Image size
- Layout
- Spacing between images
Note: for images to display properly in this template, use these sizes:
- width: 330px
- height: 280px
Lorem ipsum dolor sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in pulvinar tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus varius ornare arcu, eleifend mollis leo ornare fermentum. Sed vitae arcu in tortor vestibulum varius. Nam a malesuada quam. Etiam at arcu et elit posuere vulputate et elementum tellus. Aenean dictum urna nec mauris vulputate facilisis. Nulla cursus imperdiet elit, auctor lacinia dolor porttitor varius. Donec at facilisis lacus. Vivamus ac elit lorem. Sed semper tortor eu odio posuere vestibulum. Nullam gravida, enim eu interdum porta, massa sapien ornare magna, condimentum pulvinar metus ante id mi. Aliquam vel mi magna. Maecenas posuere, elit sed commodo bibendum, orci turpis commodo dui, ac lacinia tortor diam nec arcu. Nunc at dolor urna. Praesent adipiscing, diam nec facilisis condimentum, risus leo consectetur metus, eu feugiat turpis nunc ac dui. Suspendisse gravida volutpat felis, a vehicula lorem scelerisque eu. Nunc scelerisque ante non nisl bibendum fringilla. Quisque condimentum faucibus sapien nec porttitor. Nunc ornare ornare pellentesque. Suspendisse id sodales ligula. Sed iaculis congue ligula, non luctus tellus tempor quis. Vivamus in ante urna. Nulla et mi ipsum, eu pulvinar ligula. Donec tincidunt sodales massa, sed sodales lorem pretium id. Curabitur semper tempor dui, et ornare mi auctor in. Vivamus non eros ac metus malesuada venenatis. Integer eget diam ut eros consectetur ornare id at massa. Nulla bibendum dolor sit amet magna aliquam venenatis. Fusce vestibulum, risus et sagittis tristique, massa turpis fringilla libero, nec cursus risus justo eget mi.
Nulla varius nibh ut ante
Nulla varius nibh ut ante lobortis convallis. Ut ultricies, nibh eu cursus rhoncus, urna leo consectetur leo, eget congue tortor sem vitae orci. Integer vel nibh mauris, ut tempor ante. Sed a ornare erat. Duis facilisis lorem non libero adipiscing bibendum. Aliquam molestie neque nec libero hendrerit adipiscing lacinia tellus fermentum. Duis commodo ultricies congue. Mauris euismod ipsum non sem feugiat a consequat erat egestas. Pellentesque laoreet risus purus. Praesent auctor, odio eu consectetur consectetur, leo metus sodales lacus, cursus molestie orci neque et nisi. Nunc nibh libero, mollis id iaculis lacinia, tempor sed urna. Duis dictum, augue malesuada dignissim consectetur, purus erat pharetra velit, sit amet accumsan mauris orci nec erat. Quisque at dolor ut neque volutpat porttitor. Sed iaculis congue ligula, non luctus tellus tempor quis. Vivamus in ante urna. Nulla et mi ipsum, eu pulvinar ligula. Donec tincidunt sodales massa, sed sodales lorem pretium id. Curabitur semper tempor dui, et ornare mi auctor in. Vivamus non eros ac metus malesuada venenatis. Integer eget diam ut eros consectetur ornare id at massa. Nulla bibendum dolor sit amet magna aliquam venenatis. Fusce vestibulum, risus et sagittis tristique, massa turpis fringilla libero, nec cursus risus justo eget mi. Aenean diam lectus, facilisis sit amet porttitor a, euismod nec enim. Nam scelerisque nibh sed lacus fringilla dignissim laoreet et ipsum. Donec tristique iaculis eros id porttitor. Pellentesque eget leo ac risus tempus fermentum at sed massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis est mi, vulputate ac dignissim vel, imperdiet vel arcu. Phasellus vehicula, lacus in vestibulum suscipit, metus nibh ultricies dolor, ut elementum purus sem vitae odio.
Instructions:
- Copy the code below.
- Find page in Ingeniux you want to use this template on.
- Click 'HTML'.
- Paste the code you copied in step 1.
- Click 'Update'.
- Customize the image sources, link, text, etc.
<style>
#container710{
/* background-color: lightgray;*/
height:600px;
}
.gallerybox{
overflow:auto;
}
.picbox{
background-color:lightblue;
margin:5px 15px;
float:left;
width:330px;
height:280px;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
border:1px solid #777777;
overflow:hidden;
}
.picbox img{
padding:0px;
margin:0px;
border:none;
}
.picboxfirst{
margin-left:5px;
padding-left:0px;
}
.picboxlast{
margin-right:5px;
padding-right:0px;
}
</style>
<div id="container710" class="span-18">
<div class="gallerybox">
<div class="picbox picboxfirst"><img src="http://www.plantzafrica.com/plantnop/plimagesnop/oncosiphsuff1.jpg" width="330" height="280"/></div>
<div class="picbox picboxlast"><img src="http://orchid.unibas.ch/phpMyHerbarium/image.php?bc=184368&w=330" width="330" height="280"/></div>
</div>
<br/><br/>
<h2>Lorem ipsum dolor sit</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur in pulvinar tortor. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus.
Vivamus varius ornare arcu, eleifend mollis leo ornare fermentum.
Sed vitae arcu in tortor vestibulum varius. Nam a malesuada
quam. Etiam at arcu et elit posuere vulputate et elementum
tellus. Aenean dictum urna nec mauris vulputate facilisis.
Nulla cursus imperdiet elit, auctor lacinia dolor porttitor
varius. Donec at facilisis lacus. Vivamus ac elit lorem. Sed
semper tortor eu odio posuere vestibulum.
Nullam gravida, enim eu interdum porta, massa sapien ornare
magna, condimentum pulvinar metus ante id mi. Aliquam vel mi
magna. Maecenas posuere, elit sed commodo bibendum, orci
turpis commodo dui, ac lacinia tortor diam nec arcu. Nunc
at dolor urna. Praesent adipiscing, diam nec facilisis
condimentum, risus leo consectetur metus, eu feugiat turpis
nunc ac dui. Suspendisse gravida volutpat felis, a vehicula
lorem scelerisque eu. Nunc scelerisque ante non nisl bibendum
fringilla. Quisque condimentum faucibus sapien nec porttitor.
Nunc ornare ornare pellentesque. Suspendisse id sodales ligula.
Sed iaculis congue ligula, non luctus tellus tempor quis.
Vivamus in ante urna. Nulla et mi ipsum, eu pulvinar ligula.
Donec tincidunt sodales massa, sed sodales lorem pretium id.
Curabitur semper tempor dui, et ornare mi auctor in. Vivamus
non eros ac metus malesuada venenatis. Integer eget diam
ut eros consectetur ornare id at massa. Nulla bibendum dolor
sit amet magna aliquam venenatis. Fusce vestibulum, risus et
sagittis tristique, massa turpis fringilla libero, nec cursus
risus justo eget mi.
</p>
<h2>Nulla varius nibh ut ante</h2>
<p>
Nulla varius nibh ut ante lobortis convallis. Ut ultricies,
nibh eu cursus rhoncus, urna leo consectetur leo, eget congue
tortor sem vitae orci. Integer vel nibh mauris, ut tempor ante.
Sed a ornare erat. Duis facilisis lorem non libero adipiscing
bibendum. Aliquam molestie neque nec libero hendrerit adipiscing
lacinia tellus fermentum. Duis commodo ultricies congue. Mauris
euismod ipsum non sem feugiat a consequat erat egestas.
Pellentesque laoreet risus purus. Praesent auctor, odio eu
consectetur consectetur, leo metus sodales lacus, cursus
molestie orci neque et nisi. Nunc nibh libero, mollis id
iaculis lacinia, tempor sed urna. Duis dictum, augue malesuada
dignissim consectetur, purus erat pharetra velit, sit amet
accumsan mauris orci nec erat. Quisque at dolor ut neque volutpat porttitor.
Sed iaculis congue ligula, non luctus tellus tempor quis.
Vivamus in ante urna. Nulla et mi ipsum, eu pulvinar ligula.
Donec tincidunt sodales massa, sed sodales lorem pretium id.
Curabitur semper tempor dui, et ornare mi auctor in. Vivamus
non eros ac metus malesuada venenatis. Integer eget diam
ut eros consectetur ornare id at massa. Nulla bibendum dolor
sit amet magna aliquam venenatis. Fusce vestibulum, risus et
sagittis tristique, massa turpis fringilla libero, nec cursus
risus justo eget mi.
Aenean diam lectus, facilisis sit amet porttitor a, euismod
nec enim. Nam scelerisque nibh sed lacus fringilla dignissim
laoreet et ipsum. Donec tristique iaculis eros id porttitor.
Pellentesque eget leo ac risus tempus fermentum at sed massa.
Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Duis est mi, vulputate ac
dignissim vel, imperdiet vel arcu. Phasellus vehicula, lacus
in vestibulum suscipit, metus nibh ultricies dolor, ut
elementum purus sem vitae odio.
</p>
</div>