Skip to content

Commit

Permalink
Alligned Navbar
Browse files Browse the repository at this point in the history
  • Loading branch information
@sailaja-adapa
sailaja-adapa committed Aug 7, 2024
1 parent 3edab30 commit 70ae0dc
Show file tree
Hide file tree
Showing 2 changed files with 192 additions and 148 deletions.
190 changes: 102 additions & 88 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -234,29 +234,43 @@
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul id="nav" class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="page-scroll" href="./index.html" id="active-page">Home 🏡</a>
<a class="page-scroll" href="./index.html" id="active-page">
<span class="nav-icon">🏡</span> <span class="nav-text">Home</span>
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./about.html">About Us 📖</a>
<a class="page-scroll" href="./about.html">
<span class="nav-icon">📖</span> <span class="nav-text">AboutUs</span>
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./trends.html">Trends 📈</a>
<a class="page-scroll" href="./trends.html">
<span class="nav-icon">📈</span> <span class="nav-text">Trends</span>
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./tools/sip.html">Tools 🔧</a>
<a class="page-scroll" href="./tools/sip.html">
<span class="nav-icon">🔧</span> <span class="nav-text">Tools</span>
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./blog.html">Blogs 📰</a>
<a class="page-scroll" href="./blog.html">
<span class="nav-icon">📰</span> <span class="nav-text">Blogs</span>
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./quiz.html">Quiz 🤔</a>
<a class="page-scroll" href="./quiz.html">
<span class="nav-icon">🤔</span> <span class="nav-text">Quiz</span>
</a>
</li>
<li class="nav-item no-underline">
<a class="main-btn navbar-btn" style="padding: 2px 20px; transform: none; border: none;" href="#"
onclick="openModal()" onmouseout="this.style.color='white'">Login/Register 💻</a>
<a class="main-btn navbar-btn" style="padding: 2px 20px; transform: none; border: none;" href="#" onclick="openModal()" onmouseout="this.style.color='white'">
<span class="nav-icon">💻</span> <span class="nav-text">Login/Register</span>
</a>
</li>
</ul>
</div>

<div class="navbar-btn d-none d-sm-inline-block">
<!-- Login Modal -->
<div id="myModal" class="modal">
Expand Down Expand Up @@ -1645,100 +1659,100 @@ <h2 class="subscribe-title">



