MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Merge remote-tracking branch 'origin/Development' into Development

This commit is contained in:
George Kalampokis 2020-06-03 12:16:21 +03:00
parent 78ee4673ee a74321b3b4
commit 30542b4156
10 changed files with 238 additions and 235 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
dmp-frontend/src/assets/splash/about/faqs.html
View File

@ -34,8 +34,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('aboutDropdown')" <a class="nav-link dropbtn active-nav-link" href="#about">ABOUT</a>
href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -46,8 +45,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')" <a class="nav-link dropbtn" href="#resources">RESOURCES</a>
href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">

8
dmp-frontend/src/assets/splash/about/how-it-works.html
View File

@ -33,8 +33,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('aboutDropdown')" <a class="nav-link dropbtn active-nav-link" href="#about">ABOUT</a>
href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -45,8 +44,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')" <a class="nav-link dropbtn" href="#resources">RESOURCES</a>
href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -112,7 +110,7 @@
<p class="pt-2 pb-5"> <p class="pt-2 pb-5">
ARGOS is offered as a standalone service, where ARGOS is offered as a standalone service, where
users can download the source code and co-brand it. Read more on how to implement that in the users can download the source code and co-brand it. Read more on how to implement that in the
<a href="#"><u>Resources section</u></a>. <a href="../resources/co-branding.html"><u>Resources section</u></a>.
</p> </p>
</div> </div>
</section> </section>

4
dmp-frontend/src/assets/splash/contact.html
View File

@ -27,7 +27,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -38,7 +38,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')" href="#resources">RESOURCES</a> <a class="nav-link dropbtn" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">

432
dmp-frontend/src/assets/splash/css/navbar.css
View File

