Add header styled like Biosphere Capital site
- Adds Biosphere Capital logo - Adds dummy nav with no dropdown links
This commit is contained in:
parent
530089c19c
commit
aa95005fd2
8 changed files with 72 additions and 6 deletions
BIN
frontend/src/assets/img/logo.png
Normal file
BIN
frontend/src/assets/img/logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 28 KiB |
18
frontend/src/assets/styles/header.scss
Normal file
18
frontend/src/assets/styles/header.scss
Normal file
|
@ -0,0 +1,18 @@
|
|||
.top-header {
|
||||
padding-bottom: 3.2vw;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
max-height: 110px;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
color: white !important;
|
||||
font-weight: 200;
|
||||
font-size: 16px !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
margin-left: 26.8667px;
|
||||
}
|
|
@ -1,8 +1,13 @@
|
|||
@import "./theme.scss";
|
||||
@import "./header.scss";
|
||||
|
||||
// Core styles here...
|
||||
.App {
|
||||
font-family: $primary-font;
|
||||
color: $text-color-primary;
|
||||
background-color: $background-color-primary;
|
||||
padding-top: 3.2vw;
|
||||
padding-left: 3vw;
|
||||
padding-right: 3vw;
|
||||
padding-bottom: 3.2vw;
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap');
|
||||
|
||||
// COLOURS
|
||||
$background-color-primary: #000000;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue