-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ed2081c
commit 483b911
Showing
18 changed files
with
755 additions
and
245 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,214 @@ | ||
| /* custom fonts */ | ||
|
|
||
| @font-face { | ||
| font-family: 'PlusJakartaSans'; | ||
| src: url('webfonts/PlusJakartaSans/PlusJakartaSans-Regular.woff2') format('woff2'), | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-Regular.woff') format('woff') | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf') format('truetype'); | ||
| font-weight: normal; | ||
| font-style: normal; | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: 'PlusJakartaSans'; | ||
| src: url('webfonts/PlusJakartaSans/PlusJakartaSans-Light.woff2') format('woff2'), | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-Light.woff') format('woff') | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-Light.ttf') format('truetype'); | ||
| font-weight: lighter; | ||
| font-style: normal; | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: 'PlusJakartaSans'; | ||
| src: url('webfonts/PlusJakartaSans/PlusJakartaSans-Medium.woff2') format('woff2'), | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-Medium.woff') format('woff') | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf') format('truetype'); | ||
| font-weight: 400; | ||
| font-style: normal; | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: 'PlusJakartaSans'; | ||
| src: url('webfonts/PlusJakartaSans/PlusJakartaSans-Bold.woff2') format('woff2'), | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-Bold.woff') format('woff') | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf') format('truetype'); | ||
| font-weight: bold; | ||
| font-style: normal; | ||
| } | ||
|
|
||
| @font-face { | ||
| font-family: 'PlusJakartaSans'; | ||
| src: url('webfonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.woff2') format('woff2'), | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.woff') format('woff') | ||
| url('webfonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.ttf') format('truetype'); | ||
| font-weight: bolder; | ||
| font-style: normal; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| /* start */ | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| html | ||
| { | ||
| overflow-x: hidden; | ||
| } | ||
| .navbar-nav{ | ||
| /* font-family: Arial; */ | ||
| font-size: 20px; | ||
| } | ||
|
|
||
| .svnit_photo{ | ||
| width:150px; | ||
| height: auto; | ||
| margin-left: 10px; | ||
| margin-top: 0px; | ||
| margin-bottom: 0px; | ||
| } | ||
|
|
||
| .v1 { | ||
| height: 70px; | ||
| border-left: 1px solid white; | ||
| position: relative; | ||
| top : 0; | ||
| margin-left: 0%; | ||
| } | ||
| .v2 { | ||
| height: 70px; | ||
| border-left: 1px solid black; | ||
| position: relative; | ||
| top : 0; | ||
| margin-left: 0%; | ||
| } | ||
|
|
||
| .nit_photo{ | ||
| width:80px; | ||
| height: auto; | ||
| margin-left: 30px; | ||
| margin-right: 10px; | ||
| margin-top: 0px; | ||
| margin-bottom: 0px; | ||
| } | ||
|
|
||
| body | ||
| { | ||
| font-family: 'PlusJakartaSans', Helvetica, Arial, sans-serif; | ||
| overflow-x: hidden; | ||
| background-image: url(images/s.jpg); | ||
| } | ||
|
|
||
| .teams-head1{ | ||
| width: 100%; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| margin-bottom: 20PX; | ||
| } | ||
|
|
||
| .teams-title1{ | ||
| text-align: center; | ||
| padding: 20px 0 0 0; | ||
| } | ||
|
|
||
| .teams-title1 h2{ | ||
| font-weight: bold; | ||
| letter-spacing: 2px; | ||
| font-size: 3vw; | ||
| /* color: rgb(20,34,41); */ | ||
| /* color: white; */ | ||
| /* border: 2px solid rgb(20,34,41); */ | ||
| border: 2px solid black; | ||
| border-radius: 10px; | ||
| padding: 14px 50px 14px 50px; | ||
| transition: 0.1s ease; | ||
| } | ||
|
|
||
| .teams-title1 h2:hover{ | ||
| /* background-color: rgb(20,34,41); | ||
| color: rgb(245, 251, 253); */ | ||
| background-color: white; | ||
| color: black; | ||
| transition: 0.2s ease; | ||
| } | ||
| .carousel-inner{ | ||
| height: 35vw; | ||
| width:auto; | ||
| align-content: center; | ||
| } | ||
| .img-fluid{ | ||
| align-self: auto; | ||
| /* width: 55vw; */ | ||
| height: 30vw; | ||
| border: 1px solid black; | ||
| } | ||
|
|
||
|
|
||
|
|
||
| .h ul li:hover{ | ||
| /* background-color:rgb(211,211,211); */ | ||
| font-weight: bolder; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| @media (max-width:640px){ | ||
| .v1 { | ||
| height: 50px; | ||
| } | ||
| .v2 { | ||
| height: 50px; | ||
| } | ||
|
|
||
| .nit_photo{ | ||
| width:50px; | ||
| height: auto; | ||
| margin-left: 7px; | ||
| margin-right: 3px; | ||
| margin-top: 0px; | ||
| margin-bottom: 0px; | ||
| } | ||
| .carousel-inner{ | ||
| height: 90vw; | ||
| align-content: center; | ||
| } | ||
| .img-fluid{ | ||
| align-self: auto; | ||
| width: 90vw; | ||
| height: auto; | ||
| } | ||
| .teams-head1{ | ||
| width: 100%; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| padding-top: 20px; | ||
| } | ||
| .teams-title1{ | ||
| text-align: center; | ||
| padding: 0px 0 0px 0; | ||
| } | ||
|
|
||
| .teams-title1 h2{ | ||
| font-weight: bold; | ||
| letter-spacing: 1px; | ||
| font-size: 20px; | ||
| /* color: white; */ | ||
| /* border: 2px solid white; */ | ||
| border-radius: 10px; | ||
| padding: 10px 20px 10px 20px; | ||
| transition: 0.1s ease; | ||
| } | ||
|
|
||
| .teams-title1 h2:hover{ | ||
| background-color: white; | ||
| color: black; | ||
| transition: 0.2s ease; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,154 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <title> | ||
| Gallery | ||
| </title> | ||
| <link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png"> | ||
| <link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png"> | ||
| <link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png"> | ||
| <link rel="manifest" href="favicon_io/site.webmanifest"> | ||
| <link rel="stylesheet" href="css/bootstrap.min.css"> | ||
| <link rel="stylesheet" type="text/css" media="screen" href="gallery.css"> | ||
| </head> | ||
|
|
||
|
|
||
| <body> | ||
| <!-----------------------------------------> | ||
| <!--navbar--> | ||
| <a name="top"></a> | ||
| <nav class="navbar navbar-expand-md navbar-light" style="background-color: rgba(220,220,220);"> | ||
| <a href="http://svnit.ac.in/" class="navbar-brand"> | ||
| <img class="nit_photo" src="images/svnit.png"> | ||
| </a> | ||
| <div class="navbar-brand v2"></div> | ||
| <a href="https://drishti-svnit.github.io/drishti/" class="navbar-brand"> | ||
| <img src="images/drishti_3.png" class="svnit_photo"> | ||
| </a> | ||
| <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#menu"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="menu"> | ||
| <ul class="navbar-nav ml-auto"> | ||
| <li class="nav-item" style="font-weight: bold; margin-right: 20px"> | ||
| <a href="index.html" class="nav-link">Home</a> | ||
| </li> | ||
| <li class="nav-item dropdown " style="font-weight: bold; margin-right: 20px;"> | ||
| <a href="#" class="nav-link dropdown-toogle" data-toggle="dropdown">Projects</a> | ||
| <div class="dropdown-menu" style="background-color: rgb(220,220,220);"> | ||
| <a href="index.html#2023" class="dropdown-item"> 2023 </a> | ||
| <a href="index.html#2022" class="dropdown-item"> | ||
| 2022 | ||
| </a> | ||
| <a href="index.html#2021" class="dropdown-item"> | ||
| 2021 | ||
| </a> | ||
| <a href="index.html#2020" class="dropdown-item"> | ||
| 2020 | ||
| </a> | ||
| <a href="index.html#2019" class="dropdown-item"> | ||
| 2019 | ||
| </a> | ||
| </div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-----------------------------------------------------------------------------------------------------------------------------------> | ||
| <!--adding carousel--> | ||
| <div | ||
| style="/*background-image: url(images/enforcing.jpg); */ background-size: cover;background-color: rgba(255,255,255,0.7); background-blend-mode: lighten;"> | ||
| <div class="container-fluid"> | ||
| <div class="teams-head1"> | ||
| <div class="teams-title1"> | ||
| <h2>2023</h2> | ||
| </div> | ||
| </div> | ||
| <div id="myslideshow1" class="carousel slide carousel-fade"> | ||
|
|
||
| <indicators> | ||
| <ol class="carousel-indicators"> | ||
| <li class="active" data-target="#myslideshow1" data-slide-to="0" | ||
| style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"> | ||
| </li> | ||
| <li class="active" data-target="#myslideshow1" data-slide-to="1" | ||
| style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"> | ||
| </li> | ||
| <li class="active" data-target="#myslideshow1" data-slide-to="2" | ||
| style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"> | ||
| </li> | ||
| <li class="active" data-target="#myslideshow1" data-slide-to="3" | ||
| style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"> | ||
| </li> | ||
| <li class="active" data-target="#myslideshow1" data-slide-to="4" | ||
| style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"> | ||
| </li> | ||
| <li class="active" data-target="#myslideshow1" data-slide-to="5" | ||
| style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"> | ||
| </li> | ||
| <li class="active" data-target="#myslideshow1" data-slide-to="6" | ||
| style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"> | ||
| </li> | ||
| <li class="active" data-target="#myslideshow1" data-slide-to="7" | ||
| style="height:10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block;"> | ||
| </li> | ||
| </ol> | ||
| </indicators> | ||
| <!--2023--> | ||
| <div class="carousel-inner"> | ||
| <div class="carousel-item active text-center"> | ||
| <img class="img-fluid hello1" src="images/2023/2023_1.png"> | ||
|
|
||
| </div> | ||
| <div class="carousel-item text-center"> | ||
| <img class="img-fluid hello1" src="images/2023/2023_2.png"> | ||
| </div> | ||
| <div class="carousel-item text-center"> | ||
| <img class="img-fluid hello1" src="images/2023/2023_3.png"> | ||
|
|
||
| </div> | ||
| <div class="carousel-item text-center"> | ||
| <img class="img-fluid hello1" src="images/2023/2023_4.png"> | ||
|
|
||
| </div> | ||
| <div class="carousel-item text-center"> | ||
| <img class="img-fluid hello5" src="images/2023/2023_5.png"> | ||
|
|
||
| </div> | ||
| <div class="carousel-item text-center"> | ||
| <img class="img-fluid hello5" src="images/2023/2023_6.png"> | ||
| </div> | ||
| <div class="carousel-item text-center"> | ||
| <img class="img-fluid hello5" src="images/2023/2023_7.png"> | ||
|
|
||
| </div> | ||
| <div class="carousel-item text-center"> | ||
| <img class="img-fluid hello5" src="images/2023/2023_8.png"> | ||
| </div> | ||
|
|
||
| </div> | ||
| <!--controls--> | ||
| <a href="#myslideshow1" class="carousel-control-prev" role="button" data-slide="prev"> | ||
| <span class="carousel-control-prev-icon" | ||
| style="height:40px; width: 30px; background-color: black; display: inline-block;"></span> | ||
| <span class="sr-only">Previous</span> | ||
| </a> | ||
| <a href="#myslideshow1" class="carousel-control-next" role="button" data-slide="next"> | ||
| <span class="carousel-control-next-icon" | ||
| style="height:40px; width: 30px; background-color: black; display: inline-block;"></span> | ||
| <span class="sr-only">Next</span> | ||
| </a> | ||
|
|
||
| </div> | ||
|
|
||
| <br> | ||
| </div> | ||
| <script src="js/jquery.min.js"></script> | ||
| <script src="js/bootstrap.min.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.