fibonacci.htm

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="css\button.css">
    <script src="js\formulas.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
  </head>
  <body>
    <nav class="navbar">
 <!-- LOGO -->
 <div class="logo">MathHub</div>
 <!-- NAVIGATION MENU -->
 <ul class="nav-links">
 <!-- NAVIGATION MENUS -->
 <div class="menu">
 <li><a href="/">Home</a></li>
 <li><a href="/">About</a></li>
 <li class="services">
 <a href="/">Tools</a>
 <!-- DROPDOWN MENU -->
 <ul class="dropdown">
 <li><a href="/">Dropdown 1 </a></li>
 <li><a href="/">Dropdown 2</a></li>
 <li><a href="/">Dropdown 2</a></li>
 <li><a href="/">Dropdown 3</a></li>
 <li><a href="/">Dropdown 4</a></li>
 </ul>
 </li>
 <li><a href="/">Privacy</a></li>
 <li><a href="/">Contact</a></li>
 </div>
 </ul>
 </nav>
    <img src="asset\fibonacci.png" alt="">
    <label for="input1">Nth number of Fibonacci Series: </label>
    <input type="number" name="input1" value="" id="input1"> <br> <br>
    <button type="button" name="button" id="btn" onclick="fibonacci();">Calculate</button>
    <h2>Answer: </h2>
    <span id="answer"></span>
    <footer class="footer">
    	 <div class="container">
    	 	<div class="row">
    	 		<div class="footer-col">
    	 			<h4>company</h4>
    	 			<ul>
    	 				<li><a href="#">about us</a></li>
    	 				<li><a href="#">our services</a></li>
    	 				<li><a href="#">privacy policy</a></li>
    	 				<li><a href="#">affiliate program</a></li>
    	 			</ul>
    	 		</div>
    	 		<div class="footer-col">
    	 			<h4>get help</h4>
    	 			<ul>
    	 				<li><a href="#">FAQ</a></li>
    	 				<li><a href="#">shipping</a></li>
    	 				<li><a href="#">returns</a></li>
    	 				<li><a href="#">order status</a></li>
    	 				<li><a href="#">payment options</a></li>
    	 			</ul>
    	 		</div>
    	 		<div class="footer-col">
    	 			<h4>online shop</h4>
    	 			<ul>
    	 				<li><a href="#">watch</a></li>
    	 				<li><a href="#">bag</a></li>
    	 				<li><a href="#">shoes</a></li>
    	 				<li><a href="#">dress</a></li>
    	 			</ul>
    	 		</div>
    	 		<div class="footer-col">
    	 			<h4>follow us</h4>
    	 			<div class="social-links">
    	 				<a href="#"><i class="fab fa-facebook-f"></i></a>
    	 				<a href="#"><i class="fab fa-twitter"></i></a>
    	 				<a href="#"><i class="fab fa-instagram"></i></a>
    	 				<a href="#"><i class="fab fa-linkedin-in"></i></a>
    	 			</div>
    	 		</div>
    	 	</div>
    	 </div>
    </footer>
  </body>
</html>