@ -1,126 +1,128 @@
.bootstrap-overrides .navbar { .bootstrap-overrides .navbar {
position: relative; position: relative;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-top: 3.18rem; padding-top: 3.18rem;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
background-color: white; background-color: white;
} }
.bootstrap-overrides .navbar .container { .bootstrap-overrides .navbar .container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.bootstrap-overrides .navbar-brand { .bootstrap-overrides .navbar-brand {
display: inline-block; display: inline-block;
width: 135px; width: 135px;
height: 51px; height: 51px;
font-size: 1.25rem; font-size: 1.25rem;
line-height: inherit; line-height: inherit;
white-space: nowrap; white-space: nowrap;
} }
.bootstrap-overrides .navbar-nav { .bootstrap-overrides .navbar-nav {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
margin-left: auto; margin-left: auto;
list-style: none; list-style: none;
} }
.bootstrap-overrides .navbar-nav .nav-link { .bootstrap-overrides .navbar-nav .nav-link {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
.bootstrap-overrides .navbar-nav .dropdown-menu { .bootstrap-overrides .navbar-nav .dropdown-menu {
position: static; position: static;
float: none; float: none;
} }
.navbar-collapse { .navbar-collapse {
flex-basis: 100%; flex-basis: 100%;
flex-grow: 1; flex-grow: 1;
align-items: center; align-items: center;
padding-top: 0.5rem; padding-top: 0.5rem;
} }
.navbar-toggler { .navbar-toggler {
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1; line-height: 1;
background-color: transparent; background-color: transparent;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.navbar-toggler:hover, .navbar-toggler:focus { .navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none; text-decoration: none;
} }
.navbar-toggler-icon { .navbar-toggler-icon {
display: inline-block; display: inline-block;
width: 1.5em; width: 1.5em;
height: 1.5em; height: 1.5em;
vertical-align: middle; vertical-align: middle;
content: ""; content: "";
background: no-repeat center center; background: no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
} }
.nav { .nav {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
list-style: none; list-style: none;
} }
.nav-link { .nav-link {
display: block; display: block;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-left: 1rem; margin-left: 1rem;
; ;
text-align: left; text-align: left;
font: Bold 14px/17px Roboto; font: Bold 14px/17px Roboto;
letter-spacing: 0px; letter-spacing: 0px;
color: #000000; color: #000000;
opacity: 1; opacity: 1;
} }
.nav-link:hover, .nav-link:focus { .nav-link:hover, .nav-link:focus {
text-decoration: none; text-decoration: none;
} }
.nav-link.disabled { .nav-link.disabled {
color: #6c757d; color: #6c757d;
pointer-events: none; pointer-events: none;
cursor: default; cursor: default;
} }
.active-nav-link { .active-nav-link {
border-bottom: 4px solid #23BCBA !important; border-bottom: 4px solid #23BCBA !important;
border-left: 0 !important; border-left: 0 !important;
border-right: 0 !important; border-right: 0 !important;
border-radius: 0px !important; border-radius: 0px !important;
} }
.nav-item { .nav-item {
margin-bottom: -1px; margin-bottom: -1px;
position: relative;
display: inline-block;
} }
.nav-link { .nav-link {
width: fit-content; width: fit-content;
border: 1px solid transparent; border: 1px solid transparent;
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; border-top-right-radius: 0.25rem;
} }
/* .nav-link:hover { /* .nav-link:hover {
@ -131,210 +133,218 @@
} */ } */
.nav-link.disabled { .nav-link.disabled {
color: #6c757d; color: #6c757d;
background-color: transparent; background-color: transparent;
border-color: transparent; border-color: transparent;
} }
.nav-link.active, .nav-item.show .nav-link { .nav-link.active, .nav-item.show .nav-link {
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; border-color: #dee2e6 #dee2e6 #fff;
} }
.nav-link { .nav-link {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.nav-link.active, .show>.nav-link { .nav-link.active, .show>.nav-link {
color: #000000; color: #000000;
background-color: #23BCBA; background-color: #23BCBA;
} }
.nav-fill .nav-item { .nav-fill .nav-item {
flex: 1 1 auto; flex: 1 1 auto;
text-align: center; text-align: center;
} }
.nav-justified .nav-item { .nav-justified .nav-item {
flex-basis: 0; flex-basis: 0;
flex-grow: 1; flex-grow: 1;
text-align: center; text-align: center;
} }
.navbar-expand { .navbar-expand {
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: flex-start; justify-content: flex-start;
} }
.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-sm, .navbar-expand>.container-md, .navbar-expand>.container-lg, .navbar-expand>.container-xl { .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-sm, .navbar-expand>.container-md, .navbar-expand>.container-lg, .navbar-expand>.container-xl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
.navbar-expand .navbar-nav { .navbar-expand .navbar-nav {
flex-direction: row; flex-direction: row;
} }
.navbar-expand .navbar-nav .dropdown-menu { .navbar-expand .navbar-nav .dropdown-menu {
position: absolute; position: absolute;
} }
.navbar-expand .navbar-nav .nav-link { .navbar-expand .navbar-nav .nav-link {
padding-right: 1rem; padding-right: 1rem;
padding-left: 1rem; padding-left: 1rem;
} }
.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-sm, .navbar-expand>.container-md, .navbar-expand>.container-lg, .navbar-expand>.container-xl { .navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-sm, .navbar-expand>.container-md, .navbar-expand>.container-lg, .navbar-expand>.container-xl {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.navbar-expand .navbar-collapse { .navbar-expand .navbar-collapse {
display: flex !important; display: flex !important;
flex-basis: auto; flex-basis: auto;
} }
.navbar-expand .navbar-toggler { .navbar-expand .navbar-toggler {
display: none; display: none;
} }
.dropdown-top { .dropdown-top {
width: 0px; width: 0px;
border-bottom: 10px solid #23BCBA ; border-bottom: 10px solid #23BCBA;
border-left: 10px solid transparent; border-left: 10px solid transparent;
border-right: 10px solid transparent; border-right: 10px solid transparent;
margin: 0 20%; margin: 0 20%;
} }
.dropdown { .dropdown {
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
.dropdown-content { .dropdown-content {
display: none; display: none;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
} }
.dropdown-options { .dropdown-options {
background-color: #23BCBA; background-color: #23BCBA;
border-radius: 5px; border-radius: 5px;
min-width: 160px; min-width: 160px;
width: 214px; width: 214px;
overflow: auto; overflow: auto;
padding: 20px 0px; padding: 20px 0px;
} }
.dropdown-content a { .dropdown-content a {
text-align: left; text-align: left;
font-weight: 700; font-weight: 700;
font-family: 'Roboto',sans-serif; font-family: 'Roboto', sans-serif;
font-size: 0.87rem; font-size: 0.87rem;
color: #FFFFFF; color: #FFFFFF;
text-transform: uppercase; text-transform: uppercase;
opacity: 1; opacity: 1;
padding: 8px 28px; padding: 8px 28px;
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
.dropdown-options a:hover { .dropdown-options a:hover {
background-color: rgba(255, 255, 255, 0.609) !important; background-color: rgba(255, 255, 255, 0.609) !important;
}
.dropdown-options a:hover {
background-color: #ddd;
}
.nav-item:hover .dropdown-content {
display: block;
} }
.show { .show {
display: block; display: block;
} }
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
.navbar-expand-lg>.container { .navbar-expand-lg>.container {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
#nav.navbar-shrink { #nav.navbar-shrink {
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
background-color: #212529; background-color: #212529;
} }
#nav.navbar-shrink .navbar-brand { #nav.navbar-shrink .navbar-brand {
font-size: 1.25em; font-size: 1.25em;
} }
#nav.navbar-shrink .navbar-brand svg { #nav.navbar-shrink .navbar-brand svg {
height: 1.5rem; height: 1.5rem;
} }
#nav.navbar-shrink .nav-link, #nav.navbar-shrink button { #nav.navbar-shrink .nav-link, #nav.navbar-shrink button {
color: white; color: white;
} }
#nav.navbar-shrink .nav-link:hover { #nav.navbar-shrink .nav-link:hover {
color: #23BCBA; color: #23BCBA;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.navbar-expand-lg { .navbar-expand-lg {
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: flex-start; justify-content: flex-start;
} }
.navbar-expand-lg .navbar-nav { .navbar-expand-lg .navbar-nav {
flex-direction: row; flex-direction: row;
} }
.navbar-expand-lg .navbar-nav .dropdown-menu { .navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; position: absolute;
} }
.navbar-expand-lg .navbar-nav .nav-link { .navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.2rem; padding-right: 1.2rem;
padding-left: 1.2rem; padding-left: 1.2rem;
} }
.navbar-expand-lg>.container { .navbar-expand-lg>.container {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.navbar-expand-lg .navbar-collapse { .navbar-expand-lg .navbar-collapse {
display: flex !important; display: flex !important;
flex-basis: auto; flex-basis: auto;
} }
.navbar-expand-lg .navbar-toggler { .navbar-expand-lg .navbar-toggler {
display: none; display: none;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
#nav { #nav {
padding-top: 1.5rem; padding-top: 1.5rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
border: none; border: none;
background-color: transparent; background-color: transparent;
transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out; transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
} }
#nav .navbar-brand { #nav .navbar-brand {
font-size: 1.5em; font-size: 1.5em;
transition: font-size 0.3s ease-in-out; transition: font-size 0.3s ease-in-out;
} }
#nav .navbar-brand img { #nav .navbar-brand img {
/* height: 2rem; */ /* height: 2rem; */
transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out;
} }
#nav.navbar-shrink { #nav.navbar-shrink {
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
background-color: #212529; background-color: #212529;
} }
#nav.navbar-shrink .navbar-brand { #nav.navbar-shrink .navbar-brand {
font-size: 1.25em; font-size: 1.25em;
} }
#nav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img { #nav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
height: 1.5rem; height: 1.5rem;
} }
#nav.navbar-shrink .nav-link, #nav.navbar-shrink button { #nav.navbar-shrink .nav-link, #nav.navbar-shrink button {
color: white; color: white;
} }
#nav.navbar-shrink .nav-link:hover { #nav.navbar-shrink .nav-link:hover {
color: #23BCBA; color: #23BCBA;
} }
#nav .navbar-nav .nav-item { #nav .navbar-nav .nav-item {
margin-right: 1rem; margin-right: 1rem;
} }
#nav .navbar-nav .nav-item:last-child { #nav .navbar-nav .nav-item:last-child {
margin-right: 0; margin-right: 0;
} }
} }

