diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/DirectionCard.svelte | 32 | ||||
| -rw-r--r-- | src/components/NavBar.svelte | 4 |
2 files changed, 34 insertions, 2 deletions
diff --git a/src/components/DirectionCard.svelte b/src/components/DirectionCard.svelte new file mode 100644 index 0000000..39d2260 --- /dev/null +++ b/src/components/DirectionCard.svelte @@ -0,0 +1,32 @@ +<script> + export let imageSpec; + export let direction; +</script> + +<main> + {#if direction == 'right'} + <div class="row d-flex align-items-center my-2"> + <div class="col-md-4 text-center order-sm-1"> + <img class="img-fluid rounded shadow" src={imageSpec.image} alt={imageSpec.alt} /> + </div> + <div class="col-md-8 border p-2 bg-light rounded shadow order-sm-2"> + <slot /> + </div> + </div> + {:else} + <div class="row d-flex align-items-center my-2"> + <div class="col-md-8 border p-2 bg-light rounded shadow order-md-first order-last"> + <slot /> + </div> + <div class="col-md-4 text-center"> + <img class="img-fluid rounded shadow" src={imageSpec.image} alt={imageSpec.alt} /> + </div> + </div> + {/if} +</main> + +<style> + p { + white-space: pre-wrap; + } +</style> diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte index a817c3e..44118ba 100644 --- a/src/components/NavBar.svelte +++ b/src/components/NavBar.svelte @@ -15,10 +15,10 @@ <a class="nav-link" href="/team">Our Team</a> </li> <li class="nav-item active"> - <a class="nav-link" href="/#/service">Services</a> + <a class="nav-link" href="/services">Services</a> </li> <li class="nav-item active"> - <a class="nav-link" href="/#/service">Approach</a> + <a class="nav-link" href="/approach">Approach</a> </li> <li class="nav-item active"> <a class="nav-link" href="https://joni-hunt.clientsecure.me/" target="_blank">Portal</a> |