OGIBiz Website

Eshop Before Menu
2767051
Menu
2767052
Banner
2767054
Main Description
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.

Main Description
2767065

1. Lines Block

Block ID: 290007o268934485171442255o400240o7707672
Custom HTML Code: NONE

Horizontal Image Area
2767077

LOREN IPSUM

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

LOREN IPSUM

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

LOREN IPSUM

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Space
2767078
Main Description
2767079

2. Columns Block

Block ID: 290007o268934485171442255o400240o1807672
Custom HTML Code: NONE

Vertical Image Area
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...

Space
2767080
Main Description
2767083

3. Columns Block

Block ID: 290007o268934485171442255o400240o4807672
Custom HTML Code: NONE

Vertical Image Area
2767084


EXCURSIONS

KID AGE

2-5

CLASS SIZE

20

$XX


READING CLASS

KID AGE

2-5

CLASS SIZE

20

$XX

Space
2767086
Main Description
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>

Main Description
2767090
Space
2767088
Main Description
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>

Main Description
2767094


Space
2767095
Main Description
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>

Main Description
2767112
Space
2767100
Main Description
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>

Main Description
2767102

Image Grid

With 4 images per line.

Reference: https://www.w3schools.com/

Space
2767111
Main Description
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>

Main Description
2767477

Image Grid

With 2 images per line.

Space
2767478
Main Description
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>

Space
2768254
Footer
2767063