Skip to content

Commit

Permalink
fix navigation menu issue - related to day and night toggle button
Browse files Browse the repository at this point in the history
  • Loading branch information
@codervivek5
codervivek5 committed Mar 28, 2024
1 parent 4910697 commit 114bfa8
Show file tree
Hide file tree
Showing 4 changed files with 49 additions and 165 deletions.
194 changes: 36 additions & 158 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,112 +1,31 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- custome css links -->
<link rel="stylesheet" href="./style/style.css" />
<!-- global css -->
<link rel="stylesheet" href="./Pages/review/review.css" />
<link rel="stylesheet" href="./cart/css/style.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0"
/>
<!-- Google icons for dark mode button -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,100,1,-25"
/>

<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="shortcut icon" href="img/favicon.webp" type="image/x-icon" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style/style.css">
<link rel="stylesheet" href="./Pages/review/review.css">
<link rel="stylesheet" href="./cart/css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,100,1,-25">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="shortcut icon" href="img/favicon.webp" type="image/x-icon">
<title>VigyBag | Home</title>
<link rel="icon" type="image/x-icon" href="/img/logo.webp" />
<!-- fontAwsome -->
<script
src="https://kit.fontawesome.com/4d742f1520.js"
crossorigin="anonymous"
></script>
<link rel="icon" type="image/x-icon" href="/img/logo.webp">
<script src="https://kit.fontawesome.com/4d742f1520.js" crossorigin="anonymous" defer></script>
<script defer src="./script/script.js"></script>
<!-- icon pack -->
<!-- chatbot -->
<link rel="stylesheet" href="./chatBot/style.css" />
<link
href="https://unpkg.com/[email protected]/css/boxicons.min.css"
rel="stylesheet"
/>

<!-- Primary Meta Tags -->
<title>VigyBag</title>
<meta name="title" content="VigyBag" />
<meta
name="description"
content="Don't leave home without VigyBag! Say goodbye to the stress and hassle of shopping, and hello to the convenience and excitement of VigyBag. Get ready to shop smarter, not harder"
/>

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://codervivek5.github.io/VigyBag/" />
<meta property="og:title" content="VigyBag" />
<meta
property="og:description"
content="Don't leave home without VigyBag! Say goodbye to the stress and hassle of shopping, and hello to the convenience and excitement of VigyBag. Get ready to shop smarter, not harder"
/>
<meta property="og:image" content="" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta
property="twitter:url"
content="https://codervivek5.github.io/VigyBag/"
/>
<meta property="twitter:title" content="VigyBag" />
<meta
property="twitter:description"
content="Don't leave home without VigyBag! Say goodbye to the stress and hassle of shopping, and hello to the convenience and excitement of VigyBag. Get ready to shop smarter, not harder"
/>
<meta property="twitter:image" content="" />

<!-- CSS for Testimonials slider -->
<link
rel="stylesheet"
href="https://htmlcss3tutorials.com/demo/testimonials/css/styles.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"
/>
<link
rel="stylesheet"
href="https://htmlcss3tutorials.com/demo/testimonials/css/slick.css"
/>
<link
rel="stylesheet"
href="https://htmlcss3tutorials.com/demo/testimonials/css/animated-slider.css"
/>

<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
/>
<link rel="stylesheet" href="./chatBot/style.css">
<link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
</head>

<body bgcolor="#575A89">
<header>
<div class="header_container">
<a href="index.html"><img src="img/logo.webp" alt="brand logo" /></a>
<a href="index.html"><img src="img/logo.webp" alt="brand logo"></a>
<nav class="nav_menu">
<ul class="nav_link">
<li><a href="index.html">Home</a></li>
Expand All @@ -115,79 +34,38 @@
<li><a href="./Pages/Team/team.html">Team</a></li>
<li><a href="./Pages/contact/contact.html">Contact us</a></li>
</ul>

<div class="header_container">
<a href="index.html"><img src="img/logo.webp" alt="brand logo"></a>
<nav class="nav_menu">
<ul class="nav_link">
<li><a href="index.html">Aman</a></li>
<li><a href="#service">Services</a></li>
<li><a href="./Pages/About Page/about.html">About us</a></li>
<li><a href="./Pages/Team/team.html">Team</a></li>
<li><a href="./Pages/contact/contact.html">Contact us</a></li>
</ul>
</nav>
<div class="nav_login">
<a href="./Pages/login/login.html"><button>Login</button></a>
<div class="burger-icon">
<i class="fa-solid fa-bars" id='icon'></i>
</div>
<!-- Dark Mode Theme Code -->
<div>
<input type="checkbox" class="checkbox" id="checkbox" />
<label for="checkbox" class="label" style="cursor: pointer;">
<i class="material-symbols-outlined moon">dark_mode</i>
<i class="material-symbols-outlined sun"> clear_day</i>
<div class="material-symbols-outlined ball" style="font-size:32px;">circle</div>
</label>
</div>

</div>
</div>
<nav class="nav_menu2">
<ul class="nav_link2">
<li><a href="index.html">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#contact">Contact us</a></li>
<li><a href="./login/index.html"><button>Login</button></a></li>
</ul>

</nav>
<div class="nav_login">
<a href="./Pages/login/login.html"><button>Login</button></a>
<div class="burger-icon">
<i class="fa-solid fa-bars" id="icon"></i>
<i class="fa-solid fa-bars" id='icon'></i>
</div>
<!-- Dark Mode Theme Code -->
<div>
<input type="checkbox" class="checkbox" id="checkbox" />
<label for="checkbox" class="label" style="cursor: pointer">
<input type="checkbox" class="checkbox" id="checkbox">
<label for="checkbox" class="label" style="cursor: pointer;">
<i class="material-symbols-outlined moon">dark_mode</i>
<i class="material-symbols-outlined sun"> clear_day</i>
<div
class="material-symbols-outlined ball"
style="font-size: 32px"
>
circle
</div>
<div class="material-symbols-outlined ball" style="font-size:32px;">circle</div>
</label>
</div>
</div>
</div>
<nav class="nav_menu2">
<ul class="nav_link2">
<li><a href="index.html">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#contact">Contact us</a></li>
<li>
<a href="./login/index.html"><button>Login</button></a>
</li>
</ul>
</nav>
</header>

<nav class="nav_menu2">
<ul class="nav_link2">
<li><a href="index.html">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#contact">Contact us</a></li>
<li><a href="./login/index.html"><button>Login</button></a></li>
</ul>
</nav>

<!-- Header Section end -->

<!-- landing page -->

<div class="container">
<div class="content">
<h1>
Expand Down
12 changes: 12 additions & 0 deletions launch.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
6 changes: 0 additions & 6 deletions script/tempCodeRunnerFile.js
View file

This file was deleted.

2 changes: 1 addition & 1 deletion style/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ header {
flex-direction: row;
justify-content: space-evenly;
align-items: center;
height: 80px;
height: 60px;
margin: auto;
}

Expand Down

0 comments on commit 114bfa8

Please sign in to comment.