<div class="footer-widget pb-100">
<div class="row" id="footer">
<div class="footer-widget pb-100">
<div class="row" id="footer">
<div class="col-lg-4 col-md-6 col-sm-8">
<div class="footer-about mt-50 ml-45 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
<p class="text custom-margin">
We at FinVeda aim to make you a stock market Guru easily with our AI-powered teaching and financial blogs.
</p>
</div>
<div class="footer-about mt-50 ml-45 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
<p class="text custom-margin">
We at FinVeda aim to make you a stock market Guru easily with our AI-powered teaching and financial blogs.
</p>
</div>
</div>
<div class="col-lg-5 col-md-7 col-sm-7">
<div class="footer-link d-flex mt-50 justify-content-md-between" style="justify-content: space-around !important;">
<div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
<div class="footer-title">
<h3 class="title custom-margin">Quick Links</h3>
</div>
<ul class="link custom-margin">
<li><a href="./blogs/privacy-policy.html"><i class="fas fa-user-secret"></i> Privacy Policy</a></li>
<li><a href="./blogs/refund-policy.html"><i class="fas fa-undo-alt"></i> Refund Policy</a></li>
<li><a href="Licensing.html"><i class="fas fa-file-contract"></i> Licensing</a></li>
<li><a href="./blogs/terms-of-service.html"><i class="fas fa-file-alt"></i> Terms of Service</a></li>
<li><a href="./contributors.html"><i class="fas fa-users"></i> Our Contributors</a></li>
</ul>
</div>
<div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
<div class="footer-title">
<h4 class="title custom-margin">Resources</h4>
</div>
<ul class="link custom-margin">
<li><a href="./index.html"><i class="fas fa-home"></i> Home</a></li>
<li><a href="./about.html"><i class="fas fa-info-circle"></i> About Us</a></li>
<li><a href="./trends.html"><i class="fas fa-chart-line"></i> Trends</a></li>
<li><a href="./tools/sip.html"><i class="fas fa-tools"></i> Tools</a></li>
<li><a href="./blog.html"><i class="fas fa-blog"></i> Blog</a></li>
<li><a href="./quiz.html"><i class="fas fa-question-circle"></i> Quiz</a></li>
</ul>
</div>
<div class="footer-link d-flex mt-50 justify-content-md-between" style="justify-content: space-around !important;">
<div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
<div class="footer-title">
<h3 class="title custom-margin">Quick Links</h3>
</div>
<ul class="link custom-margin">
<li><a href="./blogs/privacy-policy.html">Privacy Policy</a></li>
<li><a href="./blogs/refund-policy.html">Refund Policy</a></li>
<li><a href="Licensing.html">Licensing</a></li>
<li><a href="./blogs/terms-of-service.html">Terms of Service</a></li>
<li><a href="./contributors.html">Our Contributors</a></li>
</ul>
</div>
<div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
<div class="footer-title">
<h4 class="title custom-margin">Resources</h4>
</div>
<ul class="link custom-margin">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About Us</a></li>
<li><a href="./trends.html">Trends</a></li>
<li><a href="./tools/sip.html">Tools</a></li>
<li><a href="./blog.html">Blog</a></li>
<li><a href="./quiz.html">Quiz</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-5 col-sm-5">
<div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
<div class="footer-title">
<h4 class="title custom-margin">Contact Us</h4>
</div>
<ul class="contact custom-margin-big" style="justify-content: space-around;">
<li class="d-sm-flex justify-content-center">
<i class="fa fa-envelope d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
<p style="width: 80%;">
<a href="mailto:ayush1337@hotmail.com" target="_blank"
style="color: white; text-decoration: underline;">
ayush1337@hotmail.com
</a>
</p>
</li>
<li class="d-sm-flex justify-content-center">
<i class="fa fa-globe d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
<div style="width: 80%;">
<a href="https://fin-veda.vercel.app/index.html" target="_blank" style="color: #fff ;">
fin-veda.vercel.app
</a>
</div>
</li>
<li class="d-sm-flex justify-content-center">
<i class="fa fa-location-dot d-sm-flex align-items-center white" style="font-size: 12px; width: 10%;"></i>
<div style="width: 80%;">
<a href="https://www.google.com/maps/place/Delhi/@28.6436846,76.7635778,10z/data=!3m1!4b1!4m6!3m5!1s0x390cfd5b347eb62d:0x37205b715389640!8m2!3d28.7040592!4d77.1024902!16zL20vMDlmMDc?entry=ttu"
style="color:#fff">
Delhi, India
</a>
</div>
</li>
</ul>
<div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
<div class="footer-title">
<h4 class="title custom-margin">Contact Us</h4>
</div>
<ul class="contact custom-margin-big" style="justify-content: space-around;">
<li class="d-sm-flex justify-content-center">
<i class="fa fa-envelope d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
<p style="width: 80%;">
<a href="mailto:ayush1337@hotmail.com" target="_blank"
style="color: white; text-decoration: underline;">
ayush1337@hotmail.com
</a>
</p>
</li>
<li class="d-sm-flex justify-content-center">
<i class="fa fa-globe d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
<div style="width: 80%;">
<a href="https://fin-veda.vercel.app/index.html" target="_blank" style="color: #fff ;">
fin-veda.vercel.app
</a>
</div>
</li>
<li class="d-sm-flex justify-content-center">
<i class="fa fa-location-dot d-sm-flex align-items-center white"
style="font-size: 12px; width: 10%;"></i>
<div style="width: 80%;">
<a href="https://www.google.com/maps/place/Delhi/@28.6436846,76.7635778,10z/data=!3m1!4b1!4m6!3m5!1s0x390cfd5b347eb62d:0x37205b715389640!8m2!3d28.7040592!4d77.1024902!16zL20vMDlmMDc?entry=ttu"
style="color:#fff">
Delhi, India
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="text-align: center">
<div class="row">
<div class="footer-copyright wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="text-align: center">
<div class="row">
<div class="col-lg-12">
<div class="copyright d-sm-flex justify-content-center"
style="display: flex; justify-content: center; text-align: center; width: 100%; height: 100%;">
<div class="copyright-content" style="text-align: center">
<p class="text" style="text-align: center">
© <span id="copyright-year"></span> FinVeda. All rights reserved<br/>
Made with ♥ in India
</p>
</div>
<div class="copyright d-sm-flex justify-content-center"
style="display: flex; justify-content: center; text-align: center; width: 100%; height: 100%;">
<div class="copyright-content" style="text-align: center">
<p class="text" style="text-align: center">
© <span id="copyright-year"></span> FinVeda. All rights reserved<br />
Made with ♥ in India
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="particles-2"></div>
</div>
<div id="particles-2"></div>
</div>
</footer>

<script>
document.getElementById("copyright-year").textContent = new Date().getFullYear();
</script>
Expand Down
Loading

0 comments on commit 70ae0dc

Please sign in to comment.