82 lines
2.3 KiB
JavaScript
82 lines
2.3 KiB
JavaScript
import React from "react";
|
|
import { Link } from "react-router-dom";
|
|
import Menu from "./Menu";
|
|
import "./CSS/Contact.css";
|
|
import { FaFacebook, FaLinkedin, FaGithub, FaTwitter } from "react-icons/fa";
|
|
import { MdEmail } from "react-icons/md";
|
|
import Connection_form from "./Connection_form";
|
|
|
|
const email = "digivagyok@gmail.com";
|
|
const mailto = "mailto:digivagyok@gmail.com";
|
|
|
|
|
|
function Connection() {
|
|
return (
|
|
<>
|
|
<Menu />
|
|
<div className="contact-container">
|
|
<h1 className="contact-title">Kapcsolat</h1>
|
|
<p className="contact-subtitle">
|
|
Itt megtalálod az elérhetőségeimet és kapcsolatba léphetsz velem.
|
|
</p>
|
|
<div className="contact-links">
|
|
<div className="contact-item">
|
|
<FaFacebook className="contact-icon" />
|
|
<a
|
|
href="https://www.facebook.com/digivagyok"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Facebook - digivagyok
|
|
</a>
|
|
</div>
|
|
<div className="contact-item">
|
|
<FaLinkedin className="contact-icon" />
|
|
<a
|
|
href="https://www.linkedin.com/in/digivagyok"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
LinkedIn - digivagyok
|
|
</a>
|
|
</div>
|
|
<div className="contact-item">
|
|
<FaGithub className="contact-icon" />
|
|
<a
|
|
href="https://github.com/playermarci"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
GitHub - digivagyok
|
|
</a>
|
|
</div>
|
|
<div className="contact-item">
|
|
<FaTwitter className="contact-icon" />
|
|
<a
|
|
href="https://twitter.com/digivagyok"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Twitter - digivagyok
|
|
</a>
|
|
</div>
|
|
<div className="contact-item">
|
|
<MdEmail className="contact-icon" />
|
|
<a
|
|
href={mailto}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Email: - {email}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<Connection_form>
|
|
</Connection_form>
|
|
</div>
|
|
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Connection; |