2
dmp-frontend/src/assets/splash/css/styles.css
View File

@ -208,7 +208,7 @@ hr {
} }
.normal-btn { .normal-btn {
/* min-width: 162px; */ min-width: 162px;
max-width: 256px; max-width: 256px;
height: 40px; height: 40px;
cursor: pointer; cursor: pointer;

6
dmp-frontend/src/assets/splash/index.html
View File

@ -27,7 +27,7 @@
<div class="collapse navbar-collapse" id="navbarResponsive"> <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -38,7 +38,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')" href="#resources">RESOURCES</a> <a class="nav-link dropbtn" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -307,7 +307,7 @@
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="row"> <div class="row">
<div class="col-auto branding-logo"> <div class="col-auto branding-logo pl-0">
<img src="assets/img/argos-logo - Copy.svg" width="91" height="35"> <img src="assets/img/argos-logo - Copy.svg" width="91" height="35">
</div> </div>
<span class="title-3">co-branding</span> <span class="title-3">co-branding</span>

1
dmp-frontend/src/assets/splash/js/scripts.js
View File

@ -14,7 +14,6 @@ function toggleClass(ids, option) {
function navbarCollapse() { function navbarCollapse() {
var element = document.getElementById('nav'); var element = document.getElementById('nav');
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
console.log('here')
element.classList.add("navbar-shrink"); element.classList.add("navbar-shrink");
element.classList.add("fixed-top"); element.classList.add("fixed-top");
} else { } else {

5
dmp-frontend/src/assets/splash/resources/co-branding.html
View File

@ -33,7 +33,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -44,8 +44,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('resourcesDropdown')" <a class="nav-link dropbtn active-nav-link" href="#resources">RESOURCES</a>
href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">

5
dmp-frontend/src/assets/splash/resources/media-kit.html
View File

@ -33,7 +33,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -44,8 +44,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('resourcesDropdown')" <a class="nav-link dropbtn active-nav-link" href="#resources">RESOURCES</a>
href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">

4
dmp-frontend/src/assets/splash/resources/user-guide.html
View File

@ -26,7 +26,7 @@
<div class="navbar-collapse" id="navbarResponsive"> <div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto"> <ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn" onclick="dropdownToggle('aboutDropdown')" href="#about">ABOUT</a> <a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content"> <div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">
@ -37,7 +37,7 @@
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('resourcesDropdown')" href="#resources">RESOURCES</a> <a class="nav-link dropbtn active-nav-link" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content"> <div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div> <div class="dropdown-top"></div>
<div class="dropdown-options"> <div class="dropdown-options">