yusufipek/trillo-react
1
0
Fork 0
mirror of https://github.com/yusufipk/trillo-react.git synced 2026-09-11 19:06:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

created hover links

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-11 19:31:33 +03:00
parent 4bba618d56
commit c72221971a
4 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/commons/header/header.jsx
+28
View File
@@ -1,6 +1,7 @@
import logo from "../img/logo.png";
import sprite from "../img/sprite.svg";
import user from "../img/user.jpg";
import "font-awesome/css/font-awesome.min.css";
function Header() {
return (
@@ -35,6 +36,33 @@ function Header() {
<div className="header__user-nav--user">
<img src={user} alt="User" className="header__user-nav--user-photo" />
<span className="header__user-nav--user-name">Yusuf</span>
<ul className="header__hover-list">
<li className="header__hover-list-item">
<a href="#" className="header__hover-list-item-link">
<i class="fa fa-user"></i> My Profile
</a>
</li>
<li className="header__hover-list-item">
<a
href="https://yusufipek.me"
target="_blank"
rel="noreferrer"
className="header__hover-list-item-link"
>
<i class="fa fa-globe"></i> My Website
</a>
</li>
<li className="header__hover-list-item">
<a
href="https://github.com/yusufipk"
target="_blank"
rel="noreferrer"
className="header__hover-list-item-link"
>
<i class="fa fa-github"></i> Github
</a>
</li>
</ul>
</div>
</nav>
</header>