File tree Expand file tree Collapse file tree 3 files changed +28
-19
lines changed
Expand file tree Collapse file tree 3 files changed +28
-19
lines changed Original file line number Diff line number Diff line change 1- import logo from "./logo.svg" ;
21import "./App.css" ;
3- import ProgrammingExpertise from "./Components/ProgrammingExpertise" ;
2+ import DownloadButton from "./components/DownloadButton" ;
3+ import ProgrammingExpertise from "./components/ProgrammingExpertise" ;
44
55function App ( ) {
66 return (
7- // <div className="App">
8- // <header className="App-header">
9- // <img src={logo} className="App-logo" alt="logo" />
10- // <p>
11- // Edit <code>src/App.js</code> and save to reload.
12- // </p>
13- // <a
14- // className="App-link"
15- // href="https://reactjs.org"
16- // target="_blank"
17- // rel="noopener noreferrer"
18- // >
19- // Learn React
20- // </a>
21- // </header>
22- // </div>
23- < ProgrammingExpertise />
7+ < >
8+ < DownloadButton > </ DownloadButton >
9+ < ProgrammingExpertise />
10+ </ >
2411 ) ;
2512}
2613
Original file line number Diff line number Diff line change 1+ import React from 'react' ;
2+
3+ const DownloadButton = ( ) => {
4+ return (
5+ < button style = { {
6+ display : "flex" ,
7+ alignItems : "center"
8+ } } >
9+ < img src = '/images/download.svg' alt = "" style = { {
10+ padding : "5px"
11+ } } > </ img >
12+ Download
13+
14+ </ button >
15+ ) ;
16+ }
17+
18+ export default DownloadButton ;
You can’t perform that action at this time.
0 commit comments