added contact page link
This commit is contained in:
parent
98fcfaa01b
commit
dfed98af2d
|
|
@ -1,12 +1,14 @@
|
||||||
import "./header.css";
|
import "./header.css";
|
||||||
import Image from "next/image"
|
import Image from "next/image"
|
||||||
|
import Link from "next/link";
|
||||||
|
|
||||||
function Header() {
|
function Header() {
|
||||||
return (
|
return (
|
||||||
<div className="items-center header flex flex-row w-100% h-20 border-b-solid border-b-gray-700 border-b-2 bg-gray-900 " id="header container">
|
<div className="items-center header flex flex-row w-100% h-20 border-b-solid border-b-gray-700 border-b-2 bg-gray-900 " id="header container">
|
||||||
<Image height={256} width={256} src="/pfp.png" className="ml-3.5 animate-[spin_3s_linear_infinite] rounded-full basis-15 h-15" id="pfp" alt="pfp"/>
|
<Image height={256} width={256} src="/pfp.png" className="ml-3.5 animate-[spin_3s_linear_infinite] rounded-full basis-15 h-15" id="pfp" alt="pfp"/>
|
||||||
<h1 className="ml-3.5 pagetitle text-4xl text-bold text-white font-[Bitcount]" id="page-title">PERIODICBRAKE</h1>
|
<h1 className="ml-3.5 pagetitle text-4xl text-bold text-white font-[Bitcount]" id="page-title">PERIODICBRAKE</h1>
|
||||||
<div className="basis-auto" id="header-separator"/>
|
<div className="basis-auto w-full" id="header-separator" />
|
||||||
|
<Link href="/contact" className="mr-3.5 text-3xl text-bold text-white hover:text-gray-200 font-[Bitcount]"><p>Contact</p></Link>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue