2 buttons naast elkaar

.naastelkaar .et_pb_button_module_wrapper {display: inline-block;}

Ik ben

Joannette, de WebbouwSter

Ik kan zorgen dat je website technisch (weer) op orde komt.

Dan kan jij weer je eigen werk oppakken

 

Met mijn technische opleidingen, ervaring en uitgebreid netwerk kan ik bijna alle technische onderdelen voor je optimaliseren of van scratch opbouwen. Maar natuurlijk kan ik alles weer werkzaam maken door technische issues op te lossen.

Ik kan je ondersteunen bij:

  • Het volledig opzetten van een nieuwe website.
  • Het omzetten van je bestaande website naar een website die (weer) helemaal bij jou past.
  • Het optimaliseren en koppelen van al je online systemen.
  • Het toevoegen van functionaliteiten aan een bestaande website.

 

pseudo border bottom left 

/* decorative “corner” border */

.pseudo-border:before {
content: ”;
display: block;
position: absolute;
width: 65%;
height: 70%;
bottom: -30px;
left: -30px;
border: 10px #300530 solid;
}

.pseudo-bottom:before {
border-top: none;
border-right:none;

}

pseudo border top right 

/* decorative “corner” top right*/

.pseudo-border-top:before {
content: ”;
display: block;
position: absolute;
width: 65%;
height: 70%;
bottom: 150px;
left: 255px;
border: 10px #300530 solid;
}

.pseudo-top-bottom:before {
border-top: none;
border-right:none;
left: -225px;
bottom: -140px;

}

equalize de height en zet onderstaand in de CSS main area , zo blift de foto alijd op de bodem 

display:flex;
align-items:flex-end;

 Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

12

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

2

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

3

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

4

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

1

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

2

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

3

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

4

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

display:flex;
align-items:center;

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Blockquote Styling */
.et_pb_text blockquote {
background: lightgrey;
padding: 20px;
position: relative;
}

.et_pb_text blockquote:before {
content: ‘“’;
font-size: 140px;
font-family: serif;
color: #300530;
position: absolute;
top: 20px;
left: -20px;
}

 

.et_pb_text blockquote:after {
content: ‘“’;
font-size: 140px;
font-family: serif;
color: #300530;
position: relative;
top: 25px;
left: 800px;
}

Your content goes here. Edit or remove this text inline or in the module Content settings. 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

3 blurps op 1 rij even hoog met button

Deze 3 gaan we uitlijnen dmv flexbox

display:flex;
flex-direction:column;
justify-content:space-between;

this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

heel veel meer text 

?
@
F
n
w
j

display:flex;
align-items:flex-start;
flex-wrap:wrap;
justify-content:space-evenly;

dit in de column settings via row CSS

/* DSA grid layout page CSS*/

#

/* DSA grid layout page CSS*/
.dsa-grid {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas:
“image1 image2 cta1”
“image1 cta2 image3”
“cta3 cta3 image3”;
grid-gap:10px;

#

Your content goes here. Edit or remove this text inline or in the module Content settings.

#

Your content goes here. Edit or remove this text inline or in the module Content settings.