scarlett/ITR-Website
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

updated projects

Browse Source
This commit is contained in:
scarlett kadan
2023-09-19 20:29:24 -05:00
parent a859b2824f
commit b08e0e9b4e
5 changed files with 85 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Projects.js
+12 -6
View File
@@ -38,24 +38,30 @@ const Project = () => {
className="project__content__main__container"
style={{ width: `calc(${100 / count}% - 16px)` }}
>
<h3 style={{ color: "#fff", marginBottom: 12 }}>{item.title}</h3>
<div style={{ display: 'flex', flexDirection: 'row', justifyContent:'space-between' }}>
<h3 style={{ fontFamily: "itrFontMedium", fontSize: '25px', color: "#fff", marginBottom: 12 }}>{item.title}</h3>
<h3 style={{ fontFamily: "itrFontMedium", fontSize: '25px', color: "#fff", marginBottom: 12 }}>{item.sub}</h3>
</div>
<div className="project_item_content">
<Image width={"100%"} src={item.img}></Image>
<Image className="project_item_content_image" width={"100%"} src={item.img}></Image>
<span>{item.content}</span>
</div>
</div>
))}
</div>
<h1 className="projects__title">Retired/Inactive Projects</h1>
<h1 className="projects__title">Retired Projects</h1>
<div className="projects_wrap" size={16}>
{projects.inactive.map((item) => (
<div
className="project__content__main__container"
style={{ width: `calc(${100 / count}% - 16px)` }}
style={{ width: `calc(${100 / count}% - 16px)`}}
>
<h3 style={{ color: "#fff", marginBottom: 12 }}>{item.title}</h3>
<div style={{ display: 'flex', flexDirection: 'row', justifyContent:'space-between' }}>
<h3 style={{ fontFamily: "itrFontMedium", fontSize: '25px', color: "#fff", marginBottom: 12 }}>{item.title}</h3>
<h3 style={{ fontFamily: "itrFontMedium", fontSize: '25px', color: "#fff", marginBottom: 12 }}>{item.sub}</h3>
</div>
<div className="project_item_content">
<Image width={"100%"} src={item.img}></Image>
<Image className="project_item_content_image" width={"100%"} src={item.img}></Image>
<span>{item.content}</span>
</div>
</div>