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

💄 Add animation

Browse Source
This commit is contained in:
stefan080106
2022-05-19 16:41:37 +02:00
parent b2905e040d
commit e2d13f74ba
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
pages/Kontakt.js
View File

@@ -2,7 +2,7 @@ import Head from "next/head";
import Image from "next/image"; import Image from "next/image";
import StandardStyles from "../styles/Home.module.css"; import StandardStyles from "../styles/Home.module.css";
import styles from "../styles/Kontakt.module.css"; import styles from "../styles/Kontakt.module.css";
import FadeIn from "react-fade-in";
import EmailIcon from "../assets/icons/Email_Icon.png"; import EmailIcon from "../assets/icons/Email_Icon.png";
import DiscordIcon from "../assets/icons/Discord_Icon.png"; import DiscordIcon from "../assets/icons/Discord_Icon.png";
import FacebookIcon from "../assets/icons/Facebook_Icon.png"; import FacebookIcon from "../assets/icons/Facebook_Icon.png";
@@ -14,10 +14,14 @@ export default function Home() {
<Head> <Head>
<title>AGS IT Solutions | Kontakt</title> <title>AGS IT Solutions | Kontakt</title>
</Head> </Head>
<h1>Kontakformular Folgt...</h1> <FadeIn childTag={"h1"} transitionDuration={1500}>
<h1>Social-Media</h1> Kontakformular Folgt...
</FadeIn>
<FadeIn delay={300} childTag={"h1"} transitionDuration={1500}>
Social-Media
</FadeIn>
{/* Social-Media*/} {/* Social-Media*/}
<div className={styles.SocialMediaContainer}> <FadeIn delay={300} transitionDuration={1500} className={styles.SocialMediaContainer}>
<a href="mailto:solutionsagsit@gmail.com"> <a href="mailto:solutionsagsit@gmail.com">
<Image height={100} width={100} src={EmailIcon} alt="E-Mail" /> <Image height={100} width={100} src={EmailIcon} alt="E-Mail" />
</a> </a>
@@ -30,7 +34,7 @@ export default function Home() {
<a href="https://discord.gg/cgq2NA2sdd"> <a href="https://discord.gg/cgq2NA2sdd">
<Image height={100} width={100} src={DiscordIcon} alt="Discord" /> <Image height={100} width={100} src={DiscordIcon} alt="Discord" />
</a> </a>
</div> </FadeIn>
</main> </main>
); );
} }