Skip to content

Commit

Permalink
�[1;36m==> modified : Gallery.html �[0m
Browse files Browse the repository at this point in the history 
    �[1;36m==> modified : Style/Download.css �[0m
    �[1;36m==> modified : Style/Gallery.css �[0m
  • Loading branch information
@mmsaeed509
mmsaeed509 committed Apr 10, 2024
1 parent 8af212b commit f6c83c6
Show file tree
Hide file tree
Showing 3 changed files with 109 additions and 60 deletions.
106 changes: 80 additions & 26 deletions Gallery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,68 +43,122 @@ <h1 class="my-3 h-grad ">Gallery Exodia OS</h1>
</div>
</section>


<div class="spacer"></div>






<div class="Gallery-slider ">

<div class="container Gallary-box p-4 ">

<div class="slider-container">

<div class="slider">

<div class="slide">
<h1 class="h-grad my-5">BSPWM</h1>
<div class="custom-slider">
<img class="custom-prev" src="./Images/Logos/previous.png" alt="">
<div class="custom-slides">
<img src="./Images/bspwm/13.png" alt="Slide 1">
<img src="./Images/bspwm/6.png" alt="Slide 2">
<img src="./Images/bspwm/7.png" alt="Slide 3">
<img src="./Images/bspwm/8.png" alt="Slide 1">
<img src="./Images/bspwm/10.png" alt="Slide 2">
<img src="./Images/bspwm/12.png" alt="Slide 3">
<img src="./Images/bspwm/3.png" alt="Slide 1">
<img src="./Images/bspwm/14.png" alt="Slide 2">
<img src="./Images/bspwm/17.png" alt="Slide 3">
<img src="./Images/bspwm/18.png" alt="Slide 1">
<img src="./Images/bspwm/29.png" alt="Slide 2">
<img src="./Images/bspwm/30.png" alt="Slide 3">

<img src="./Images/bspwm/13.png" alt="Slide 1">

<img src="./Images/bspwm/1.png" alt="Slide 2">
<img src="./Images/bspwm/2.png" alt="Slide 2">
<img src="./Images/bspwm/3.png" alt="Slide 2">
<img src="./Images/bspwm/4.png" alt="Slide 2">
<img src="./Images/bspwm/5.png" alt="Slide 2">
<img src="./Images/bspwm/6.png" alt="Slide 2">
<img src="./Images/bspwm/7.png" alt="Slide 2">
<img src="./Images/bspwm/8.png" alt="Slide 2">
<img src="./Images/bspwm/9.png" alt="Slide 2">
<img src="./Images/bspwm/10.png" alt="Slide 2">
<img src="./Images/bspwm/11.png" alt="Slide 2">
<img src="./Images/bspwm/12.png" alt="Slide 3">
<img src="./Images/bspwm/14.png" alt="Slide 1">
<img src="./Images/bspwm/15.png" alt="Slide 2">
<img src="./Images/bspwm/16.png" alt="Slide 3">
<img src="./Images/bspwm/17.png" alt="Slide 1">
<img src="./Images/bspwm/18.png" alt="Slide 2">
<img src="./Images/bspwm/19.png" alt="Slide 3">
<img src="./Images/bspwm/20.png" alt="Slide 1">
<img src="./Images/bspwm/21.png" alt="Slide 2">
<img src="./Images/bspwm/22.png" alt="Slide 3">
<img src="./Images/bspwm/23.png" alt="Slide 2">
<img src="./Images/bspwm/24.png" alt="Slide 2">
<img src="./Images/bspwm/25.png" alt="Slide 2">
<img src="./Images/bspwm/26.png" alt="Slide 2">
<img src="./Images/bspwm/27.png" alt="Slide 2">
<img src="./Images/bspwm/28.png" alt="Slide 2">
<img src="./Images/bspwm/29.png" alt="Slide 2">
<img src="./Images/bspwm/30.png" alt="Slide 2">
<img src="./Images/bspwm/31.png" alt="Slide 2">
<img src="./Images/bspwm/32.png" alt="Slide 2">
<img src="./Images/bspwm/33.png" alt="Slide 2">
<img src="./Images/bspwm/34.png" alt="Slide 2">
<img src="./Images/bspwm/35.png" alt="Slide 2">
<img src="./Images/bspwm/36.png" alt="Slide 2">


</div>
<img class="custom-next" src="./Images/Logos/next.png" alt="">

</div>
</div>

<div class="slide">

<h1 class="h-grad my-5">I3WM</h1>

<div class="custom-slider">
<img class="custom-prev-2" src="./Images/Logos/previous.png" alt="">
<div class="custom-slides-2">
<img src="./Images/i3wm/4.png" alt="Slide 1">
<img src="./Images/i3wm/2.png" alt="Slide 1">
<img src="./Images/i3wm/3.png" alt="Slide 1">
<img src="./Images/i3wm/1.png" alt="Slide 1">
<img src="./Images/i3wm/4.png" alt="Slides">
<img src="./Images/i3wm/2.png" alt="Slides">
<img src="./Images/i3wm/3.png" alt="Slides">
<img src="./Images/i3wm/1.png" alt="Slides">


</div>
<img class="custom-next-2" src="./Images/Logos/next.png" alt="">

</div>
</div>

</div>

<div class="slide">

<h1 class="h-grad my-5">DWM</h1>

<div class="custom-slider">

<img class="custom-prev-3" src="./Images/Logos/previous.png" alt="">

<div class="custom-slides-3">

<img src="./Images/dwm/1.png" alt="Slide 1">
<img src="./Images/dwm/2.png" alt="Slide 1">
<img src="./Images/dwm/3.png" alt="Slide 1">

</div>

<img class="custom-next-3" src="./Images/Logos/next.png" alt="">

</div>

</div>

</div>
<div class="slide">Slide 3</div>
<!-- Add more slides as needed -->
</div>

<div class="slider-controls">
<div class="prev-arrow">&lt;</div>
<div class="slider-bullets"></div>
<div class="next-arrow">&gt;</div>

</div>

</div>

</div>

</div>


Expand Down
28 changes: 22 additions & 6 deletions Style/Download.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ body{
color: #010D16;
height: 65px;
border-radius: 10px;
width: 250px;
width: 280px;
cursor: pointer;
}

Expand Down Expand Up @@ -101,11 +101,27 @@ body{
.Credentials-box
{

background-color: #010D16;
border: 2px #05EEFF solid;
border-radius:15px;
padding: 15px;
height: 160px;
background-color: #010D16;
border: 2px #05EEFF solid;
border-radius:15px;
padding: 15px;
height: 160px;
position: relative;
bottom: -75px;

}

.Credentials-box-arm
{

background-color: #010D16;
border: 2px #05EEFF solid;
border-radius:15px;
padding: 15px;
height: 160px;
position: relative;
bottom: -150px;

}

.nav-btn img
Expand Down
35 changes: 7 additions & 28 deletions Style/Gallery.css
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,17 @@



/* Gallery Header */
.header-Gallery h1 , .Gallary-box h1{

font-size: 75px;
font-weight: bolder;
}


/* Gallery Silder */
/* Gallery Slider */

.Gallery-slider
{
height: 900px;
width: 100%;


}
.Gallary-box
Expand All @@ -42,13 +38,6 @@
border-radius: 5px;
}








.slider-container {
position: relative;
width: 100%;
Expand Down Expand Up @@ -102,37 +91,27 @@
color: #01a8b4;
}











.custom-slider {
width: 80%;
margin: 0 auto;
position: relative;
}

.custom-slides,.custom-slides-2 {
.custom-slides,.custom-slides-2, .custom-slides-3 {
overflow: hidden;
}

.custom-slides img ,.custom-slides-2 img {
.custom-slides img ,.custom-slides-2 img, .custom-slides-3 img {
width: 100%;
display: none;
border-radius: 15px;
}

.custom-slides img:first-child ,.custom-slides-2 img:first-child{
.custom-slides img:first-child ,.custom-slides-2 img:first-child, .custom-slides-3 img:first-child{
display: block;
}

.custom-prev, .custom-next,.custom-prev-2, .custom-next-2 {
.custom-prev, .custom-next,.custom-prev-2, .custom-prev-3, .custom-next-2, .custom-next-3 {
position: absolute;
top: 50%;
transform: translateY(-50%);
Expand All @@ -142,11 +121,11 @@
padding: 10px;
}

.custom-prev,.custom-prev-2 {
.custom-prev,.custom-prev-2, .custom-prev-3 {
left: 0;
}

.custom-next, .custom-next-2{
.custom-next, .custom-next-2, .custom-next-3{
right: 0;
}

Expand Down

0 comments on commit f6c83c6

Please sign in to comment.