File size: 3,175 Bytes
f07bf73 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 |
import React from "react";
import { Container, Row, Col } from "react-bootstrap";
import myImg from "../../Assets/avatar.svg";
import Tilt from "react-parallax-tilt";
import {
AiFillGithub,
AiOutlineTwitter,
AiFillInstagram,
} from "react-icons/ai";
import { FaLinkedinIn } from "react-icons/fa";
function Home2() {
return (
<Container fluid className="home-about-section" id="about">
<Container>
<Row>
<Col md={8} className="home-about-description">
<h1 style={{ fontSize: "2.6em" }}>
LET ME <span className="purple"> INTRODUCE </span> MYSELF
</h1>
<p className="home-about-body">
I fell in love with programming and I have at least learnt
something, I think… 🤷♂️
<br />
<br />I am fluent in classics like
<i>
<b className="purple"> Cloud, Architecture, Frontend and Backend Technologies, Infra and Web Security </b>
</i>
<br />
<br />
My field of Interest's are
<i>
<b className="purple">helping client to transform there business using technology </b> and
also in areas related to{" "}
<b className="purple">
Generative AI.
</b>
</i>
<br />
<br />
Whenever possible, I also apply my passion for finding <b className="purple">Creative Solution</b> and
<i>
<b className="purple">
{" "}
Modern frameworks and tools
</b>
</i>
like
<i>
<b className="purple"> Cloud, Generative AI, Web Technologies, Infrastructure</b>
</i>
</p>
</Col>
<Col md={4} className="myAvtar">
<Tilt>
<img src={myImg} className="img-fluid" alt="avatar" />
</Tilt>
</Col>
</Row>
<Row>
<Col md={12} className="home-about-social">
<h1>FIND ME ON</h1>
<p>
Feel free to <span className="purple">connect </span>with me
</p>
<ul className="home-about-social-links">
<li className="social-icons">
<a
href="https://github.com/manishshanker"
target="_blank"
rel="noreferrer"
className="icon-colour home-social-icons"
>
<AiFillGithub />
</a>
</li>
<li className="social-icons">
<a
href="https://www.linkedin.com/in/manishshanker/"
target="_blank"
rel="noreferrer"
className="icon-colour home-social-icons"
>
<FaLinkedinIn />
</a>
</li>
</ul>
</Col>
</Row>
</Container>
</Container>
);
}
export default Home2;
|