Codiga Code Snippet: React About Component

import { React } from 'react'

import '__path_to_your_stylesheet__'
import gif1 from "__path_to_your_illustration__"
import { Button, Form, Col, Image, Row } from "react-bootstrap";


const Aboutus = () => {
  return (
    <div >
      <div class="about-section">

        <div class="inner-container">
          <h1 class="head-ele">About Us</h1>
          <p class="text-el">
          We are a small group of students trying to help the people to connect to the people who are starving for food. We want people to know various schemes government is providing to eradicate hunger issue. If you are one of the persons who are looking to donate, you can use this medium.
          </p>
          <span class="email">Ask your question by email
            <a class="email" href="mailto:xyz@gmail.com"><i class="icon-email"></i>xyz@gmail.com</a>
          </span>
        </div>
      </div>
    </div>
  )
}

export default Aboutus

React About Component

Teja-Chaudhari

About

Basic Fundraising Website

First, we are importing the React and React-Bootstrap libraries. Next, we are creating a function called Aboutus . This function will return a div element.

Inside the div element, we are going to have a couple of sections. The first section is going to have a header that says "About Us". The second section is going to have a paragraph that says various schemes government is providing to eradicate hunger issue. And finally, we have an email field that people can use to contact us.

Shortcut: react.fr.about

0 Comments

Add Comment