I have created this HTML code for my Navbar buttons:
<button class="navbar-toggle" data-toggle = "collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#Home" class="smoothScroll">Home</a></li>
<li><a href="#About" class="smoothScroll">About</a></li>
<li><a href="#Portfolio" class="smoothScroll">Portfolio</a </li>
<li><a href="#Contact" class="smoothScroll">Contact</a></li>
</div>
When the portfolio button is clicked, it should jump to the portfolio section as shown here:
<a name="Portfolio">
<!-- <section id="Portfolio"> -->
<div id="whitecontainer1">
<h1> Portfolio </h1>
hello
<br>
<br>
<br>
<br>
<br>
</div>
</a>
However, it scrolls to a different section instead:
<section id="About">
<div id="redcontainer1">
<div id="aboutinfo">
<h2><strong>Ashpan Raskar</strong></h2>
<div id="aboutme">
I am an intuitive <strong> software developer</strong>, and newly a
<strong> web developer</strong>. I began by learning Java at the age of 10 from an online
YouTube series: "Java (Beginner) Programming Tutorials." Soon after I started becoming
interested in <strong>Websites
and Web Design</strong>, so I learned how to create websites with XHTML, but it was not at
all responsive and was bare to the bone.
<br>
<br>
From then a learned quite a few more languages such as Jquery,
PHP, Javascript, C#, Ajax, etc, and I plan to learn Android Development as my next stage.
<br>
<br>
<a target="_blank"class="btn btn-default" href="Ashpan_Raskar.pdf" role="button">Check out my Resume!</a>
</div>
Any assistance would be greatly appreciated. If you want to check out the code on GitHub, you can find it here. Thank you in advance.