-
-
Save Nilanth/50bc114a6569a402135a54c544e7a7ec to your computer and use it in GitHub Desktop.
about.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react" | |
import Image from "next/image" | |
import profile from "../public/profile.jpeg" | |
const About = () => { | |
return ( | |
<div className="container px-4 mx-auto"> | |
<div className="lg:space-x-5 lg:flex lg:flex-row item-center lg:-mx-4 flex flex-col-reverse text-center lg:text-left"> | |
<div className="lg:px-4 lg:mt-12 "> | |
<h1 className="text-2xl font-bold text-gray-900 lg:text-5xl dark:text-white"> | |
Hey there, | |
</h1> | |
<div className="mt-6 text-gray-800 dark:text-white"> | |
<p className="mb-4"> | |
Lorem Ipsum is simply dummy text of the printing and typesetting industry. | |
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, | |
when an unknown printer took a galley of type and scrambled it to make a | |
type specimen book. | |
</p> | |
</div> | |
</div> | |
<div className="flex-shrink-0 lg:mt-12 lg:px-4 mb-10"> | |
<Image | |
src={profile} | |
alt="Profile" | |
priority={true} | |
className="rounded-full" | |
width={250} | |
height={250} | |
placeholder="blur" | |
/> | |
</div> | |
</div> | |
</div> | |
) | |
} | |
export default About; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment