From 51676d61f8cdb923246f0ecb78c6d3e122477ec5 Mon Sep 17 00:00:00 2001 From: Masum Date: Mon, 20 May 2024 00:51:36 +0530 Subject: [PATCH] fixed navbar issue coming below 700px and some minor changes --- about.html | 37 ++++++--- blog.html | 70 +++++++++------- contact.html | 37 ++++++--- course.html | 37 ++++++--- index.html | 91 ++++++++++----------- style.css | 227 ++++++++++++++++++++++++++++++++------------------- 6 files changed, 298 insertions(+), 201 deletions(-) diff --git a/about.html b/about.html index ebb4c77..0f0ea0b 100644 --- a/about.html +++ b/about.html @@ -21,17 +21,23 @@
-

About Us

@@ -69,14 +75,21 @@

About Us

diff --git a/blog.html b/blog.html index 44c73e7..063eff6 100644 --- a/blog.html +++ b/blog.html @@ -12,27 +12,30 @@ - - + + EDUFORD UNIVERSITY WEBSITE
-

Our Certificate & Online Programs For 2024

@@ -42,13 +45,16 @@

Our Certificate & Online Programs For 2024

2024 Certification Programs Overview

-

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..

+

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..


Certificate Programs

-

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.

+

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.


2024 Offerings

-

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.

+

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.

Leave a comment

@@ -101,31 +107,37 @@

Post Categories

About Us

-

Welcome to our university, where academic excellence meets vibrant campus life. Join our
- diverse community of learners and discover endless opportunities for growth, innovation, and success.

+

Welcome to our university, where academic excellence meets vibrant campus life. Join our
diverse community of learners and discover endless opportunities for growth, innovation, and success.

- - - - + + + +

made with By Juhi

- - function showMenu() { - navLinks.style.right = "-200px"; - } - --> - diff --git a/contact.html b/contact.html index a1b5895..64b3622 100644 --- a/contact.html +++ b/contact.html @@ -21,17 +21,23 @@
-

Contact Us

@@ -96,14 +102,21 @@

About Us

diff --git a/course.html b/course.html index 0e6f7bf..b90d05d 100644 --- a/course.html +++ b/course.html @@ -21,17 +21,23 @@
-
+
+ +

Our Courses

@@ -102,14 +108,21 @@

About Us

diff --git a/index.html b/index.html index 44ae97f..8677f1a 100644 --- a/index.html +++ b/index.html @@ -10,18 +10,16 @@ - - + + EDUFORD UNIVERSITY WEBSITE
-
+
+ +

World's Biggest University

-

Education is essential in today's world. Explore the latest advancements and upcoming languages at our - university. Dive into programming and much more. +

Education is essential in today's world. Explore the latest advancements and upcoming languages at our university. Dive into programming and much more.

Visit Us To Know More
@@ -48,21 +50,18 @@

Courses We Offer

Computer science

-

This class typically covers fundamental concepts in computer science such as algorithms, data - structures, programming languages, and software engineering principles. Students may learn - programming and gain skills in problem-solving and logical thinking.

+

This class typically covers fundamental concepts in computer science such as algorithms, data structures, programming languages, and software engineering principles. Students may learn programming and gain skills in problem-solving and + logical thinking.

Principles of Economics:

-

This class introduces students to basic economic principles such as supply and market structures, and - theories of consumer behavior. It provides a foundation for understanding economic systems and - decision-making at both individual and societal levels.

+

This class introduces students to basic economic principles such as supply and market structures, and theories of consumer behavior. It provides a foundation for understanding economic systems and decision-making at both individual and + societal levels.

Introduction to Psychology

-

This class explores the fundamentals of psychology including topics such as human development and - mental health. Students may learn about different theoretical perspectives in psychology and how - research methods are used to study behavior and mental processes.

+

This class explores the fundamentals of psychology including topics such as human development and mental health. Students may learn about different theoretical perspectives in psychology and how research methods are used to study behavior + and mental processes.

@@ -105,9 +104,7 @@

Our facilities

World Class Library

-

Our world-class library offers a vast collection of books, journals, and digital resources - from - around the globe, providing a sanctuary for learning.

+

Our world-class library offers a vast collection of books, journals, and digital resources from around the globe, providing a sanctuary for learning.

@@ -120,9 +117,7 @@

World Class Library

Athletic Excellence

-

Our premier basketball playground, featuring state-of-art facilities, fosters athletic - prowess and - sportsmanship and fostering a love for the game..

+

Our premier basketball playground, featuring state-of-art facilities, fosters athletic prowess and sportsmanship and fostering a love for the game..

@@ -134,9 +129,7 @@

Athletic Excellence

Culinary Oasis of Diversity

-

Our cafeteria offers a diverse range of global cuisines, fostering a welcoming atmosphere - that - nourishes both body and spirit.

+

Our cafeteria offers a diverse range of global cuisines, fostering a welcoming atmosphere that nourishes both body and spirit.

@@ -146,17 +139,14 @@

Culinary Oasis of Diversity

What Our Students Says

-

