Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed navbar issue coming below 700px and some minor changes #229

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

fixed navbar issue coming below 700px and some minor changes #229

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 25 additions & 12 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,17 +21,23 @@

<body>
<section class="sub-header">
<nav><a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links id=" navLinks">
<i class="fa fa-time" onclick="hideMenu()"></i>
<nav>
<a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links" id=" navLinks">
<i class="fa-sharp fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li class="active-nav"><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.html">COURSE</a></li>
<li><a href="contact.html">COURSE</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</div>
<div class="menu" onclick="fn1()">
<label for="chk1">
<i id="toggleButton" class="fa fa-bars"></i>
</label>
</div>
</nav>
<h1>About Us</h1>
</section>
Expand Down Expand Up @@ -69,14 +75,21 @@ <h4>About Us</h4>

<!-- javascript for toggle menu -->
<script>
var navLinks = document.getElementById("navLinks");
let navLink = document.querySelector('nav-links');
let Nav = document.querySelector('nav');
let menu = document.querySelector('menu');

function showMenu() {
navLinks.style.right = "0";
}
const fn1 = () => {
Nav.classList.toggle('open');
console.log('open');
if (toggleButton.classList.contains('fa-bars')) {
toggleButton.classList.remove('fa-bars');
toggleButton.classList.add('fa-close');
} else {
toggleButton.classList.remove('fa-close');
toggleButton.classList.add('fa-bars');
}

function showMenu() {
navLinks.style.right = "-200px";
}
</script>

Expand Down
70 changes: 40 additions & 30 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,27 +12,30 @@

<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.27/bundled/lenis.min.js"></script>

<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/fontawesome.min.css">
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/fontawesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,700&display=swap" rel="stylesheet">
<title>EDUFORD UNIVERSITY WEBSITE</title>
</head>

<body>
<section class="sub-header">
<nav><a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links id=" navLinks">
<i class="fa fa-time" onclick="hideMenu()"></i>
<nav>
<a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links" id=" navLinks">
<i class="fa-sharp fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li class="active-nav"><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="contact.html">COURSE</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</div>
<div class="menu" onclick="fn1()">
<label for="chk1">
<i id="toggleButton" class="fa fa-bars"></i>
</label>
</div>
</nav>
<h1>Our Certificate & Online Programs For 2024</h1>
</section>
Expand All @@ -42,13 +45,16 @@ <h1>Our Certificate & Online Programs For 2024</h1>
<div class="blog-left">
<img src="./eduford_img/certificate.jpg" alt="">
<h2>2024 Certification Programs Overview</h2>
<p>Discover a treasure trove of knowledge and insights within our blog section. Our team of experts and thought leaders delve into diverse topics, offering valuable perspectives, industry trends, and practical advice. From academic discussions to real-world applications, our blogs provide readers with enriching content to enhance their understanding and stimulate curiosity..</p>
<p>Discover a treasure trove of knowledge and insights within our blog section. Our team of experts and thought leaders delve into diverse topics, offering valuable perspectives, industry trends, and practical advice. From academic discussions
to real-world applications, our blogs provide readers with enriching content to enhance their understanding and stimulate curiosity..</p>
<br>
<h2>Certificate Programs</h2>
<p>Elevate your skills and expertise with our comprehensive certificate programs tailored to meet the demands of today's dynamic workforce. Whether you're looking to advance in your current career or explore new opportunities, our certificate programs offer specialized training and hands-on experience to help you achieve your goals. With industry-recognized credentials, you'll gain a competitive edge and unlock new pathways to success.</p>
<p>Elevate your skills and expertise with our comprehensive certificate programs tailored to meet the demands of today's dynamic workforce. Whether you're looking to advance in your current career or explore new opportunities, our certificate
programs offer specialized training and hands-on experience to help you achieve your goals. With industry-recognized credentials, you'll gain a competitive edge and unlock new pathways to success.</p>
<br>
<h2>2024 Offerings</h2>
<p>In 2024, we're proud to present an exciting array of certificate programs designed to empower individuals at every stage of their professional journey. From cutting-edge technology to business acumen and beyond, our offerings cater to a wide range of interests and career aspirations. Explore our diverse portfolio of programs and embark on a transformative learning experience that will shape your future success.</p>
<p>In 2024, we're proud to present an exciting array of certificate programs designed to empower individuals at every stage of their professional journey. From cutting-edge technology to business acumen and beyond, our offerings cater to
a wide range of interests and career aspirations. Explore our diverse portfolio of programs and embark on a transformative learning experience that will shape your future success.</p>

<div class="comment-box">
<h3>Leave a comment</h3>
Expand Down Expand Up @@ -101,31 +107,37 @@ <h3>Post Categories</h3>
<!-- Footer -->
<section class="footer">
<h4>About Us</h4>
<p>Welcome to our university, where academic excellence meets vibrant campus life. Join our <br>
diverse community of learners and discover endless opportunities for growth, innovation, and success.</p>
<p>Welcome to our university, where academic excellence meets vibrant campus life. Join our <br> diverse community of learners and discover endless opportunities for growth, innovation, and success.</p>
<div class="icons">
<a style="padding: 10px;" href=""> <i class="fa-brands fa-square-facebook"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-square-twitter"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-square-instagram"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-linkedin"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-square-facebook"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-square-twitter"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-square-instagram"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-linkedin"></i></a>
</div>
<p>made with <i class="fa-regular fa-heart"></i> By Juhi
</p>
</section>

<!-- javascript for toggle menu
<!-- javascript for toggle menu -->
<script>
var navLinks = document.getElementById("navLinks");
let navLink = document.querySelector('nav-links');
let Nav = document.querySelector('nav');
let menu = document.querySelector('menu');

const fn1 = () => {
Nav.classList.toggle('open');
console.log('open');
if (toggleButton.classList.contains('fa-bars')) {
toggleButton.classList.remove('fa-bars');
toggleButton.classList.add('fa-close');
} else {
toggleButton.classList.remove('fa-close');
toggleButton.classList.add('fa-bars');
}

function showMenu() {
navLinks.style.right = "0";
}
</script>

function showMenu() {
navLinks.style.right = "-200px";
}
</script> -->

<script>
const lenis = new Lenis({
duration: 1.2,
Expand All @@ -143,8 +155,6 @@ <h4>About Us</h4>
}

requestAnimationFrame(raf);


</script>
</body>

Expand Down
37 changes: 25 additions & 12 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,17 +21,23 @@

<body>
<section class="sub-header">
<nav><a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links id=" navLinks">
<i class="fa fa-time" onclick="hideMenu()"></i>
<nav>
<a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links" id=" navLinks">
<i class="fa-sharp fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li class="active-nav"><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.html">COURSE</a></li>
<li><a href="contact.html">COURSE</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</div>
<div class="menu" onclick="fn1()">
<label for="chk1">
<i id="toggleButton" class="fa fa-bars"></i>
</label>
</div>
</nav>
<h1>Contact Us</h1>
</section>
Expand Down Expand Up @@ -96,14 +102,21 @@ <h4>About Us</h4>

<!-- javascript for toggle menu -->
<script>
var navLinks = document.getElementById("navLinks");
let navLink = document.querySelector('nav-links');
let Nav = document.querySelector('nav');
let menu = document.querySelector('menu');

function showMenu() {
navLinks.style.right = "0";
}
const fn1 = () => {
Nav.classList.toggle('open');
console.log('open');
if (toggleButton.classList.contains('fa-bars')) {
toggleButton.classList.remove('fa-bars');
toggleButton.classList.add('fa-close');
} else {
toggleButton.classList.remove('fa-close');
toggleButton.classList.add('fa-bars');
}

function showMenu() {
navLinks.style.right = "-200px";
}
</script>

Expand Down
37 changes: 25 additions & 12 deletions course.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,17 +21,23 @@

<body>
<section class="sub-header">
<nav><a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<nav>
<a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links" id=" navLinks">
<i class="fa fa-time" onclick="hideMenu()"></i>
<i class="fa-sharp fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li class="active-nav"><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.html">COURSE</a></li>
<li><a href="contact.html">COURSE</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</div>
<div class="menu" onclick="fn1()">
<label for="chk1">
<i id="toggleButton" class="fa fa-bars"></i>
</label>
</div>
</nav>
<h1>Our Courses</h1>
</section>
Expand Down Expand Up @@ -102,14 +108,21 @@ <h4>About Us</h4>

<!-- javascript for toggle menu -->
<script>
var navLinks = document.getElementById("navLinks");

function showMenu() {
navLinks.style.right = "0";
}
let navLink = document.querySelector('nav-links');
let Nav = document.querySelector('nav');
let menu = document.querySelector('menu');

const fn1 = () => {
Nav.classList.toggle('open');
console.log('open');
if (toggleButton.classList.contains('fa-bars')) {
toggleButton.classList.remove('fa-bars');
toggleButton.classList.add('fa-close');
} else {
toggleButton.classList.remove('fa-close');
toggleButton.classList.add('fa-bars');
}

function showMenu() {
navLinks.style.right = "-200px";
}
</script>

Expand Down
Loading