lukas/PersonalWebsite
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

collapsed navbar background color

Browse Source 
behaviour of minimum screen size
This commit is contained in:
lukas-heiligenbrunner
2020-03-16 20:24:03 +01:00
parent 7c082e0176
commit c7facbd23b
2 changed files with 41 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
index.html
View File

@ -40,14 +40,8 @@
<li class="nav-item">
<a class="nav-link" href="#section3">Projects</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Contact
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#section41">Link 1</a>
<a class="dropdown-item" href="#section42">Link 2</a>
</div>
<li class="nav-item">
<a class="nav-link" href="#section4">Contact</a>
</li>
</ul>
</div>
@ -62,8 +56,8 @@
<div class="bigText" id="titleText">Lukas Heiligenbrunner</div>
<div class="bigText lightOpacity" id="subTitleText">A creative IT Student</div>
<p id="meaningFullSentence" class="lightOpacity">
I'm a software engineer based in Austria who loves to
develop code and is always open for new projects.
I'm a software engineer based in Austria who loves code
development and is always open for new projects and ideas.
</p>
</div>
</div>
@ -71,7 +65,7 @@
<div id="section2" class="bg-warning tile">
<div class="container">
<h1>Section 2</h1>
<h1>About me</h1>
<p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and
look at
the navigation bar while scrolling!</p>
@ -82,7 +76,7 @@
</div>
<div id="section3" class="bg-secondary tile">
<div class="container">
<h1>Section 3</h1>
<h1>Projects</h1>
<p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and
look at
the navigation bar while scrolling!</p>
@ -91,20 +85,10 @@
the navigation bar while scrolling!</p>
</div>
</div>
<div id="section41" class="bg-danger tile">
<div id="section4" class="bg-danger tile">
<div class="container">
<h1>Section 4 Submenu 1</h1>
<p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and
look at
the navigation bar while scrolling!</p>
<p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and
look at
the navigation bar while scrolling!</p>
</div>
</div>
<div id="section42" class="bg-info tile">
<div class="container">
<h1>Section 4 Submenu 2</h1>
<h1>Contact</h1>
<h3>Stay in Contact!</h3>
<p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and
look at
the navigation bar while scrolling!</p>