stefan.arnold/AGS_IT_Solutions_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Add Landingpage

Browse Source
This commit is contained in:
stefan080106
2022-05-16 22:23:17 +02:00
parent f2dba0b715
commit 12dfc520c7
9 changed files with 190 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
styles/LandingPage.module.css Normal file
View File

@@ -0,0 +1,65 @@
.welcomeContainer {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
padding: 0 2vw;
}
.welcomeContainer h1 {
color: white;
background-color: #6f6f6f;
padding: 0.5rem;
border-radius: 10px;
}
.welcomeContainer p {
font-size: 1.4rem;
}
.treeContainerLayout {
width: 100%;
padding: 0 2vw;
margin: 2vw 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.treeContainerLayout .container {
height: 300px;
width: 20rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
/*# sourceMappingURL=LandingPage.module.css.map */

9
styles/LandingPage.module.css.map Normal file
View File

@@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,iBAAiB,CAAC;EACjB,KAAK,EAAE,IAAI;EAEX,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,cAAc,EAAE,MAAM;EAEtB,UAAU,EAAE,MAAM;EAElB,OAAO,EAAE,KAAK;CAYd;;AAtBD,AAYC,iBAZgB,CAYhB,EAAE,CAAC;EACF,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,OAAO;EACzB,OAAO,EAAE,MAAM;EACf,aAAa,EAAE,IAAI;CACnB;;AAjBF,AAmBC,iBAnBgB,CAmBhB,CAAC,CAAC;EACD,SAAS,EAAE,MAAM;CACjB;;AAGF,AAAA,oBAAoB,CAAC;EACpB,KAAK,EAAE,IAAI;EAEX,OAAO,EAAE,KAAK;EACd,MAAM,EAAE,KAAK;EAEb,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,YAAY;EAC7B,WAAW,EAAE,QAAQ;EACrB,SAAS,EAAE,IAAI;CAaf;;AAtBD,AAWC,oBAXmB,CAWnB,UAAU,CAAC;EACV,MAAM,EAAE,KAAK;EACb,KAAK,EAAE,KAAK;EAEZ,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,cAAc,EAAE,MAAM;EAEtB,UAAU,EAAE,MAAM;CAClB",
"sources": [
"LandingPage.module.scss"
],
"names": [],
"file": "LandingPage.module.css"
}

47
styles/LandingPage.module.scss Normal file
View File

@@ -0,0 +1,47 @@
.welcomeContainer {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
padding: 0 2vw;
h1 {
color: white;
background-color: #6f6f6f;
padding: 0.5rem;
border-radius: 10px;
}
p {
font-size: 1.4rem;
}
}
.treeContainerLayout {
width: 100%;
padding: 0 2vw;
margin: 2vw 0;
display: flex;
justify-content: space-around;
align-items: baseline;
flex-wrap: wrap;
.container {
height: 300px;
width: 20rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
}