<template>
  <div class="section_img_full_wrapper fullwidth">
    <div class="container">
      <div class="col_left">
          <slot name="col_left"></slot>
      </div>
      <div class="col_right">
          <slot name="col_right"></slot> 
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
  name: 'TwoColumns'
})
</script>

<style>
  .col_left {
      width:50%; float: left; display: block;
  }
  .col_right {
      width:50%; float: right; display: block;
  }
</style>