Skip to content

Suggestion: Split long homepage content into separate dedicated pages for better structure #42 #61

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

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

Suggestion: Split long homepage content into separate dedicated pages for better structure #42 #61

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
85 changes: 85 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon">

<link href="./assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
</head>
<body>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
}
nav {
background-color: #333;
padding: 0 20px;
}
nav ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
}
nav ul li {
margin: 0;
}
nav ul li a {
display: block;
padding: 14px 20px;
text-decoration: none;
color: white;
transition: background 0.3s;
}
nav ul li a:hover {
background-color: #575757;
}
</style>

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="achivements.html">Achievement</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="partners.html">Partner</a></li>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="why gurkul.html">Why Gurkul</a></li>

</ul>
</nav>
<div class="py-2 py-md-0"></div>
</div>

<div class="Our-Work mb-5 mt-5 overflow-x-hidden">
<div class="container text-start overflow-x-hidden">
<div style="column-gap: 0px !important;" class=" d-flex flex-column flex-md-row justify-content-center align-items-md-start gap-3 align-items-center">
<div class="mx-5 about-gurukul-img">
<img src="./assets/images/aboutGurukul.jpeg"
class="rounded shadow about-gurukul-img" style="width: 500px; height: 250px" alt="..." />
</div>
<div style="" class=" d-flex flex-column justify-content-start ">
<h1 class="mt-0 mt-md-0 display-4 libre-baskerville-regular">About Gurukul</h1>
<p class="w-100 founders-message-data" style="text-align: justify; font-size: x-large;">
Welcome to Gurukul Dream Foundation, where we empower the youth of tier 2/3 cities. Our goal is to provide tailored support and opportunities for young individuals to thrive. Through workshops, internships, and more, we aim to equip them with the skills they need to succeed. Join us as we shape a brighter future for every aspiring young mind.
</p>
<!-- <button type="button" style="width: 150px" class="btn btn-dark mt-md-3 mt-1">
Read More
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-arrow-right" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
</svg>
</button> -->
</div>
</div>
</div>
</div>
</body>
</html>
164 changes: 164 additions & 0 deletions achivements.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon">

<link href="./assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
</head>


<body>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
}
nav {
background-color: #333;
padding: 0 20px;
}
nav ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
}
nav ul li {
margin: 0;
}
nav ul li a {
display: block;
padding: 14px 20px;
text-decoration: none;
color: white;
transition: background 0.3s;
}
nav ul li a:hover {
background-color: #575757;
}
</style>

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="achivements.html">Achievement</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="partners.html">Partner</a></li>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="why gurkul.html">Why Gurkul</a></li>

</ul>
</nav>
<div
class="w-100 reached-numbers bg-yellow text-white d-flex flex-column flex-lg-row flex-wrap justify-content-evenly align-items-center px-2 py-0 " id="Our-Achievements">
<div class=" text-center h2 p-4 rounded mt-2 text-wrap libre-baskerville-regular">
<span class="text-danger">Our </span>
<span class="text-black">Achievements</span>
</div>
<div
class="all-reached-data d-flex justify-content-evenly align-items-center flex-md-nowrap flex-wrap gap-md-4 gap-1 px-md-0 px-lg-2 py-0 ">

<div
class="bg-yellow reached-numbers-boxes w-100 p-3 py-2 text-center d-flex flex-column align-items-center justify-content-start ">
<div class="inner w-100 pt-3"> <img class="w-50 our-reach-icons-images" style="width: 60px !important;" src="./assets/images/reach/events-logo.png" alt=""></div>
<div class="number-box">

<div class="reached-nums-data fs-2 text-black" data-reachedNumFinally="10+" data-reachedNum="10">
0
</div>
<div class="reached-nums-about text-danger fw-bold small">
District Level Events
</div>
</div>
</div>
<div
class="bg-yellow reached-numbers-boxes w-100 px-3 py-4 py-1 text-center d-flex flex-column align-items-center justify-content-start ">
<div class="inner "> <img class="w-50 our-reach-icons-images" style="width: 60px !important;" src="./assets/images/reach/session-logo.png" alt=""></div>
<div class="number-box">

<div class="reached-nums-data fs-2 text-black" data-reachedNumFinally="20+" data-reachedNum="20">
0
</div>
<div class="reached-nums-about text-danger fw-bold small">
Startup Summits/ Sessions
</div>
</div>
</div>
<div
class="bg-yellow reached-numbers-boxes w-100 p-3 py-4 text-center d-flex flex-column align-items-center justify-content-start ">
<div class="inner w-100"> <img class="w-50 our-reach-icons-images" style="width: 60px !important;" src="./assets/images/reach/workshop.png" alt=""></div>
<div class="number-box">

