Skip to content

Commit

Permalink
Merge pull request ayush-that#3029 from shriyadindi/nav
Browse files Browse the repository at this point in the history 
Adding "NAVBAR" to the games page for smoother navigation (Issue ayush-that#3008)
  • Loading branch information
@deepeshmlgupta
deepeshmlgupta authored Nov 8, 2024
2 parents 0bbe806 + 2fdaae3 commit 9ba6e3e
Showing 1 changed file with 137 additions and 9 deletions.
146 changes: 137 additions & 9 deletions Games/Games.html
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,135 @@
<!DOCTYPE html>
<html lang="en">
<html class="no-js" lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Games</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
<div class="container">
<meta charset="utf-8" />
<title>GAMES - FinVeda</title>
<meta name="description"
content="Explore engaging quizzes on finance and economics at Fin Veda. Test your knowledge and learn with interactive quizzes covering various topics." />
<meta name="author" content="Ayush Singh">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="assets/images/favicon2.webp" type="image/png" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/magnific-popup.css" />
<link rel="stylesheet" href="assets/css/slick.css" />
<link rel="stylesheet" href="assets/css/LineIcons.css" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/default.css" />
<link rel="stylesheet" href="assets/css/index.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/quiz.css" />
<link rel="stylesheet" href="assets/css/popup.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&family=Outfit:[email protected]&family=Rubik+Wet+Paint&family=Rubik:ital,wght@0,300..900;1,300..900&family=Young+Serif&display=swap"
rel="stylesheet">
<!-- Added the navbar.css file here so that the navbar looks nice and uniform in all pages -->
<link rel="stylesheet" href="navbar.css">
<header class="header-area">
<div class="navbar-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg" style="display: flex; background-color: #2c3e50;">
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<div class="icon1">
<!-- <a href="./index.html"> -->
<h1 style="color: white; margin-top: 15px;">FINVEDA</h1>
<!-- <img src="./assets/images/FinvedaLogo.png" alt="Finveda Logo" style="width: 13rem;"> -->

</div>
<ul id="nav" class="navbar-nav ml-auto" style="margin: auto;">
<li class="nav-item">
<a class="page-scroll" href="./index.html">
<i class="fas fa-home icon-hover" style="margin: 5px;"></i> Home
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./about.html">
<i class="fas fa-info-circle icon-hover" style="margin: 5px;"></i> About Us
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./finance.html">
<i class="fas fa-graduation-cap icon-hover" style="margin: 5px;"></i> Courses
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./contact.html">
<i class="fas fa-envelope icon-hover" style="margin: 5px;"></i> Contact
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./faq.html">
<i class="fas fa-question-circle icon-hover" style="margin: 5px;"></i> Help
</a>
</li>
<!-- Dropdown for Explore -->
<li class="nav-item dropdown" onmouseover="toggleDropdown(true)" onmouseout="toggleDropdown(false)">
<a class="page-scroll dropdown-toggle" href="#">
<i class="fas fa-chevron-down icon-hover" style="margin: 5px;"></i> Explore More
</a>
<ul class="dropdown-menu">
<li><a href="./trends.html"><i class="fas fa-chart-line icon-hover" style="margin: 5px;"></i>
Trends</a></li>
<li><a href="./tools/sip.html"><i class="fas fa-tools icon-hover" style="margin: 5px;"></i>
Tools</a></li>
<li><a href="./blog.html"><i class="fas fa-blog icon-hover" style="margin: 5px;"></i> Blogs</a>
</li>
<li><a class="active-link" href="./quiz.html"><i class="fas fa-question icon-hover"
style="margin: 5px;"></i> Quiz</a></li>
<li><a href="./maps.html"><i class="fas fa-map icon-hover" style="margin: 5px;"></i> MAPS</a></li>
</ul>
</li>
<!-- Navigation item placeholder for Login/Register or Logout button -->
<li class="nav-item no-underline" id="auth-btn-container">
<a class="main-btn navbar-btn" style="padding: 2px 20px;" data-scroll-nav="0"
href="./loginPage.html">
<i class="fas fa-user-circle icon-hover" style="margin: 5px;"></i> Login/Register
</a>
</li>
<li class="nav-item no-underline align-self-center">
<button id="theme-toggle" class="theme-toggle" onclick="toggleTheme()">
<span>🌞</span>
</button>
</li>
</ul>
</div>
</nav>
</div>
</div>
</nav>
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">

<nav class="mobile-menu ">
<a class="page-scroll" href="../index.html">Home 🏡</a>
<a class="page-scroll" href="../about.html">About Us 📖</a>
<a class="page-scroll" href="../trends.html">Trends 📈</a>
<a class="page-scroll" href="../tools/sip.html">Tools 🔧</a>
<a class="page-scroll active-link" href="../blog.html">Blogs 📰</a>
<a class="page-scroll" href="../quiz.html">Quiz 🤔</a>
<a class="page-scroll main-btn" href="#" onclick="openModal()"
onmouseout="this.style.color='white'">Login/Register 💻</a>
<div class="mobile-menu__trigger" onclick="toggleMobileMenu()">
<span></span>
</div>
</nav>


<link href="../navbar.css" rel="stylesheet">
<script type="text/javascript" src="../navbar.js"></script>
</div>
</div>
</div>
</div>

</header>
<body>
<div class="container1">
<div class="content">
<h1>Want<span> to play a </span>GAME?</h1><br>
<button class="nav-button" onclick="window.location.href='Financial Goal Tracker Challenge.html'">Financial Goal Tracker Challenge</button>
Expand All @@ -26,7 +145,7 @@ <h1>Want<span> to play a </span>GAME?</h1><br>
font-family: 'Poppins',sans-serif;
box-sizing: border-box;
}
.container{
.container1{
width: 100vw;
height: 100vh;
background-image: url(https://github.com/shriyadindi/comingsoonpage/blob/main/background.png?raw=true);
Expand Down Expand Up @@ -121,4 +240,13 @@ <h1>Want<span> to play a </span>GAME?</h1><br>
</style>
</body>

<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = { "default_language": "en", "detect_browser_language": true, "wrapper_selector": ".gtranslate_wrapper" }</script>
<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>

</script>


</body>

</html>

0 comments on commit 9ba6e3e

Please sign in to comment.