Header No.1

Header No.3

Example of Paragraph No.2

Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.

Header No 4.

Example of Paragraph No.3

Be clear, be confident and don’t overthink it. The beauty of your story is that it’s going to continue to evolve and your site can evolve with it. Your goal should be to make it feel right for right now. Later will take care of itself. It always does.

Code Block

Hover Image Colour

<div class="image-swap">

<img src="place image in code section here ">

<img src="place hover image here ">

</div>

paste code above in code block

Code Block

Drop Down Sections

Below is the code

1. Replace Accordion Number if more than one drop-down - eg if you have four drop downs menu sections each code needs to say accordion-1, accordion-2,accordion-3,accordion-4. Replace at top of code and bottom.

2. <br> = line break / enter next line.

3. To replace Title change text between accordion title div

4. To add content replace content between accordion-panel”> & </div>

<div class="accordion-block" id="accordion-1">

<div class="accordion-title">

Commercial Architecture

</div>

<div class="accordion-panel">

<br><br>

I am the Info Section

</div>

</div>

<script>

$(function(){

$('#accordion-1 .accordion-title').on('click', function(){

$('#accordion-1 .accordion-panel').toggleClass('active-accordion');

})

});

</script>