text: /**
   * Copyright IBM Corp. 2016, 2020
   *
   * This source code is licensed under the Apache-2.0 license found in the
   * LICENSE file in the root directory of this source tree.
   */
  
  /* eslint-disable jsx-a11y/anchor-is-valid */
  import React from 'react';
  const DataContent = () => (
    <div>
      <a
        data-title="Cras molestie condimentum"
        name="8"
        style={{ color: '#000' }}>
        <h3 style={{ paddingBottom: '1rem', paddingTop: '2rem' }}>
          Cras molestie condimentum
        </h3>
      </a>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <a
        data-title="Praesent fermentum sodales"
        name="7"
        style={{ color: '#000' }}>
        <h3 style={{ paddingBottom: '1rem', paddingTop: '2rem' }}>
          Praesent fermentum sodales
        </h3>
      </a>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <a data-title="Nulla tristique lacinia" name="2" style={{ color: '#000' }}>
        <h3 style={{ paddingBottom: '1rem', paddingTop: '2rem' }}>
          Nulla tristique lacinia
        </h3>
      </a>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <a data-title="Morbi id nibh metus" name="3" style={{ color: '#000' }}>
        <h3 style={{ paddingBottom: '1rem', paddingTop: '2rem' }}>
          Morbi id nibh metus
        </h3>
      </a>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <a data-title="Integer non scelerisque" name="14" style={{ color: '#000' }}>
        <h3 style={{ paddingBottom: '1rem', paddingTop: '2rem' }}>
          Integer non scelerisque
        </h3>
      </a>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie
        condimentum consectetur. Nulla tristique lacinia elit, at elementum dui
        gravida non. Mauris et nisl semper, elementum quam non, lacinia purus.
        Vivamus aliquam vitae sapien volutpat efficitur. Curabitur sagittis neque
        facilisis magna posuere consectetur. Praesent fermentum sodales facilisis.
        Mauris a efficitur sem. Aliquam vehicula sapien libero, a viverra felis
        scelerisque vel. Vestibulum ante ipsum primis in faucibus orci luctus et
        ultrices posuere cubilia Curae; Donec fringilla dui tellus, a pretium diam
        vehicula et. Etiam non vulputate augue. Morbi laoreet diam dapibus sapien
        pellentesque tristique. Morbi id nibh metus. Integer non scelerisque nisl.
      </p>
    </div>
  );
  
  export default DataContent;
  