Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
2
22_23-J 12
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
2
Merge Requests
2
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
22_23-J 12
22_23-J 12
Commits
db0f0039
Commit
db0f0039
authored
May 15, 2023
by
Menaka J.P.M
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update css style for survival prediction.
parent
872c18c6
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
152 additions
and
0 deletions
+152
-0
SurvivalPrediction.js
SurvivalPrediction.js
+152
-0
No files found.
SurvivalPrediction.js
0 → 100644
View file @
db0f0039
import
*
as
React
from
"
react
"
;
// @mui
import
{
styled
}
from
"
@mui/material/styles
"
;
import
{
Box
,
Button
}
from
"
@mui/material
"
;
import
Grid
from
"
@mui/material/Grid
"
;
import
Paper
from
"
@mui/material/Paper
"
;
// components
import
Page
from
"
../components/Page
"
;
import
Image
from
"
src/components/Image
"
;
// ----------------------------------------------------------------------
const
Item
=
styled
(
Paper
)(({
theme
})
=>
({
backgroundColor
:
theme
.
palette
.
mode
===
"
dark
"
?
"
#1A2027F
"
:
"
#fff
"
,
...
theme
.
typography
.
body2
,
padding
:
theme
.
spacing
(
6
),
textAlign
:
"
left
"
,
}));
// ----------------------------------------------------------------------
export
default
function
SurvivalPrediction
()
{
return
(
<
Page
title
=
"
Survival Prediction
"
>
<
Grid
container
direction
=
"
row
"
justifyContent
=
"
space-around
"
alignItems
=
"
flex-start
"
style
=
{{
paddingTop
:
"
40px
"
}}
>
<
Grid
item
sm
=
{
8
}
>
<
Item
>
<
h1
style
=
{{
fontSize
:
"
50px
"
}}
>
In
<
br
/>
Treatment
<
/h1
>
<
h4
style
=
{{
paddingBottom
:
"
40px
"
}}
>
Lorem
Ipsum
is
simply
dummy
text
of
the
printing
and
typesetting
industry
.
Lorem
Ipsum
has
been
the
industry
'
s standard dummy text
ever since the 1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen book. It has
survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of
Lorem Ipsum.
</h4>
<p>
Everyone has some risk of developing breast cancer,but there are
many factors that can increase or decrease each individual
person
'
s
breast
cancer
risk
.
<
/p
>
<
br
/>
<
p
>
Lorem
Ipsum
is
simply
dummy
text
of
the
printing
and
typesetting
industry
.
Lorem
Ipsum
has
been
the
industry
'
s standard dummy text
ever since the 1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen book. It has
survived not only five centuries, but also the leap into
electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of
Lorem Ipsum.
</p>
<Box style={{ padding: "10px", textAlign: "right" }}>
<Button
variant="contained"
href="predict-survival-form"
style={{ textAlign: "center" }}
>
{" "}
Predict Survial{" "}
</Button>
</Box>
</Item>
</Grid>
<Grid item sm={3}>
<Item>
<Image src="/assets/survival.png" />
<Box style={{ padding: "20px" }}>
<a
href="#"
style={{
color: "black",
textDecoration: "none",
}}
>
Sections
</a>
<hr />
<a
href="#"
style={{
color: "black",
textDecoration: "none",
}}
>
Managing treatment side effects
</a>
<hr />
<a
href="#"
style={{
color: "black",
textDecoration: "none",
}}
>
Complementary therepies
</a>
<hr />
<a
href="#"
style={{
color: "black",
textDecoration: "none",
}}
>
Considering a clinical trial
</a>
<hr />
<a
href="#"
style={{
color: "black",
textDecoration: "none",
}}
>
Paying for your care
</a>
<hr />
<a
href="#"
style={{
color: "black",
textDecoration: "none",
}}
>
Breast cancer and your job
</a>
</Box>
</Item>
</Grid>
</Grid>
</Page>
);
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment