text: import React from 'react';
  import './About.css'
  import aboutImg from '../../images/aboutImg.jpg'
  
  const About = () => {
      return (
          <div className="About">
              <div className="about-banner">
                  <div className="services-banner-content">
                  <h2>About Us</h2>
                  <p style={{padding:"1% 25%"}}>Welcome to Travel Agency, a WordPress theme carefully crafted for travelers and adventurers.</p>
                  </div>
              </div>
              <div className="about-content">
                  <div className="about-content-div d-md-flex justify-content-between gap-5">
                      <img className="img-thumbnail" src={aboutImg} alt="" width="40%" />
                      <div className="about-p">
                      <h3>About Our Experts</h3>
                      <p>As some of you may know, I have been in the design industry for the past 10 years working as a freelance designer in various companies while also running this blog.</p><br />
                      <p>In fact, the majority of my income is mostly from my design freelance work over at The Pete Design.I value well-designed products and today, I want to dive down into the design of travel blogs and featured the best design travel blogs out there that take storytelling to the next level and hopefully inspire you to create an awesome travel blog of your own.</p>
                      </div>
                  </div>
              </div>
          </div>
      );
  };
  
  export default About;