Spaces:
Sleeping
Sleeping
ChandimaPrabath
commited on
Commit
•
319ee36
1
Parent(s):
a0f1951
init
Browse files- frontend/src/App.js +3 -14
- frontend/src/pages/Index.css +6 -0
- frontend/src/pages/Index.js +13 -0
frontend/src/App.js
CHANGED
@@ -1,22 +1,11 @@
|
|
1 |
-
import
|
2 |
-
import
|
3 |
|
4 |
function App() {
|
5 |
return (
|
6 |
<div className="App">
|
7 |
<header className="App-header">
|
8 |
-
<
|
9 |
-
<p>
|
10 |
-
Edit <code>src/App.js</code> and save to reload.
|
11 |
-
</p>
|
12 |
-
<a
|
13 |
-
className="App-link"
|
14 |
-
href="https://reactjs.org"
|
15 |
-
target="_blank"
|
16 |
-
rel="noopener noreferrer"
|
17 |
-
>
|
18 |
-
Learn React
|
19 |
-
</a>
|
20 |
</header>
|
21 |
</div>
|
22 |
);
|
|
|
1 |
+
import "./App.css";
|
2 |
+
import Index from "./pages/Index";
|
3 |
|
4 |
function App() {
|
5 |
return (
|
6 |
<div className="App">
|
7 |
<header className="App-header">
|
8 |
+
<Index/>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
9 |
</header>
|
10 |
</div>
|
11 |
);
|
frontend/src/pages/Index.css
ADDED
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.card{
|
2 |
+
background-color: #4c4576;
|
3 |
+
width: 700px;
|
4 |
+
height: 500px;
|
5 |
+
border-radius: 25px;
|
6 |
+
}
|
frontend/src/pages/Index.js
ADDED
@@ -0,0 +1,13 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
import "./Index.css";
|
2 |
+
|
3 |
+
function Index() {
|
4 |
+
return (
|
5 |
+
<div className="Index">
|
6 |
+
<header className="Index-header">
|
7 |
+
<div className="card">This is a Card</div>
|
8 |
+
</header>
|
9 |
+
</div>
|
10 |
+
);
|
11 |
+
}
|
12 |
+
|
13 |
+
export default Index;
|