69 lines
1.4 KiB
JavaScript
69 lines
1.4 KiB
JavaScript
|
import {
|
||
|
Navbar,
|
||
|
NavbarNav,
|
||
|
NavbarToggler,
|
||
|
Collapse,
|
||
|
Container
|
||
|
} from "mdbreact";
|
||
|
//import { Link } from "react-scroll";
|
||
|
import React from "react";
|
||
|
|
||
|
/**
|
||
|
* The header of the marketing page.
|
||
|
*/
|
||
|
class MarketingHeader extends React.Component {
|
||
|
constructor(props) {
|
||
|
super(props);
|
||
|
this.state = { showmenu: true };
|
||
|
this.state = {
|
||
|
collapse: false
|
||
|
};
|
||
|
this.onClick = this.onClick.bind(this);
|
||
|
this.handleNavbarClick = this.handleNavbarClick.bind(this);
|
||
|
}
|
||
|
|
||
|
onClick() {
|
||
|
this.setState({
|
||
|
collapse: !this.state.collapse
|
||
|
});
|
||
|
}
|
||
|
|
||
|
handleNavbarClick() {
|
||
|
this.setState({
|
||
|
collapse: false
|
||
|
});
|
||
|
}
|
||
|
|
||
|
render() {
|
||
|
return (
|
||
|
<Navbar
|
||
|
dark
|
||
|
expand="md"
|
||
|
fixed="top"
|
||
|
id="mainNav"
|
||
|
scrolling
|
||
|
className="top-nav-collapse">
|
||
|
<Container hidden={this.state.showmenu}>
|
||
|
<a activeClass="active" className="navbar-brand" href="/">
|
||
|
<img alt="" className="logo1" src="./img/logo.png" width="100%" />
|
||
|
<img
|
||
|
alt=""
|
||
|
className="logo2"
|
||
|
src="./img/logo54.png"
|
||
|
width="100%"
|
||
|
style={{ display: "none" }}
|
||
|
/>
|
||
|
</a>
|
||
|
|
||
|
<NavbarToggler onClick={this.onClick} />
|
||
|
<Collapse isOpen={this.state.collapse} navbar>
|
||
|
<NavbarNav right />
|
||
|
</Collapse>
|
||
|
</Container>
|
||
|
</Navbar>
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export default MarketingHeader;
|