We commit to meet the financial need of every admitted undergraduate student. We don’t consider your ability - to pay when we review your application, and we don’t base our decision on whether you can cover the cost. If - you’re accepted here, you belong here.

+

We commit to meet the financial need of every admitted undergraduate student. We don’t consider your ability to pay when we review your application, and we don’t base our decision on whether you can cover the cost. If you’re accepted here, you + belong here.

-

“Eduford is home to me not because of the fancy buildings like Healy Hall, or its prestigious - reputation, but rather because of the university’s care for the whole person as each of us - attempts to live our lives for others.”

+

“Eduford is home to me not because of the fancy buildings like Healy Hall, or its prestigious reputation, but rather because of the university’s care for the whole person as each of us attempts to live our lives for others.”

Christine Berkley

@@ -170,8 +160,7 @@

Christine Berkley

- “It’s likely that you will come to love some of the most amazing souls this campus has to offer. - That love may come in the form of friendships that you know will last forever.”

+ “It’s likely that you will come to love some of the most amazing souls this campus has to offer. That love may come in the form of friendships that you know will last forever.”

David Byer

@@ -193,23 +182,22 @@

Enroll for Our Various Online Courses
Anywhere From The World

About Us

-

Welcome to our university, where academic excellence meets vibrant campus life. Join our
- diverse community of learners and discover endless opportunities for growth, innovation, and success.

+

Welcome to our university, where academic excellence meets vibrant campus life. Join our
diverse community of learners and discover endless opportunities for growth, innovation, and success.

  • -
  • - +
  • -
  • -
@@ -234,14 +222,21 @@

About Us

@@ -264,8 +259,6 @@

