mirror of
https://github.com/mgerb/classic-wow-forums
synced 2026-01-12 01:52:49 +00:00
added client things - finished home page
This commit is contained in:
53
client/app/components/header/header.tsx
Normal file
53
client/app/components/header/header.tsx
Normal file
@@ -0,0 +1,53 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
|
||||
import './header.scss';
|
||||
|
||||
import wowlogo2 from '../../assets/wowlogo2.gif';
|
||||
|
||||
interface Props {}
|
||||
|
||||
interface State {}
|
||||
|
||||
export class Header extends React.Component<Props, State> {
|
||||
constructor(props: Props) {
|
||||
super(props);
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<div className="wowlogo2">
|
||||
<Link to="/">
|
||||
<img src={wowlogo2}/>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div style={{ height: '80px' }}>
|
||||
<div className="gold-bg"/>
|
||||
<div className="topbg topbg__left">
|
||||
<div className="gryph gryph__left"/>
|
||||
</div>
|
||||
|
||||
<div className="topbg topbg__right">
|
||||
<div className="gryph gryph__right"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="gold-border">
|
||||
<div className="finger finger__left"/>
|
||||
<div className="finger finger__right"/>
|
||||
</div>
|
||||
|
||||
<div className="linksbar">
|
||||
<div className="linksbar-image linksbar-image__left"/>
|
||||
<span className="grey">
|
||||
<a href="#">News</a> | <a href="#">Game Info</a> | <a href="#">Forums</a> | <a href="#">Links/Files</a> | <a href="#">Support</a>
|
||||
</span>
|
||||
<div className="linksbar-image linksbar-image__right"/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user