Hey Guys, I am having issues with making my links work. I am taking a template that I like and i am trying to change from the original template in the NAV pop-out bar from a data-scroll to a direct link to the new page instead of the data-scroll. The top one is the original and the bottom is my modification page. Current style CSS3 attached as amended.
Notepad++
Moderno by Graphberry (template)
<nav class="menu">
<a href="#" class="close"><i class="fa fa-close"></i></a>
<h3>Menu</h3>
<ul class="nav">
<li><a data-scroll href="#Palidin">Palidin</a></li>
<li><a data-scroll href="#services">Service</a></li>
<li><a data-scroll href="#Products">Products</a></li>
<li><a data-scroll href="#Company Bio">Company Bio</a></li>
<li><a data-scroll href="#Technicians">Technicians</a></li>
<li><a data-scroll href="#Buyers Guide">Buyers Guide</a></li>
<li><a data-scroll href="#Downloads">Downloads</a></li>
<li><a data-scroll href="#Contract">Contract</a></li>
</ul>
<ul class="social-icons">
<li><a href="https://www.facebook.com/CK-Custom-148723225148419/"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/thomas25fry"><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-dribbble"></i></a></li>
<li><a href=""><i class="fa fa-behance"></i></a></li>
<li><a href=""><i class="fa fa-pinterest"></i></a></li>
</ul>
</nav>
___________________________________________________________________________________________________________________________
<nav class="menu">
<a href="#" class="close"><i class="fa fa-close"></i></a>
<h3>Menu</h3>
<div id="navitabs">
<ul class="nav">
<li><a class="navitab" href="index.html">Palidin</a></li>
<li><a class="navitab" href="Services.html">Service</a></li>
<li><a class="navitab" href="Products.html">Products</a></li>
<li><a class="navitab" href="Companybio.html">Company Bio</a></li>
<li><a class="navitab" href="Technicians.html">Technicians</a></li>
<li><a class="navitab" href="Buyersguide.html">Buyers Guide</a></li>
<li><a class="navitab" href="Downloads.html">Downloads</a></li>
<li><a class="navitab" href="Contracts.html">Contract</a></li>
</ul>
<ul class="social-icons">
<li><a href="https://www.facebook.com/CK-Custom-148723225148419/"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/thomas25fry"><i class="fa fa-twitter"></i></a></li>
<li><a href=""><i class="fa fa-dribbble"></i></a></li>
<li><a href=""><i class="fa fa-behance"></i></a></li>
<li><a href=""><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</nav>
style.css