lightweight/right-tree
1
0
Fork 0
Code Issues 17 Pull requests Projects Releases Packages Wiki Activity Actions

Add header styled like Biosphere Capital site

Browse source 
- Adds Biosphere Capital logo
- Adds dummy nav with no dropdown links
This commit is contained in:
Dana Lambert 2021-10-18 10:38:59 +13:00
parent 530089c19c
commit aa95005fd2
8 changed files with 72 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/components/Header.js Normal file
View file

@ -0,0 +1,13 @@
import TopNav from './TopNav'
import logo from '../assets/img/logo.png'
export default function Header() {
return (
<div className='d-flex justify-content-between top-header'>
<a href="https://www.b4c3.com/">
<img className='header-logo' src={logo} alt="Biosphere Capital Limited" />
</a>
<TopNav />
</div>
);
}

30
frontend/src/components/TopNav.js Normal file
View file

@ -0,0 +1,30 @@
export default function TopNav() {
return (
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Advisory</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Ecology</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Renewables</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.b4c3.com/contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
);
}

4
frontend/src/components/steps/Location.js
View file

@ -5,9 +5,9 @@ import { Container } from 'reactstrap';
export default class Step1 extends React.Component {
render() {
return (
<Container className="pt-4">
<div className="pt-4">
<p>Please choose your location...</p>
</Container>
</div>
)
}
}