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.

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

Kavya4 #4

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
261 changes: 124 additions & 137 deletions clubs/bharat_dhwani.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bharat Dhawani - NITJ</title>
<title>Bharat Dhwani- NITJ</title>

<!-- CSS -->
<link rel="stylesheet" href="../style.css" />
Expand Down Expand Up @@ -137,7 +137,7 @@
-o-object-fit: cover;
object-fit: cover;
transition: ease 0.75s;
filter: grayscale(100%);

}

.box:hover {
Expand Down Expand Up @@ -185,153 +185,140 @@
</head>

<body>
<script src="/common template/header.js" type="module"></script>

<div class="main-body flex flex-col gap-8 lg:gap-12 pt-[112px] md:pt-[144px] lg:pt-[144px] lg:mb-32">
<div class="titlebg">
<div class="container flex flex-col justify-center items-start h-[224px] py-[48px]">
<!-- <p> Code by Bhavya Mittal </p> -->
<p class="font2 font-bold text-[52px] lg:text-[68px] uppercase text-white leading-[1]">Bharat Dhawani</p>
</div>
<nav class="flex bg-gray-200 py-[8px] text-black" aria-label="Breadcrumb">
<ol class="container inline-flex items-center">
<li class="inline-flex items-center">
<a href="" class="inline-flex items-center text-sm font-medium hover:text-gray-900">
<a href="../index.html" class="text-lg font-medium ml-2">Home</a>
</a>
</li>
<li aria-current="page">
<div class="inline-flex items-center">
<i style="color: rgb(128, 128, 128); font-size: 12px; margin-left: 12px"
class="fa-solid fa-angle-right ml-2"></i>
<a href="#" class="text-lg font-medium ml-2">About</a>
</div>
</li>
</ol>
</nav>
</div>



<!-- <p> Code by Bhavya Mittal </p> -->
<div class="container flex flex-col items-start gap-[20px] lg:gap-[16px]">
<div class="w-full flex flex-col items-start">
<p class="font2 font-medium text-[28px] lg:text-[32px]">Introduction</p>
<div class="bg-accent w-full lg:w-[111px] h-[1px] lg:h-[3px]"></div>
</div>
<div id="Introduction">
Bharat Dhawani is the techno-managerial student fest of Dr. B. R. Ambedkar National Institute of Technology (NIT),
Jalandhar in Punjab, India. Bharat Dhawani, the annual fest, has emerged as one of the region’s most sought after
event.
<br>
<br>
Just because Bharat Dhawani ’09 was good isn’t the reason enough to bask in your old glory. Bharat Dhawani’11 brings you a
whole new level of engineering- “eXtreme engineering”. If you have what it takes to test your limits and put
every brain cell to work then come and be a part of Bharat Dhawani’11 .
</div>

<!-- <a href="https://www.instagram.com/Bharat Dhawani_nitj/"
class="ml-0 md:ml-5 px-2 rounded-lg mt-0 py-2 bg-blue-500 text-white hover:bg-blue-400 lg:px-[7%]">
Bharat Dhawani Website
</a> -->
<!-- Social Media -->
<div class="flex items-center justify-center space-x-2">

<a class="mr-3" href="https://www.instagram.com/zealnitj/">
<svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="currentColor" style="color: #cd30a6"
viewBox="0 0 24 24">
<path
d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
</svg>
</a>

<a class="mr-3" href="https://www.youtube.com/@Bharat Dhawaninitjalandhar5632">
<svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="currentColor" style="color: #ff0000"
viewBox="0 0 24 24">
<path
d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
</svg>
</a>
&nbsp
&nbsp

<a class="mr-3" href="https://www.linkedin.com/company/zeal-society-nitj/">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-7" fill="currentColor" style="color: #0077b5; "
viewBox="0 0 24 24">
<path
d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" />
</svg>
</a>
<a href="https://www.facebook.com/groups/Bharat Dhawani" class="mr-3">
<svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="currentColor" style="color: #1877f2"
viewBox="0 0 24 24">
<path
d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z" />
</svg>
</a>
<script src="/common template/header.js" type="module"></script>

<div class="main-body flex flex-col gap-8 lg:gap-12 pt-[112px] md:pt-[144px] lg:pt-[144px] lg:mb-32">
<div class="titlebg">
<div class="container flex flex-col justify-center items-start h-[224px] py-[48px]">
<!-- <p> Code by Bhavya Mittal </p> -->
<p class="font2 font-bold text-[52px] lg:text-[68px] uppercase text-white leading-[1]">Bharat Dhwani</p>
</div>
<nav class="flex bg-gray-200 py-[8px] text-black" aria-label="Breadcrumb">
<ol class="container inline-flex items-center">
<li class="inline-flex items-center">
<a href="" class="inline-flex items-center text-sm font-medium hover:text-gray-900">
<a href="../index.html" class="text-lg font-medium ml-2">Home</a>
</a>
</li>
<li aria-current="page">
<div class="inline-flex items-center">
<i style="color: rgb(128, 128, 128); font-size: 12px; margin-left: 12px"
class="fa-solid fa-angle-right ml-2"></i>
<a href="#" class="text-lg font-medium ml-2">About</a>
</div>
</li>
</ol>
</nav>
</div>
<!-- <p> Code by Bhavya Mittal </p> -->

<div class="container flex flex-col items-start gap-[20px] lg:gap-[16px]">
<div class="flex md:flex-row justify-center flex-col mt-0 py-0">
<div class="w-full flex flex-col items-start">
<p class="font2 font-medium text-[28px] lg:text-[32px]">About</p>
<div class="bg-accent w-full lg:w-[111px] h-[1px] lg:h-[3px]"></div>
<br>
<div class="w-full flex flex-row items-start">

<div id="Introduction" style=" position:relative;top:-12px; text-align:justify; text-justify:inter-word; margin: 10px;">
Bharat Dhwani, the foundation day of our college, is a special occasion that marks the birth of an institution that has become an integral
part of our lives. It is a time to reflect on the past, celebrate the present, and look forward to the future. The day is a reminder of the
hard work and dedication that went into establishing our college and the vision of the founders who laid the foundation of this great institution.
<br>
<br>
Over the years, our college has grown in stature and reputation and has become a hub of knowledge and learning. It has produced numerous
successful alumni who have gone on to make significant contributions in various fields. From the arts to the sciences, from business to
technology, our college has nurtured and empowered countless individuals to realize their dreams and aspirations.
<br>
<br>
On the occasion of Bharat Dhwani, we come together to celebrate the rich cultural heritage of our country, and the diversity that is an
integral part of our identity. Our college has always embraced this diversity and has fostered an inclusive environment where students
from different backgrounds can come together to learn, grow, and thrive. We celebrate the unity in diversity that defines our college and our country.
<br>
<br>
As we celebrate Bharat Dhwani, we also take a moment to reflect on the challenges that lie ahead. The world is changing rapidly, and our
college must adapt to meet the needs of a rapidly changing society. We must continue to innovate, evolve, and strive for excellence in all
our endeavors.
<br>
<br>
Finally, on this special day, we renew our commitment to the ideals and values that our college stands for. We pledge to work tirelessly to
create a better tomorrow for ourselves and for the generations to come. With the spirit of Bharat Dhwani guiding us, we will continue to strive
for excellence, push the boundaries of knowledge, and make a positive difference in the world

<br>

</div>

<div class="container">
<div class="container flex h-[22vh] w-full">
<div class="box">
<img src="img/tech1.png" />
</div>
<div class="box hidden lg:block">
<img src="img/tech2.png" />
</div>
<div class="box hidden lg:block">
<img src="img/tech3.png" />
</div>
</div>

</div>
</div>

<div class="container flex h-[22vh] w-full">
<div class="box">
<img src="img/tech4.png" />
</div>
<div class="box hidden lg:block">
<img src="img/tech5.png" />
</div>
</div>


<!-- <div class="container flex h-[22vh] w-full">
<div class="container flex flex-col items-start gap-[20px] lg:gap-[16px]">
<div class="container">
<div class="container flex h-[30vh] w-full">
<div class="box">
<img src="img/bharat_dhwani1.jpg" />
</div>
<div class="box hidden lg:block">
<img src="img/bharat_dhwani2.jpg" />
</div>
<div class="box hidden lg:block">
<img src="img/bharat_dhwani3.jpg" />
</div>
</div>

<div class="container flex h-[30vh] w-full" >
<div class="box">
<img src="img/ci/ci (3)-min.jpeg" />
<img src="img/bharat-dhwani4.jpg" />
</div>
<div class="box hidden lg:block">
<img src="img/ci/ci (4)-min.jpeg" />
<img src="img/bharat-dhwani5.jpg" />
</div>
<div class="box hidden lg:block">
<img src="img/ci/ci (5)-min.jpeg" />
</div>
<div class="box hidden lg:block">
<img src="img/ci/ci (6)-min.jpg" />
</div>
</div> -->
</div>
</div>

</div>




<!-- <div class="container flex h-[22vh] w-full">
<div class="box">
<img src="img/ci/ci (3)-min.jpeg" />
</div>
<div class="box hidden lg:block">
<img src="img/ci/ci (4)-min.jpeg" />
</div>
<div class="box hidden lg:block">
<img src="img/ci/ci (5)-min.jpeg" />
</div>
<div class="box hidden lg:block">
<img src="img/ci/ci (6)-min.jpg" />
</div>
</div> -->


<!-- <p class="font-normal text-gray-800 lg:text-[16px] lg:leading-[27px] text-justify">
Dr B R Ambedkar National Institute of Technology was established in the year 1987 as Regional
Engineering
College and was given the status of National Institute of Technology (Deemed University) by the
Government
of India on October 17, 2002 under the aegis of Ministry of Education (Shiksha Mantralaya), New Delhi.
Now
the Ministry of Education (Shiksha Mantralaya), Government of India has declared the Institute as <span
class="text-accent italic font-medium">“Institute of National Importance”</span> under the act of
Parliament-2007. A large number of reputed Industrial houses in the country visit the Institution and
select
the final year students as Engineers/ Management Trainees. As one of the National Institutes of
Technology
(NIT), the Institute has the responsibility of providing high quality education in Engineering,
Technology
and Sciences to produce competent technical and scientific manpower for the country. The Institute
offers
BTech, MTech, MSc, MBA and PhD programmes in the several disciplines of Engineering, Technology and
Sciences.
</p> -->
</div>
</div>

</div>
</div>
<script src="app.js"></script>
<script src="../common template/footer.js"></script>
</body>


<script src="app.js"></script>
<script src="../common template/footer.js"></script>






</body>

</html>

</html>
Loading