<div class="reached-nums-data fs-2 text-black" data-reachedNumFinally="80+" data-reachedNum="80">
0
</div>
<div class="reached-nums-about text-danger fw-bold small">
Workshops
</div>
</div>
</div>
<div
class="bg-yellow reached-numbers-boxes w-100 p-3 py-4 text-center d-flex flex-column align-items-center justify-content-start ">
<div class="inner w-100"> <img class="w-50 our-reach-icons-images" style="width: 60px !important;" src="./assets/images/reach/industry.png" alt=""></div>
<div class="number-box">

<div class="reached-nums-data fs-2 text-black" data-reachedNumFinally="15+" data-reachedNum="15">
0
</div>
<div class="reached-nums-about text-danger fw-bold small">
Industry Visits
</div>
</div>
</div>
<div
class="bg-yellow reached-numbers-boxes w-100 p-3 py-4 text-center d-flex flex-column align-items-center justify-content-start ">
<div class="inner w-100"> <img class="w-50 our-reach-icons-images" style="width: 60px !important;" src="./assets/images/reach/jobs.png" alt=""></div>
<div class="number-box">

<div class="reached-nums-data fs-2 text-black" data-reachedNumFinally="60+" data-reachedNum="60">
0
</div>
<div class="reached-nums-about text-danger fw-bold small">
Jobs provided

</div>
</div>
</div>
<div
class="bg-yellow reached-numbers-boxes w-100 p-3 py-4 text-center d-flex flex-column align-items-center justify-content-start">
<div class="inner w-100"> <img class="w-50 our-reach-icons-images" style="width: 60px !important;" src="./assets/images/reach/internship.png" alt=""> </div>
<div class="number-box">

<div class="reached-nums-data fs-2 text-black" data-reachedNumFinally="100+" data-reachedNum="100">
0
</div>
<div class="reached-nums-about text-danger fw-bold small">
Internships provided

</div>
</div>
</div>
<div
class="bg-yellow reached-numbers-boxes w-100 p-3 text-center d-flex flex-column align-items-center justify-content-start ">
<div class="inner w-100"> <img class="w-50 our-reach-icons-images pt-2 pt-sm-1 pt-md-3" style="width: 50px !important;" src="./assets/images/reach/counciling.png" alt=""></div>
<div class="number-box">
<div class="reached-nums-data fs-2 text-black pt-1" data-reachedNumFinally="10,000+" data-reachedNum="10000">
0
</div>
<div class="reached-nums-about text-danger fw-bold small">
Students Counseled through "Safarnama"
</div>
</div>
</div>
</div>
<div class="py-2 py-md-0"></div>
</div>
</body>
</html>
43 changes: 43 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,49 @@

<body class="overflow-x-hidden">
<div id="header"></div>
<!-- Navbar Start -->
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
}
nav {
background-color: #333;
padding: 0 20px;
}
nav ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
}
nav ul li {
margin: 0;
}
nav ul li a {
display: block;
padding: 14px 20px;
text-decoration: none;
color: white;
transition: background 0.3s;
}
nav ul li a:hover {
background-color: #575757;
}
</style>

<nav>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="achivements.html">Achievement</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="partners.html">Partner</a></li>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="why gurkul.html">Why Gurkul</a></li>

</ul>
</nav>
<!-- Navbar End -->

<main class="container-auto ">
<!-- image slider section -->
Expand Down
91 changes: 91 additions & 0 deletions partners.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon">

<link href="./assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer"/>

</head>
<body>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
}
nav {
background-color: #333;
padding: 0 20px;
}
nav ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
}
nav ul li {
margin: 0;
}
nav ul li a {
display: block;
padding: 14px 20px;
text-decoration: none;
color: white;
transition: background 0.3s;
}
nav ul li a:hover {
background-color: #575757;
}
</style>

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="achivements.html">Achievement</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="partners.html">Partner</a></li>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="why gurkul.html">Why Gurkul</a></li>

</ul>
</nav>
<div class="my-1 py-2"></div>
<h2 class="text-center libre-baskerville-regular">Our Partners</h2>
<div class="container px-2 our-parteners-section overflow-x-hidden">
<marquee behavior="scroll" direction="left" class="py-2 px-1 ">
<img src="assets/images/college-logoes/1.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/2.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/3.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/4.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/5.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/6.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/7.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/8.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/9.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/10.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/11.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/12.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
<img src="assets/images/college-logoes/13.png"
alt="our-partners-images" class="rounded shadow border border-dark px-5 mx-3 py-0 " width="200">
</marquee>
</div>
</body>
</html>
Loading