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

Added style to Contact us form. #301

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Added style to Contact us form. #301

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
f9ce710
Successfully shifted header properly
Jun 2, 2024
24ab3a4
Style contact us section form
Jun 2, 2024
c40809d
Added style to contact us form
Jun 2, 2024
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
5 changes: 5 additions & 0 deletions .idea/.gitignore
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
<body>
<section class="sub-header">
<nav><a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links id=" navLinks">
<div class="nav-links" id="navLinks">
<i class="fa fa-time" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
Expand All @@ -33,8 +33,9 @@
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>About Us</h1>

</section>
<h1 class="about-heading">About Us</h1>

<!-- aboust us content -->
<section class="about-us">
Expand All @@ -48,7 +49,6 @@ <h1>Our university stands as the world's largest educational institution</h1>
<img src="./eduford_img/about.jpg" alt="">
</div>
</div>

</section>


Expand Down
3 changes: 2 additions & 1 deletion blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,8 +34,9 @@
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Our Certificate & Online Programs For 2024</h1>

</section>
<h1 class="blog-heading">Our Certificate & Online Programs For 2024</h1>
<!-- blog page content -->
<section class="blog-content">
<div class="row">
Expand Down
14 changes: 11 additions & 3 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<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.css">
<link rel="stylesheet" href="index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://kit.fontawesome.com/628003722a.js" crossorigin="anonymous"></script>
Expand All @@ -22,7 +23,7 @@
<body>
<section class="sub-header">
<nav><a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links id=" navLinks">
<div class="nav-links" id="navLinks">
<i class="fa fa-time" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
Expand All @@ -33,11 +34,17 @@
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Contact Us</h1>
<div>

</div>

</section>
<h1 class="contact-heading">Contact Us</h1>


<!-- contact us -->
<section class="location">
<!-- contact us -->
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3722.974544521806!2d79.12488161485517!3d21.07367888597395!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bd4b9d4a7fad533%3A0xa02e6b148c2d3861!2sDeeplaxmi%20Celebration%20the%20Banquet!5e0!3m2!1sen!2sin!4v1674977505995!5m2!1sen!2sin"
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
Expand Down Expand Up @@ -79,7 +86,8 @@ <h5>[email protected]</h5>

</section>

<!-- Footer -->


<section class="footer">
<h4>About Us</h4>
<p>Welcome to our university, where academic excellence meets vibrant campus life. Join our <br>
Expand Down
222 changes: 112 additions & 110 deletions course.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,127 +12,129 @@
<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>

<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css">
href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/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">
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>
<ul>
<li><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="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Our Courses</h1>
</section>

<!-- course -->
<section class="course">
<h1>Courses We Offer</h1>
<p>This is the main classes we provide at our university </p>
<div class="row">
<div class="course-col">
<h3>Computer science</h3>
<p>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.</p>
</div>
<div class="course-col">
<h3>Principles of Economics:</h3>
<p>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.</p>
</div>
<div class="course-col">
<h3>Introduction to Psychology</h3>
<p>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.</p>
</div>
<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>
<ul>
<li><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="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div><i class="fa fa-bars" onclick="showMenu()"></i>
</nav>

</section>

<!-- course -->
<section class="course">
<h1 class="course-heading">Courses We Offer</h1>
<p>This is the main classes we provide at our university </p>
<div class="row">
<div class="course-col">
<h3>Computer science</h3>
<p>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.</p>
</div>
</section>

<!-- facilities -->
<section class="facilities">
<h1>Our facilities</h1>
<p>Our university boasts state-of-the-art facilities equipped with cutting-edge technology

</p>
<div class="row">
<div class="facilities-col">
<img src="./eduford_img/library.png" alt="">
<h3>World Class Library</h3>
<p>Our world-class library offers a vast collection of books, journals, and digital resources from around the globe, providing a sanctuary for learning.</p>
</div>

<div class="facilities-col">
<img src="./eduford_img/basketball.png" alt="">
<h3>Athletic Excellence</h3>
<p>Our premier basketball playground, featuring state-of-art facilities, fosters athletic prowess and sportsmanship and fostering a love for the game..</p>
</div>

<div class="facilities-col">
<img src="./eduford_img/cafeteria.png" alt="">
<h3>Culinary Oasis of Diversity</h3>
<p>Our cafeteria offers a diverse range of global cuisines, fostering a welcoming atmosphere that nourishes both body and spirit.</p>
</div>
<div class="course-col">
<h3>Principles of Economics:</h3>
<p>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.</p>
</div>
</section>


<!-- 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>
<div class="icons">
<a style="padding: 10px;" href=""> <i class="fa-brands fa-facebook"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-twitter"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-instagram"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-linkedin"></i></a>
<div class="course-col">
<h3>Introduction to Psychology</h3>
<p>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.</p>
</div>
</div>
</section>

<!-- facilities -->
<section class="facilities">
<h1>Our facilities</h1>
<p>Our university boasts state-of-the-art facilities equipped with cutting-edge technology

</p>
<div class="row">
<div class="facilities-col">
<img src="./eduford_img/library.png" alt="">
<h3>World Class Library</h3>
<p>Our world-class library offers a vast collection of books, journals, and digital resources from around the globe, providing a sanctuary for learning.</p>
</div>

<div class="facilities-col">
<img src="./eduford_img/basketball.png" alt="">
<h3>Athletic Excellence</h3>
<p>Our premier basketball playground, featuring state-of-art facilities, fosters athletic prowess and sportsmanship and fostering a love for the game..</p>
</div>
<p>made with <i class="fa-regular fa-heart"></i> By Juhi
</p>
</section>


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

function showMenu() {
navLinks.style.right = "0";
}

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

<script>
const lenis = new Lenis({
duration: 1.2,
easing: (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t)),
direction: "vertical",
gestureDirection: "vertical",
smooth: true,
smoothTouch: false,
touchMultiplier: 2,
});

function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}

<div class="facilities-col">
<img src="./eduford_img/cafeteria.png" alt="">
<h3>Culinary Oasis of Diversity</h3>
<p>Our cafeteria offers a diverse range of global cuisines, fostering a welcoming atmosphere that nourishes both body and spirit.</p>
</div>
</div>
</section>

<!--Aboutus section-->
<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>
<div class="icons">
<a style="padding: 10px;" href=""> <i class="fa-brands fa-facebook"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-twitter"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-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 -->
<script>
var navLinks = document.getElementById("navLinks");

function showMenu() {
navLinks.style.right = "0";
}

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

<script>
const lenis = new Lenis({
duration: 1.2,
easing: (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t)),
direction: "vertical",
gestureDirection: "vertical",
smooth: true,
smoothTouch: false,
touchMultiplier: 2,
});

function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}

requestAnimationFrame(raf);


</script>
</script>
</body>

</html>
</html>
Loading