import React from "react";
import siteImage from "../images/site.jpg";

export default function About() {
  return (
    <div>
      <section className="about">
        <div className="heading">
          <p className="space"></p>
          <h2>About WhiteSource</h2>
        </div>
        <p className="space"></p>
        <p className="space"></p>
        <div className="content">
          <div className="contentBx w50">
            <h3>The function of this site is versatility.</h3>
            <p>
              Lorem ipsum dolor sit, amet consectetur adipisicing elit.
              Deleniti, earum. Exercitationem aliquam atque ab cum quod, beatae,
              doloribus velit, quam ratione ipsum iure rerum porro. Et
              necessitatibus nam repellendus rerum. Lorem ipsum dolor sit amet,
              consectetur adipisicing elit. Nesciunt facilis nobis dolorum
              aliquid adipisci facere nam rem ducimus ratione distinctio
              voluptatem explicabo ipsam soluta, omnis neque commodi consectetur
              quisquam! Molestias?<p className="space"></p>
              <p className="space"></p>Lorem ipsum dolor sit amet consectetur
              adipisicing elit. Neque, doloremque. Deleniti vero maiores aut
              odit impedit sint officia animi. Fugit tempore, dolorum earum
              molestias repudiandae iure necessitatibus commodi a nulla.
            </p>
          </div>
          <div className="w50">
            <img src={siteImage} alt="Site" />
          </div>
        </div>
      </section>
    </div>
  );
}
