COMPONENT_README.md

Components

Copy and paste the URL into an `index.js` file. Let's say you copied the `SectionRightImage` and renamed it to `News`. You would call the component in between `

` with the syntax: ``.

Section Right Image

function SectionRightImage() {
  return(
    <section class="">
      <div class="row">
        <div class="col col--6">
          <h2 class="">Header2</h2>
          <p>Leverage agile frameworks to provide a robust synopsis for high 
            level overviews.</p>
        </div>
        <div class="col col--6">
          <img
            src={useBaseUrl('img/insertImage.jpg')}
            alt="Text when hovering image or when image is broken"
          />
        </div>
      </div>
    </section>
  )
}

Section Left Image

function SectionLeftImage() {
  return(
    <section class="">
      <div class="row">
        <div class="col col--6">
          <img
            src={useBaseUrl('img/insertImage.jpg')}
            alt="Text when hovering image or when image is broken"
          />
        </div>
        <div class="col col--6">
          <h2 class="">Header2</h2>
          <p>Leverage agile frameworks to provide a robust synopsis for high 
            level overviews.</p>
        </div>
      </div>
    </section>
  )
}