About Us

} requestAnimationFrame(raf); - - diff --git a/style.css b/style.css index fe9e245..bfc21ea 100644 --- a/style.css +++ b/style.css @@ -1,36 +1,33 @@ * { margin: 0; padding: 0; + box-sizing: border-box; font-family: 'Poppins', sans-serif; - - - } -body{ + +body { overflow-x: hidden; - } - .header { - min-height: 100vh; - width: 100%; - background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), - url(./eduford_img/banner.png); - background-size: cover; - position: relative; - background-position: center; + min-height: 100vh; + width: 100%; + background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), url(./eduford_img/banner.png); + background-size: cover; + position: relative; + background-position: center; } nav { - display: flex; - width: 100%; - padding: 2% 6%; - text-align: center; - justify-content: space-around; - align-items: center; - position: fixed; - background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)); + display: flex; + width: 100%; + padding: 2% 6%; + text-align: center; + justify-content: space-between; + align-items: center; + position: fixed; + background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)); + z-index: 99; } nav img { @@ -42,6 +39,20 @@ nav img { text-align: right; } +.menu { + font-size: 1.5rem; + color: white; + display: none; +} + +.nav-links ul { + flex: 2; + display: flex; + /* padding-top: 15px; */ + gap: 5px; + justify-content: flex-end; +} + .nav-links ul li { list-style: none; display: inline-block; @@ -108,14 +119,16 @@ nav img { .hero-btn:hover { transition: 1s; } + .hero-btn:hover { - color: white; - box-shadow: inset 0 -100px 0 0 #725AC1; + color: white; + box-shadow: inset 0 -100px 0 0 #725AC1; } .hero-btn:active { - transform: scale(0.9); + transform: scale(0.9); } + nav .fa-bars { display: none; } @@ -124,28 +137,55 @@ nav .fa-xmark { display: none; } - @media(max-width:700px) { .text-box h1 { font-size: 20px; } - .nav-links ul li { display: block; } - .nav-links { position: fixed; background: #f44336; - height: 100vh; - width: 200px; - top: 0; - right: -200px; - text-align: left; - z-index: 2; - transition: 1s; + top: 100px; + /* background: rgba(0, 0, 0, 0.5); */ + /* background: #000; */ + height: calc(100vh-100px); + width: 50%; + flex-direction: column; + align-items: center; + transition: right 0.5s linear; + position: absolute; + opacity: 0; + left: 0; + visibility: hidden; + z-index: 99999; + } + nav.open .nav-links { + top: 72px; + opacity: 1; + visibility: visible; + width: 50%; + /* background: #2d0d98; */ + background: #f44336; + width: 100%; + padding: 40px; + /* border-bottom: 1px blue rgba(0, 0, 0, 0.5); */ + /* height: calc(100vh - 80px); */ + opacity: 1; + visibility: visible; + display: flex; + flex-direction: column; + } + nav.open .nav-links ul { + visibility: visible; + display: flex; + justify-content: start; + flex-direction: column; + } + .menu { + display: block; } - nav .fa { display: block; color: #fff; @@ -153,16 +193,15 @@ nav .fa-xmark { font-size: 22px; cursor: pointer; } - .nav-links ul { padding: 30px; } } + /* course */ -.course { - +.course { width: 80%; margin: auto; text-align: center; @@ -186,7 +225,6 @@ p { margin-top: 10%; margin-bottom: 10%; justify-content: space-between; - display: flex; justify-content: space-between; } @@ -199,7 +237,6 @@ p { margin-bottom: 10%; padding: 20px 12px; box-sizing: border-box; - transition: 0.5s; position: relative; } @@ -212,9 +249,6 @@ h3 { .course-col:hover { transform: scale(1.5); - - - } @media(max-width: 700px) { @@ -223,7 +257,9 @@ h3 { } } + /* campus */ + .campus { width: 80%; margin: auto; @@ -256,9 +292,7 @@ h3 { } .layer:hover { - background: rgba(226, 0, 0, 0.7); - } .layer h3 { @@ -279,7 +313,9 @@ h3 { opacity: 1; } + /* facilities */ + .facilities { width: 80%; margin: auto; @@ -295,7 +331,7 @@ h3 { perspective: 1000px; } -.facilities-col-inner{ +.facilities-col-inner { position: relative; width: 100%; height: 100%; @@ -327,8 +363,8 @@ h3 { } .facilities-col-back { - background-color:#f44336; - color:#f0f0f0; + background-color: #f44336; + color: #f0f0f0; transform: rotateY(180deg); box-sizing: border-box; display: flex; @@ -338,6 +374,7 @@ h3 { padding: 10px; text-align: center; } + .facilities-col-back p, .facilities-col-back h3 { transition: 0.3s; @@ -345,8 +382,9 @@ h3 { opacity: 0; transform: translateY(30px); } + .facilities-col:hover .facilities-col-back p, -.facilities-col:hover .facilities-col-back h3{ +.facilities-col:hover .facilities-col-back h3 { transform: translateY(0); opacity: 1; } @@ -355,7 +393,9 @@ h3 { color: #fff3f3; } + /* testimonials */ + .testimonials { width: 80%; margin: auto; @@ -377,16 +417,22 @@ h3 { } .testimonials-col img { - width: 80px; /* Set a specific width for the images */ - height: 80px; /* Set a specific height for the images */ - border-radius: 50%; /* Make images circular */ - margin-right: 20px; /* Space between image and text */ - object-fit: cover; /* Ensure the image covers the element */ + width: 80px; + /* Set a specific width for the images */ + height: 80px; + /* Set a specific height for the images */ + border-radius: 50%; + /* Make images circular */ + margin-right: 20px; + /* Space between image and text */ + object-fit: cover; + /* Ensure the image covers the element */ } .testimonials-col p { padding: 0; - margin: 0; /* Add margin to avoid overflow */ + margin: 0; + /* Add margin to avoid overflow */ } .testimonials-col h3 { @@ -399,7 +445,7 @@ h3 { } .testimonials-col .fa-solid { - color: #f44336; + color: #f44336; } @media (max-width: 700px) { @@ -407,7 +453,6 @@ h3 { flex-direction: column; align-items: flex-start; } - .testimonials-col img { margin: 0 0 15px 0; } @@ -415,6 +460,7 @@ h3 { /* call to action */ + .cta { margin: 100px auto; width: 80%; @@ -438,7 +484,9 @@ h3 { } } + /* footer */ + .footer { width: 100%; text-align: center; @@ -462,7 +510,9 @@ h3 { color: #f44336; } + /* About us page */ + .sub-header { height: 50vh; width: 100%; @@ -474,7 +524,7 @@ h3 { } .sub-header h1 { - margin-top: 100px; + padding-top: 100px; } .about-us { @@ -487,7 +537,6 @@ h3 { .about-col { flex-basis: 48%; padding: 30px 2px; - } .about-col img { @@ -512,7 +561,9 @@ h3 { color: #fff; } + /* blog-content */ + .blog-content { width: 80%; margin: auto; @@ -585,7 +636,9 @@ h3 { } } + /* contact us page */ + .location { width: 80%; margin: auto; @@ -630,7 +683,6 @@ h3 { font-weight: 400; } - .contact-col textarea { width: 100%; padding: 15px; @@ -648,39 +700,42 @@ h3 { cursor: pointer; height: 30px; width: 30px; - display: none; justify-content: center; align-items: center; - } - - .go-top-btn img { +} + +.go-top-btn img { width: 40px; height: 40px; - } - .icons ul li{ - display:inline-block; +} + +.icons ul li { + display: inline-block; /* margin:10px 20px 10px 20px; */ - margin:10px; - opacity:0.8; - } - .icons ul li:hover{ - opacity:1; + margin: 10px; + opacity: 0.8; +} + +.icons ul li:hover { + opacity: 1; transform: scale(1.5); transition-timing-function: ease-in-out; - transform:scale(1.5) ; - } - .icons ul li i{ + transform: scale(1.5); +} + +.icons ul li i { position: relative; - } - .icons ul li a:hover i{ - transform:rotateY(360deg); - transition:transform 2.5s; - transition-delay:0.275s; +} + +.icons ul li a:hover i { + transform: rotateY(360deg); + transition: transform 2.5s; + transition-delay: 0.275s; transition-duration: 3s; - - } - .icons ul li i:before{ - transition:.5s; - top:0; - } +} + +.icons ul li i:before { + transition: .5s; + top: 0; +} \ No newline at end of file