Skip to content

Commit

Permalink
changed position of nav bar
Browse files Browse the repository at this point in the history 
Issue resolved: vishanurag#722
  • Loading branch information
@Kajalmehta29
Kajalmehta29 committed Oct 20, 2024
1 parent b3cb842 commit e800384
Show file tree
Hide file tree
Showing 2 changed files with 85 additions and 81 deletions.
163 changes: 83 additions & 80 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,16 +17,11 @@
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- <style> -->


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<button id="darkModeToggle">🌓</button>
<link rel="stylesheet" href="style.css">

<style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<button id="darkModeToggle">🌓</button>



<style>
body {
Expand All @@ -47,7 +42,8 @@

.header {
text-align: center;
margin-bottom: 20px;
margin-bottom: 10px;
margin-top: -100px;
}

.canvas-container {
Expand Down Expand Up @@ -155,7 +151,7 @@
}

/* Dark Mode */
body.dark-mode {
nav.dark-mode {
background-color: #1a1a1a;
color: #ffffff;
}
Expand Down Expand Up @@ -285,7 +281,7 @@
color: #ffffff;
}

.dark-mode #darkModeToggle {
.body#darkModeToggle {
background-color: #ffffff;
color: #333333;
}
Expand Down Expand Up @@ -602,7 +598,8 @@
}

.gtranslate_wrapper{
margin-left: 30px;
margin-left: 350px;
margin-top: 6px;
}
/* Common Styles */
.theme-container {
Expand Down Expand Up @@ -690,90 +687,96 @@
src="https://cdn.dribbble.com/assets/dribbble-ball-mark-2bd45f09c2fb58dbbfb44766d5d1d07c5a12972d602ef8b32204d28fa3dda554.svg"
alt=""></a>
</div>

<div class="row gap-5">

<ul class="nav nav-tabs">

<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>

</li>
<li class="nav-item">
<a class="nav-link" href="about-us.html">About Us</a>
</li>
<li class="nav-item">

<a class="nav-link" href="review.html">Review</a>

</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="privacy.html">Privacy</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tutorial.html">Tutorial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Blog_page.html">Blog</a>
</li>
<li class="nav-item">

<a class="nav-link" href="./Faq.html">FAQ</a>
</li>

<a class="nav-link" href="signup.html">Sign Up</a></li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login</a>

</li>
<li class="nav-item">
<a class="nav-link" href="contributors.html">Contributors</a>

</li>


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


<button id="darkModeToggle" aria-label="Toggle Dark Mode">🌓</button>

</ul>
</div>



<div class="container p-0">

<div class="header">





<img src="" alt="">
<h1 class="display-4 mb-4"><a href="/" style="color: inherit; text-decoration: none;">Creative Canvas Tool</a>
</h1>
<p class="lead p-2">Design and create stunning visuals effortlessly!</p>
</div>
<div class="row gap-5">
<ul class="nav nav-tabs">
<li class="nav-item">

<a class="nav-link active" aria-current="page" href="#">Home</a>

</li>
<li class="nav-item">
<a class="nav-link" href="about-us.html">About Us</a>
</li>
<li class="nav-item">

<a class="nav-link" href="review.html">Review</a>

</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="privacy.html">Privacy</a>
</li>
<li class="nav-item">
<a class="nav-link" href="tutorial.html">Tutorial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Blog_page.html">Blog</a>
</li>
<li class="nav-item">

<a class="nav-link" href="./Faq.html">FAQ</a>
</li>

<a class="nav-link" href="signup.html">Sign Up</a></li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login</a>

</li>
<li class="nav-item">
<a class="nav-link" href="contributors.html">Contributors</a>

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

</ul>
</div>


<div class="row text-center p-5" style="background-color: #2c3e5e; width: 100%; height: 60vh;">
<h2 style="color: white;">Welcome to the Canvas Editor!</h2>
<p style="color: white;">Unleash your creativity with our powerful and easy-to-use canvas editor. <i
class="fa-light fa-face-party"></i></p>

<div class="row text-center p-5 theme-container">
<h2 class="welcome-header">Welcome to the Canvas Editor!</h2>
<p class="welcome-text">Unleash your creativity with our powerful and easy-to-use canvas editor. <i class="fa-light fa-face-party"></i></p>

</div>


<div class="row text-center p-5 theme-container" style="background-color: #2c3e5e;">
<h2 class="welcome-header animated-text" style="color: #ffffff; font-weight: bolder;">Welcome to the Canvas Editor!</h2>
<p class="welcome-text" style="color: white;">Unleash your creativity with our powerful and easy-to-use canvas editor. <i class="fa-light fa-face-party"></i></p>
</div>

<style>
.circle {
Expand Down
3 changes: 2 additions & 1 deletion src/Styles/Style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -640,7 +640,8 @@ html {
transition: 0;
}
.nav-links a:hover {
color: #ffffff;
color: #ffffff;s

}
.nav-links a:hover:after {
width: 100%;
Expand Down

0 comments on commit e800384

Please sign in to comment.