2767054
2767055
Blocks Collection for OGIBiz websites
Need to do even more with your OGIBiz website?
Check out a collection of Blocks and use the code provided to Copy the block to your website. Keep in mind that some Blocks will also require you to add some Custom HTML Code to the "Advanced Options" section of your website page.
2767065
1. Lines Block
Block ID: 290007o268934485171442255o400240o7707672
Custom HTML Code: NONE
2767077
|
LOREN IPSUMLorem Ipsum is simply dummy text of the printing and typesetting industry. |
LOREN IPSUMLorem Ipsum is simply dummy text of the printing and typesetting industry. |
|
LOREN IPSUMLorem Ipsum is simply dummy text of the printing and typesetting industry. |
2767078
2767079
2. Columns Block
Block ID: 290007o268934485171442255o400240o1807672
Custom HTML Code: NONE
2767081
Lorem Ipsum
Fusce pharetra placerat mi volutpat euismod. Vestibulum porta lorem non nunc molestie, ut aliquet est accumsan. Donec efficitur mi eu blandit cursus...
Lorem Ipsum
Fusce pharetra placerat mi volutpat euismod. Vestibulum porta lorem non nunc molestie, ut aliquet est accumsan. Donec efficitur mi eu blandit cursus...
Lorem Ipsum
Fusce pharetra placerat mi volutpat euismod. Vestibulum porta lorem non nunc molestie, ut aliquet est accumsan. Donec efficitur mi eu blandit cursus...
2767080
2767083
3. Columns Block
Block ID: 290007o268934485171442255o400240o4807672
Custom HTML Code: NONE
2767084
|
||
KID AGE 2-5 |
CLASS SIZE 20 |
$XX |
|
||
KID AGE 2-5 |
CLASS SIZE 20 |
$XX |
2767086
2767087
4. Custom Block
Block ID: 290007o268934485171442255o400240o0907672
Custom HTML Code:
<style>
.mybutton {
background-color: #52BD56; /* Green */
border: 2px solid #FFFFFF; /* White */
color: #FFFFFF; /* White */
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
border-radius: 4px; /* Shape */
}
.mybutton:hover {
background-color: #FFFFFF; /* White */
color: #52BD56; /* Green */
}
</style>
2767090
2767088
2767097
5. Custom Block
Block ID: 290007o268934485171442255o400240o4907672
Custom HTML Code:
<style>
.darken{
-webkit-filter: brightness(100%); /* Safari */
filter: brightness(100%);
}
.darken:hover {
-webkit-filter: grayscale(30%) brightness(20%); /* Safari */
filter: grayscale(30%) brightness(20%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
</style>
2767094
2767095
2767110
6. Custom Block
Block ID: 290007o268934485171442255o400240o2117672
Custom HTML Code:
<style>
.pop-btn {
background-color: #0000ff; /* Blue */
border: 2px solid #FFFFFF; /* White */
color: #FFFFFF; /* White */
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
border-radius: 12px; /* Shape */
}
.pop-btn:hover {
background-color: #FFFFFF; /* White */
color: #0000ff; /* Blue */
}
</style>
2767112
2767100
2767101
7. Custom Block
Block ID: 290007o268934485171442255o910280o2017672
Custom HTML Code:
<style>
.pic_row4 {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
}
.pic_column4 {
flex: 25%;
padding: 0 4px;
}
.pic_column4 img {
margin-top: 8px;
vertical-align: middle;
}
</style>
2767102
Image Grid
With 4 images per line.
Reference: https://www.w3schools.com/
2767111
2767476
8. Custom Block
Block ID: 290007o268934485171442255o400240o7747672
Custom HTML Code:
<style>
.pic_row2 {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
}
.pic_column2 {
flex: 50%;
padding: 0 4px;
}
.pic_column2 img {
margin-top: 8px;
vertical-align: middle;
}
</style>
2767477
Image Grid
With 2 images per line.
2767478
2768255
9. Page pop-up (Privacy ect)
No Block needed
Custom HTML Code (before any <style>):
<link rel="stylesheet" type="text/css" href="//wpcc.io/lib/1.0.2/cookieconsent.min.css"/>
<script src="//wpcc.io/lib/1.0.2/cookieconsent.min.js">
</script>
<script>
setTimeout(function(){ window.wpcc.init({"border":"thin","corners":"small","colors":{
"popup":{
"background":"#ffffff", /* white */
"text":"#000000", /* black */
"border":"#000000" /* black */
},
"button":{
"background":"#000000", /* black */
"text":"#ffffff" /* white */
}},
"position":"bottom",
"content":{
"button":"OK", /* button text */
"message":"This website uses cookies to ensure you get the best experience.",
"href":"https://www.ourglobalidea.com/pricing/privacy-policy"
}})}, 2000);
</script>
2768254
2767063