Skip to content
This repository has been archived by the owner on Aug 25, 2022. It is now read-only.

Gallery styles #5

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

Gallery styles #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
48bc4a8
enabling lite-server
sujiv1204 Oct 10, 2020
b18e1e6
nav bar modified
sujiv1204 Oct 10, 2020
70211a0
every navbar modified
sujiv1204 Oct 11, 2020
808677c
screen shots added
sujiv1204 Oct 11, 2020
cc1d387
Update README.md
sujiv1204 Oct 11, 2020
55b75e5
initial modification
sujiv1204 Oct 12, 2020
5d1fb80
home nav modified
sujiv1204 Oct 13, 2020
f7f7b89
all nav updated and blog disabled
sujiv1204 Oct 13, 2020
6495327
made changes to make pages responsive
sujiv1204 Oct 14, 2020
5e4ecd6
Update README.md
sujiv1204 Oct 23, 2020
402c033
screenshots
sujiv1204 Oct 23, 2020
fffd83c
Merge branch 'nav2' of https://github.com/sujiv1204/Official into nav2
sujiv1204 Oct 23, 2020
7a67f8f
Merge pull request #1 from sujiv1204/nav2
Salmanbs Dec 12, 2020
575ad91
changes to gallery styles
Abhi-1001 Jan 8, 2021
4badd07
added timeline page
Abhi-1001 Jan 11, 2021
160150c
Updated timeline and gallery
Abhi-1001 Jan 17, 2021
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
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules
2 changes: 2 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,4 @@
# CS-Club-IIITDM-Website
Code for the website developed for CS Club IIITDM

navbar and some pages made responsive
10 changes: 6 additions & 4 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,10 @@
<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="index.html">
<img src="./src/logo.jpg" width="70" height="70" alt="">
<a class="navbar-brand img-fluid" href="#">
<img src="./src/img/kanchipuram.png" width="70" height="70" alt=""> |
<img src="./src/img/logo.png" width="70" height="70" alt="">
<span class="navbar-brand" style="font-family: palatino; font-size: 20px;"><strong>CS CLUB</strong></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -60,9 +62,9 @@
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item active">
<!-- <li class="nav-item active">
<a class="nav-link" href="blog.html">Blog</a>
</li>
</li> -->
</ul>
</div>
</nav>
Expand Down
10 changes: 6 additions & 4 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,10 @@
<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="index.html">
<img src="./src/logo.jpg" width="70" height="70" alt="" />
<a class="navbar-brand img-fluid" href="#">
<img src="./src/img/kanchipuram.png" width="70" height="70" alt=""> |
<img src="./src/img/logo.png" width="70" height="70" alt="">
<span class="navbar-brand" style="font-family: palatino; font-size: 20px;"><strong>CS CLUB</strong></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -64,9 +66,9 @@
<li class="nav-item active">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
</li> -->
</ul>
</div>
</nav>
Expand Down
15 changes: 10 additions & 5 deletions cp.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,10 @@
<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="index.html">
<img src="./src/logo.jpg" width="70" height="70" alt="">
<a class="navbar-brand img-fluid" href="#">
<img src="./src/img/kanchipuram.png" width="70" height="70" alt=""> |
<img src="./src/img/logo.png" width="70" height="70" alt="">
<span class="navbar-brand" style="font-family: palatino; font-size: 20px;"><strong>CS CLUB</strong></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -60,9 +62,9 @@
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
</li> -->
</ul>
</div>
</nav>
Expand All @@ -73,7 +75,10 @@
</header>

<!-- Page Content -->
<h2 class="text-center mt-5 display-3 font-weight-bold">Competetive Programmer</h2>
<div class="container">
<h2 class="text-center mt-5 display-3 font-weight-bold">Competetive Programmer</h2>
</div>

