From 25fedf756275bcab04a2f5b3c0fa2964fca27c89 Mon Sep 17 00:00:00 2001 From: Sima-J Date: Fri, 29 Jan 2021 21:22:38 +0300 Subject: [PATCH] MyInfo Answer --- src/App.js | 5 +++-- src/component/MyInfo/MyInfo.css | 36 +++++++++++++++++++++++++++++++++ src/component/MyInfo/MyInfo.jsx | 26 ++++++++++++++++++++++++ 3 files changed, 65 insertions(+), 2 deletions(-) create mode 100644 src/component/MyInfo/MyInfo.css create mode 100644 src/component/MyInfo/MyInfo.jsx diff --git a/src/App.js b/src/App.js index 7c96152..38b3cf2 100644 --- a/src/App.js +++ b/src/App.js @@ -1,9 +1,10 @@ import React from 'react'; - +import MyInfo from './component/MyInfo/MyInfo.jsx'; function App() { return ( +
-

Hello World!!

+
); } diff --git a/src/component/MyInfo/MyInfo.css b/src/component/MyInfo/MyInfo.css new file mode 100644 index 0000000..8913530 --- /dev/null +++ b/src/component/MyInfo/MyInfo.css @@ -0,0 +1,36 @@ +body { + background-image: url(https://i.imgur.com/YJtb77c.jpg); + background-repeat: no-repeat; + background-size: auto; + +} +h1 { +font: bold; +font-size: 48px; +} +div { + margin:30px; +} +ul{ + list-style-type: none; + width:600px; +} + +li img{ + float:left; + margin:0 20px 0 0; + width:130px; height:120px; + +} + p{ +font-family: Arial, Helvetica, sans-serif; +} +li { + padding: 15px; + overflow: auto; +} +li:hover{ + background:#F0F0F0; + cursor: pointer; + +} \ No newline at end of file diff --git a/src/component/MyInfo/MyInfo.jsx b/src/component/MyInfo/MyInfo.jsx new file mode 100644 index 0000000..65e536e --- /dev/null +++ b/src/component/MyInfo/MyInfo.jsx @@ -0,0 +1,26 @@ +import React from 'react'; +import "./MyInfo.css" +const info=()=> { + return ( +
+

Sima Jazaa Mohammed

+

I am tying to be a successful a software engineer and I love coding. I am from slemani the city of culture

+ +
); +}; + + export default info;