Skip to content

Commit

Permalink
Merge pull request wdmc-nitj#126 from wdmc-nitj/club_pages
Browse files Browse the repository at this point in the history 
club pages
  • Loading branch information
@ravinder-chadha
ravinder-chadha authored Jan 16, 2023
2 parents 055cbf7 + c5e5487 commit 77f0e52
Show file tree
Hide file tree
Showing 17 changed files with 5,829 additions and 2,491 deletions.
188 changes: 142 additions & 46 deletions clubs/athletic_fest.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="stylesheet" href="/style.css" />
<!-- <link rel="stylesheet" href="/style.css" /> -->
<style type="text/tailwindcss">
@layer utilities {
.content-auto {
Expand Down Expand Up @@ -373,14 +373,14 @@
<!-- INSTITUTE LOGO & NAME ends -->
<!-- Logo CONTAINER starts -->
<div
class="absolute hidden sm:block left-[50px] z-50 mx-auto -translate-x-1/2 -translate-y-1/3 sm:translate-y-0 scale-75 sm:scale-100 sm:left-1/2"
style="width: 230px">
<img src="../public/assets/images/Rectangle 47 (1).png" alt="">
</div>
<div id="logo_250"
class="absolute h-[120px] aspect-square left-[50px] sm:left-1/2 scale-[0.40] sm:scale-100 -translate-y-1/3 top-9 sm:top-7 sm:translate-y-0 z-50 -translate-x-1/2 sm:py-0">
<img src="../public/assets/images/logo_250.png" alt="" />
</div>
class="absolute hidden sm:block left-[50px] z-50 mx-auto -translate-x-1/2 -translate-y-1/3 sm:translate-y-0 scale-75 sm:scale-100 sm:left-1/2"
style="width: 230px">
<img src="../public/assets/images/Rectangle 47 (1).png" alt="">
</div>
<div id="logo_250"
class="absolute h-[120px] aspect-square left-[50px] sm:left-1/2 scale-[0.40] sm:scale-100 -translate-y-1/3 top-9 sm:top-7 sm:translate-y-0 z-50 -translate-x-1/2 sm:py-0">
<img src="../public/assets/images/logo_250.png" alt="" />
</div>
<!-- Logo CONTAINER ends -->
<!-- NAV BAR starts-->

Expand Down Expand Up @@ -1145,7 +1145,7 @@
<div class="p-2 text-center">CLUBS & SOCITIES</div>
<div class="h-full rounded-b-xl bg-white">
<ul class="flex flex-col gap-1 px-2 font-normal text-black">
<a href="/clubs/yoga.html" class="hover:text-[#FF6600]">
<a href="/clubs/heartful.html" class="hover:text-[#FF6600]">
Heartfulness Mediation Club
</a>
<a href="/clubs/prayas.html" class="hover:text-[#FF6600]">
Expand All @@ -1160,8 +1160,8 @@
<a href="/clubs/we-can.html" class="hover:text-[#FF6600]">
“We Can” Club
</a>
<a href="/clubs/yoga.html" class="hover:text-[#FF6600]">
Yoga Club
<a href="/clubs/Athletic.html" class="hover:text-[#FF6600]">
Athletic Club
</a>
</ul>
<ul class="flex flex-row px-2 font-normal text-black justify-between">
Expand Down Expand Up @@ -1424,44 +1424,140 @@


<!-- common template start -->
<div class="h-auto block ">
<div class="flex md:flex-row justify-center flex-col mt-20 py-20">
<div class="w-12/12 md:w-5/12 px-2">
<img src="https://thebridge.in/h-upload/2021/06/04/6804-neeraj-chopra-achieved-qualification-to-the-2020-olympics-with-a-new-national-record-in-javelin-throw-source-the-week.jpg"
alt="">
<div>
<div id="" style="background-image:url('https://pbs.twimg.com/media/FVws_ZfUEAAwh-5?format=jpg&name=4096x4096') ;"
class="mt-20 h-screen max-h-[1000px] transition-all duration-1000 bg-cover bg-center">
<div class="bg-gradient-to-b from-accent to-transparent h-full w-full">
<div class="flex flex-col items-center justify-center container h-full">
<div class="flex flex-col gap-10">
<h2 class="uppercase text-white text-center text-6xl">
<span class="font-bold">NITJ</span> "Athletic" CLUB
</h2>
</div>
</div>
</div>
</div>
<div class=" ">
<div class="my-2 w-12/12 mx-auto md:w-7/12 px-2">
<h1 class="uppercase my-4 text-black font-bold text-2xl">"Athletic-CLUB" CLUB</h1>
<p>In Year 2008 group of four students floated an idea to start robotics club in the institute. The names of students were Mr. Adwait S Deshpande, Mr. Arvinmd Kumar Deorani, Mr. Nikhil Kumar and Mr. Pankaj Yadav and they named the club Athletic-CLUB. In year 2008 they conducted two workshops. Futher they successfully conducted five workshops in year 2009, during that period Mr. Sumit Saini and Mr. Pankaj Yadav joined as executive members.
</p>
</div>
<div class="mt-6 md:w-7/12 w-12/12 mx-auto px-2">
<h1 class="text-xl text-black font-bold">Aims and Objectives of "Athletic-CLUB Club" </h1>
<div class="ml-3 md:ml-6">
<div class="my-2">
1. <p class="inline">To develop intrapersonal and interpersonal skills.</p>
</div>
<div class="w-12/12 md:w-5/12 px-2">
<div class="ml-0 md:ml-10">
<h1 class="text-2xl mt-10 font-bold">Athletic Fest</h1>
Athletic Fest is a very exciting and happy day that every student looks forward to. Every student can participate in different types of sporting events. Personally, I enjoy sports day and look forward to it every year. It helps me showcase my athletic abilities in front of an enthusiastic audience.
To facilitate peer-learning and promote the growth of a networking mentality
To help every fellow member realize his potential and make them capable of portraying themselves in the most enticing manner.
</div>

<div class="my-2">
2. <p class="inline">To promote an in-depth understanding of soft skills and English language that lies beyond
the ken of the syllabus.</p>
</div>
</div>
</div>



<div class="flex justify-center my-6">
<div class="md:w-9/12 w-ull">
<div class="container grid grid-cols-3 gap-2 mx-auto">
<div class="w-full rounded">
<img src="https://www.nitj.ac.in/physics/recentEvents/29story214/photos/photoDesc229story214.jpg"
alt="image">
</div>
<div class="w-full rounded">
<img src="https://qph.cf2.quoracdn.net/main-qimg-f725cf574807a379897e0fe2211f27d2-lq"
alt="image">
</div>
<div class="w-full rounded">
<img src="https://www.nitj.ac.in/physics/recentEvents/29story214/photos/photoDesc129story214.jpg"
alt="image">
</div>
<div class="my-2">
3. <p class="inline">To provide a platform to students for mutual exchange of ideas, knowledge and skills
through ingenious and captivating monthly group activities such as group discussion, debate, quiz,
documentary review, movie review, and role play.
</p>
</div>
<div class="my-2">
4. <p class="inline">To encourage the students to display their extra-curricular skills that would promote a
healthy holistic development of the student.
</p>
</div>
<div class="my-2">
5. <p class="inline">To arrange competitions like elocution contest, essay writing, book review giving them an
opportunity for self-expression.
</p>
</div>
<div class="my-2">
6. <p class="inline">To incorporate speech delivery enhancement activities.
</p>
</div>
<div class="my-2">
7. <p class="inline">To instill in the minds of the students the spirit of self-help, service sacrifice and
cooperation.
</p>
</div>
<div class="my-2">
8. <p class="inline">To collaborate with other departments for extra and co-curricular activities related to
language and soft skills.
</p>
</div>
</div>
</div>
</div>

</div>

<div class="mt-6 md:w-7/12 w-12/12 mx-auto px-2">
<h1 class="text-xl text-black font-bold">Officers of the Club </h1>
<div class="ml-3 md:ml-6">
<div class="my-2">
1. <p class="inline">The Officers of the club shall consist of the following: President, Vice-President,
Secretary, Treasurer, Marketing Head, Publicity Head and four Core Members.</p>
</div>
<div class="my-2">
2. <p class="inline">The Officers shall be appointed by the faculty coordinators for a period of six months on
the basis of interview.</p>
</div>
<div class="my-2">
3. <p class="inline">Membership shall be confined to students/alumni of NITJ.
</p>
</div>
<div class="my-2">
4. <p class="inline">All Officers shall be eligible for re-appointment.
</p>
</div>
<div class="my-2">
5. <p class="inline">The club may appoint other Officers from time to time and under such terms as it considers
appropriate.
</p>
</div>
<div class="my-2">
6. <p class="inline">The club officers shall be required to actively participate in all Club activities.
</p>
</div>
<div class="my-2">
7. <p class="inline">The club officers shall have to conduct monthly events for the enhancement of soft skills
of NITJ students.
</p>
</div>
</div>
</div>

<div class="mt-6 md:w-7/12 w-12/12 mx-auto px-2">
<h1 class="text-xl text-black font-bold">Disciplinary Procedure </h1>
<div class="ml-3 md:ml-6">
<div class="my-2">
1. <p class="inline">The Disciplinary Board consists of faculty coordinators shall have the power to hear and
determine any complaints against the club officers whether made by a Member of the Club or any student of
NITJ.</p>
</div>
<div class="my-2">
2. <p class="inline">Any Member/Club Officer found to be in breach of these rules or held to have behaved in a
manner damaging to the interests of the Club shall be admonished, suspended, fined, expelled or be the subject
of such other penalty as the Club considers fit.</p>
</div>
</div>
</div>

<div class="mt-6 md:w-7/12 w-12/12 mx-auto px-2">
<h1 class="text-xl text-black font-bold">Upcoming events</h1>
<div class="ml-3 md:ml-6">
<div class="my-2">
<p class="inline">• Only the Patron or Faculty Coordinators will have power to alter or amend this Constitution
and Rules.</p>
</div>
</div>
</div>

<div class="mt-6 mb-12 md:w-7/12 w-12/12 mx-auto px-2">
<h1 class="text-xl text-black font-bold">Connect With Us </h1>
<div class="mt-3 ml-3 md:ml-6">
<span class="my-2"><a target="_blank" class="inline text-red-500" href="https://www.instagram.com/nitjathletics/?hl=en"><i
class="fa-brands fa-2xl fa-square-facebook text-black"></i>Athletic-CLUB Instagram</a> &nbsp;</span>
</div>
</div>
</div>

<!--common template End -->

Expand Down
Loading

0 comments on commit 77f0e52

Please sign in to comment.