<div class="content-container" style="margin-top: 0;">
<!-- News Container -->
<div class="news-container">
Expand Down
15 changes: 10 additions & 5 deletions edith.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,10 @@
<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="index.html">
<img src="./src/logo.jpg" width="70" height="70" alt="">
<a class="navbar-brand img-fluid" href="#">
<img src="./src/img/kanchipuram.png" width="70" height="70" alt=""> |
<img src="./src/img/logo.png" width="70" height="70" alt="">
<span class="navbar-brand" style="font-family: palatino; font-size: 20px;"><strong>CS CLUB</strong></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -60,9 +62,9 @@
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
</li> -->
</ul>
</div>
</nav>
Expand All @@ -73,7 +75,10 @@
</header>

<!-- Page Content -->
<h2 class="text-center mt-5 display-3 font-weight-bold">Educating Information Technology and Hardware</h2>
<div class="container">
<h2 class="text-center mt-5 display-3 font-weight-bold">Educating Information Technology and Hardware</h2>
</div>

<div class="content-container" style="margin-top: 0;">
<!-- News Container -->
<div class="news-container">
Expand Down
10 changes: 6 additions & 4 deletions events.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,10 @@
<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="#">
<img src="./src/logo.jpg" width="70" height="70" alt="">
<a class="navbar-brand img-fluid" href="#">
<img src="./src/img/kanchipuram.png" width="70" height="70" alt=""> |
<img src="./src/img/logo.png" width="70" height="70" alt="">
<span class="navbar-brand" style="font-family: palatino; font-size: 20px;"><strong>CS CLUB</strong></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -60,9 +62,9 @@
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
</li> -->
</ul>
</div>
</nav>
Expand Down
117 changes: 84 additions & 33 deletions gallery.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,10 @@
<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="#">
<img src="./src/logo.jpg" width="70" height="70" alt="" />
<a class="navbar-brand img-fluid" href="#">
<img src="./src/img/kanchipuram.png" width="70" height="70" alt=""> |
<img src="./src/img/logo.png" width="70" height="70" alt="">
<span class="navbar-brand" style="font-family: palatino; font-size: 20px;"><strong>CS CLUB</strong></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
Expand All @@ -40,8 +42,8 @@
<li class="nav-item">
<a class="nav-link" href="events.html">Events</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="gallery.html">Gallery</a>
<li class="nav-item active">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
Expand All @@ -61,9 +63,9 @@
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
</li> -->
</ul>
</div>
</nav>
Expand All @@ -83,33 +85,84 @@ <h1 class="display-4 wow zoomIn">Gallery</h1>
<div class="photo-gallery">
<div class="container">
<div class="intro">
<h2 class="text-center wow fadeIn">Gallery</h2>
<p class="text-center wow fadeIn">Lorem ipsum dolor sit amet.</p>
<p class="text-center my-5 wow fadeIn">Lorem ipsum dolor sit amet.</p>
</div>
<div class="row photos">
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="https://source.unsplash.com/random" data-lightbox="photos"><img class="img-fluid"
src="https://source.unsplash.com/random" /></a>
<div class="container">
<div class="d-flex my-3">
<hr class="my-auto flex-grow-1">
<h2 class="text-center px-4">CS CLUB 2019</h2>
<hr class="my-auto flex-grow-1">
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="https://source.unsplash.com/random" data-lightbox="photos"><img class="img-fluid"
src="https://source.unsplash.com/random" /></a>
<div class="row photos">
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/2019_team.jpg" data-lightbox="photos" data-title="2019 Team"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/2019_team.jpg"/></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/CS_club_intro(1).jpg" data-lightbox="photos" data-title="CS Club Intro Session 2019"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/CS_club_intro(1).jpg" /></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/CS_club_intro(2).jpg" data-lightbox="photos" data-title="CS Club Intro Session 2019"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/CS_club_intro(2).jpg" /></a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="https://source.unsplash.com/random" data-lightbox="photos"><img class="img-fluid"
src="https://source.unsplash.com/random" /></a>
</div>
<div class="container">
<div class="row photos">
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/EdITH_session.jpg" data-lightbox="photos" data-title="Problem solving session by EdITH"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/EdITH_session.jpg"/></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/EdITH_session(2).jpg" data-lightbox="photos" data-title="HTML and WebDev Session"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/EdITH_session(2).jpg"/></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/Cyber_sec(1).png" data-lightbox="photos" data-title="Cyber Security Workshop(Collab with NIT Trichy)"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/Cyber_sec(1).png" /></a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="https://source.unsplash.com/random" data-lightbox="photos"><img class="img-fluid"
src="https://source.unsplash.com/random" /></a>
</div>
<div class="container">
<div class="d-flex my-3">
<hr class="my-auto flex-grow-1">
<h2 class="text-center px-4">VASHIST 2019</h2>
<hr class="my-auto flex-grow-1">
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="https://source.unsplash.com/random" data-lightbox="photos"><img class="img-fluid"
src="https://source.unsplash.com/random" /></a>
<div class="row photos">
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/Twist_tale(2).jpg" data-lightbox="photos" data-title="Twist Tale Event"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/Twist_tale(2).jpg" /></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/Twist_tale(1).jpg" data-lightbox="photos" data-title="Twist Tale Event"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/Twist_tale(1).jpg" /></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/ok9.jpg" data-lightbox="photos" data-title="Twist Tale Event"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/ok9.jpg" /></a>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="https://source.unsplash.com/random" data-lightbox="photos"><img class="img-fluid"
src="https://source.unsplash.com/random" /></a>
</div>
<div class="container">
<div class="row photos">
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/decode_battle(1).jpg" data-lightbox="photos" data-title="Decode Battle Event"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/decode_battle(1).jpg" /></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/decode_battle(2).jpg" data-lightbox="photos" data-title="Decode Battle Event"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/decode_battle(2).jpg" /></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/decode_battle(3).jpg" data-lightbox="photos" data-title="Decode Battle Event"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/decode_battle(3).jpg" /></a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 item">
<a href="./src/img/decode_battle(4).jpg" data-lightbox="photos" data-title="Decode Battle Event"><img class="img-fluid img-thumbnail hover-shadow"
src="./src/img/decode_battle(4).jpg" /></a>
</div>
</div>
</div>
</div>
Expand All @@ -127,12 +180,10 @@ <h3>Our Vision</h3>
</div>
<div class="footer-text wow fadeInLeft" data-wow-delay="100ms">
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Deserunt, explicabo? Animi adipisci expedita saepe deleniti
dignissimos id itaque obcaecati ipsam velit. Eaque corporis
ad perferendis expedita ab voluptatibus neque placeat,
explicabo id ipsam in corrupti vero. Dolor provident numquam
fugit.
Here at the CS Club, we act as a gateway for students to enter the Computer Science Community and Industry.
We strive to educate, train, and guide students as they build towards a profession in CS Industry.
We aren't just a club, we're an independent body where students learn together,
help each other sharpen their skills and create their future in the industry.
</p>
</div>
</div>
Expand Down
10 changes: 6 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,10 @@
<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="#">
<img src="./src/logo.jpg" width="70" height="70" alt="">
<a class="navbar-brand img-fluid" href="#">
<img src="./src/img/kanchipuram.png" width="70" height="70" alt=""> |
<img src="./src/img/logo.png" width="70" height="70" alt="">
<span class="navbar-brand" style="font-family: palatino; font-size: 20px;"><strong>CS CLUB</strong></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -60,9 +62,9 @@
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
</li> -->
</ul>
</div>
</nav>
Expand Down
15 changes: 10 additions & 5 deletions networking.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,10 @@
<body>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="index.html">
<img src="./src/logo.jpg" width="70" height="70" alt="">
<a class="navbar-brand img-fluid" href="#">
<img src="./src/img/kanchipuram.png" width="70" height="70" alt=""> |
<img src="./src/img/logo.png" width="70" height="70" alt="">
<span class="navbar-brand" style="font-family: palatino; font-size: 20px;"><strong>CS CLUB</strong></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -60,9 +62,9 @@
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
</li> -->
</ul>
</div>
</nav>
Expand All @@ -73,7 +75,10 @@
</header>

<!-- Page Content -->
<h2 class="text-center mt-5 display-3 font-weight-bold">Networking</h2>
<div class="container">
<h2 class="text-center mt-5 display-3 font-weight-bold">Networking</h2>
</div>

<div class="content-container" style="margin-top: 0;">
<!-- News Container -->
<div class="news-container">
Expand Down
Loading