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;