Uname: Linux business55.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64
Software: LiteSpeed
PHP version: 8.1.32 [ PHP INFO ] PHP os: Linux
Server Ip: 162.213.251.212
Your Ip: 3.14.251.87
User: allssztx (535) | Group: allssztx (533)
Safe Mode: OFF
Disable Function:
NONE

name : time-table.ejs
<!DOCTYPE html>
<html>

<head>
  <title> Dashboard </title>
  <meta charset="UTF-8">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="/sites/little-groovin-guitar/images/favicon.png" type="image/x-icon">
  <%- include('includes/css-links') %>
</head>

<body>
  <style>
    .form-controls {
      display: flex;
      align-items: center;
      max-width: 600px;
      min-height: 100%;
      margin: 0 auto;
      padding: var(--spacing-lg);
    }

    .form-controls form {
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 100%;
      gap: 124px;
    }

    @media screen and (max-width: 600px) {
      .form-controls form {
        flex-direction: column;
      }
    }

    fieldset {
      border: none;
      padding: 0;
      margin: 0;
    }

    fieldset legend {
      padding: 0;
      margin-bottom: var(--spacing-md);
      font-weight: bolder;
      padding-bottom: 12px;
      border-bottom: 1px solid #282828;
    }

    /* Shared Input Styles */
    .radio .radio-input,
    .checkbox .checkbox-input {
      position: absolute;
      opacity: 0;
      width: 0;
      height: 0;
    }

    .radio .radio-control,
    .checkbox .checkbox-control {
      position: relative;
      width: var(--control-size);
      height: var(--control-size);
      min-width: 30px;
      min-height: 30px;
      border: 1px solid #000;
      transition: all var(--transition-duration) var(--transition-timing);
    }

    /* Checkbox Styles */
    .checkbox-group {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-md);
    }

    .checkbox {
      position: relative;
      display: flex;
      align-items: center;
      gap: var(--spacing-sm);
      cursor: pointer;
      display: flex;
      flex-direction: column;
    }

    .checkbox .checkbox-control {
      border-radius: 29px;
      background: #000;
      color: #fff;
    }

    .checkbox .checkbox-control::before,
    .checkbox .checkbox-control::after {
      content: "";
      position: absolute;
      transition: transform var(--transition-duration) var(--transition-timing), opacity var(--transition-duration) var(--transition-timing);
      will-change: transform, opacity;
    }

    .checkbox .checkbox-control::before {
      top: 50%;
      left: 50%;
      width: var(--ripple-size);
      height: var(--ripple-size);
      background-color: var(--ripple-color);
      border-radius: 50%;
      opacity: 0;
      transform: translate(-50%, -50%) scale(0);
    }

    .checkbox .checkbox-control::after {
      left: 50%;
      top: 45%;
      width: var(--checkmark-width);
      height: var(--checkmark-height);
      border: solid white;
      border-width: 0 2px 2px 0;
      transform: translate(-50%, -50%) rotate(45deg) scale(0);
      opacity: 0;
    }

    .checkbox .checkbox-input:checked~.checkbox-control {
      background-color: #6FD943;
      border-color: #fff;
      width: 30px;
      height: 30px;
    }

    .checkbox .checkbox-input:checked~.checkbox-control::before {
      animation: ripple 240ms linear;
    }

    .checkbox .checkbox-input:checked~.checkbox-control::after {
      transform: translate(-50%, -50%) rotate(45deg) scale(1);
      opacity: 1;
    }

    .checkbox .checkbox-input:focus-visible~.checkbox-control {
      box-shadow: 0 0 0 var(--focus-ring-size) rgba(100, 108, 255, 0.3);
    }

    .checkbox .checkbox-label {
      font-size: 1rem;
      user-select: none;
      color: #000;
      transition: color var(--transition-duration) var(--transition-timing);
    }

    .checkbox .checkbox-input:checked~.checkbox-label {
      color: #000;
      animation: label-check 0.3s var(--transition-timing);
    }

    /* Radio Styles */
    .radio-group {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-md);
    }

    .radio {
      position: relative;
      display: flex;
      align-items: center;
      gap: var(--spacing-sm);
      cursor: pointer;
    }

    .radio .radio-control {
      border-radius: 50%;
    }

    .radio .radio-control::before,
    .radio .radio-control::after {
      content: "";
      position: absolute;
      transition: transform var(--transition-duration) var(--transition-timing), opacity var(--transition-duration) var(--transition-timing);
      will-change: transform, opacity;
    }

    .radio .radio-control::before {
      top: 50%;
      left: 50%;
      width: var(--ripple-size);
      height: var(--ripple-size);
      background-color: var(--ripple-color);
      border-radius: 50%;
      opacity: 0;
      transform: translate(-50%, -50%) scale(0);
    }

    .radio .radio-control::after {
      top: 50%;
      left: 50%;
      width: var(--radio-dot-size);
      height: var(--radio-dot-size);
      border-radius: 50%;
      background-color: white;
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
    }

    .radio .radio-input:checked~.radio-control {
      background-color: var(--primary-color);
      border-color: var(--primary-color);
    }

    .radio .radio-input:checked~.radio-control::before {
      animation: ripple 240ms linear;
    }

    .radio .radio-input:checked~.radio-control::after {
      transform: translate(-50%, -50%) scale(1);
      opacity: 1;
    }

    .radio .radio-input:focus-visible~.radio-control {
      box-shadow: 0 0 0 var(--focus-ring-size) rgba(100, 108, 255, 0.3);
    }

    .radio .radio-label {
      font-size: 1rem;
      user-select: none;
      color: var(--text-color-rest);
      transition: color var(--transition-duration) var(--transition-timing);
    }

    .radio .radio-input:checked~.radio-label {
      color: var(--text-color-active);
      animation: label-check 0.3s var(--transition-timing);
    }

    /* Animations */
    @keyframes ripple {
      0% {
        transform: translate(-50%, -50%) scale(0.35);
        opacity: 0.8;
      }

      100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
      }
    }

    @keyframes label-check {
      0% {
        transform: translateX(0);
        opacity: 0.7;
      }

      40% {
        transform: translateX(2px);
        opacity: 1;
      }

      100% {
        transform: translateX(0);
        opacity: 1;
      }
    }
  </style>
  <main>
    <div class="dashboard-wrapper">
      <%- include('includes/sidebar') %>
        <div class="dashboard-content">

          <div class="dashboard-card">
            <ul>
              <li>
                <h5 class="theme-h5">student profile</h5>
              </li>
              <li>
                <div class="main-profile-card">
                  <ul>
                    <li>
                      <img src="images/profile-3.png" class="img-fluid" alt="img">
                    </li>
                    <li>
                      <h2>John Edward</h2>
                      <p>student</p>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
          <div class="row mt-5 justify-content-center">
          <div class="col-12 col-md-8">
            <div class="search-input-felid">
                <input type="text" placeholder="Upcoming Classes dates">
            </div>
          </div>
            <div class="col-12 col-md-5">
              <div class="mian-practice-0">
                <div class="partice-1">
                  <div class="main-looper">
                    <img src="images/icon-78.png" class="img-fluid" alt="img">
                  </div>
                  <div class="main-host">
                    <ul>
                      <li>01 dec 2024</li>
                      <li>8:00 AM - 10:00AM</li>
                    </ul>
                    <h2>practice log c cord</h2>
                  </div>

                </div>
                <div class="rooper-main">
                  <ul>
                    <li>
                      <h4>Assignment</h4>
                      <ul class="mention-7878">
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-1.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-2.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-3.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                      </ul>
                    </li>
                    <li>

                      <form>
                        <!-- Checkboxes -->
                        <div class="form-group">
                          <fieldset>
                            <div class="checkbox-group">
                              <label class="checkbox">
                                <input class="checkbox-input" type="checkbox" name="notifications">
                                <span class="checkbox-control"></span>
                                <span class="checkbox-label" style="display: block;">incomplete</span>
                              </label>

                            </div>
                          </fieldset>
                        </div>

                        <!-- Radio buttons -->

                      </form>


                    </li>
                  </ul>
                </div>
              </div>

            </div>
            <div class="col-12 col-md-5">
              <div class="mian-practice-0">
                <div class="partice-1">
                  <div class="main-looper">
                    <img src="images/icon-78.png" class="img-fluid" alt="img">
                  </div>
                  <div class="main-host">
                    <ul>
                      <li>01 dec 2024</li>
                      <li>8:00 AM - 10:00AM</li>
                    </ul>
                    <h2>practice log c cord</h2>
                  </div>

                </div>
                <div class="rooper-main">
                  <ul>
                    <li>
                      <h4>Assignment</h4>
                      <ul class="mention-7878">
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-1.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-2.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-3.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                      </ul>
                    </li>
                    <li>

                      <form>
                        <!-- Checkboxes -->
                        <div class="form-group">
                          <fieldset>
                            <div class="checkbox-group">
                              <label class="checkbox">
                                <input class="checkbox-input" type="checkbox" name="notifications">
                                <span class="checkbox-control"></span>
                                <span class="checkbox-label" style="display: block;">incomplete</span>
                              </label>

                            </div>
                          </fieldset>
                        </div>

                        <!-- Radio buttons -->

                      </form>


                    </li>
                  </ul>
                </div>
              </div>

            </div>
            <div class="col-12 col-md-5">
              <div class="mian-practice-0">
                <div class="partice-1">
                  <div class="main-looper">
                    <img src="images/icon-78.png" class="img-fluid" alt="img">
                  </div>
                  <div class="main-host">
                    <ul>
                      <li>01 dec 2024</li>
                      <li>8:00 AM - 10:00AM</li>
                    </ul>
                    <h2>practice log c cord</h2>
                  </div>

                </div>
                <div class="rooper-main">
                  <ul>
                    <li>
                      <h4>Assignment</h4>
                      <ul class="mention-7878">
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-1.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-2.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-3.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                      </ul>
                    </li>
                    <li>

                      <form>
                        <!-- Checkboxes -->
                        <div class="form-group">
                          <fieldset>
                            <div class="checkbox-group">
                              <label class="checkbox">
                                <input class="checkbox-input" type="checkbox" name="notifications">
                                <span class="checkbox-control"></span>
                                <span class="checkbox-label" style="display: block;">incomplete</span>
                              </label>

                            </div>
                          </fieldset>
                        </div>

                        <!-- Radio buttons -->

                      </form>


                    </li>
                  </ul>
                </div>
              </div>

            </div>
            <div class="col-12 col-md-5">
              <div class="mian-practice-0">
                <div class="partice-1">
                  <div class="main-looper">
                    <img src="images/icon-78.png" class="img-fluid" alt="img">
                  </div>
                  <div class="main-host">
                    <ul>
                      <li>01 dec 2024</li>
                      <li>8:00 AM - 10:00AM</li>
                    </ul>
                    <h2>practice log c cord</h2>
                  </div>

                </div>
                <div class="rooper-main">
                  <ul>
                    <li>
                      <h4>Assignment</h4>
                      <ul class="mention-7878">
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-1.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-2.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                        <li>
                          <button type="button" class="" data-bs-toggle="modal"
                            data-bs-target="#staticBackdrop">
                            <img src="images/icon-3.png" class="img-fluid" alt="img">
                          </button>
                        </li>
                      </ul>
                    </li>
                    <li>

                      <form>
                        <!-- Checkboxes -->
                        <div class="form-group">
                          <fieldset>
                            <div class="checkbox-group">
                              <label class="checkbox">
                                <input class="checkbox-input" type="checkbox" name="notifications">
                                <span class="checkbox-control"></span>
                                <span class="checkbox-label" style="display: block;">incomplete</span>
                              </label>

                            </div>
                          </fieldset>
                        </div>

                        <!-- Radio buttons -->

                      </form>


                    </li>
                  </ul>
                </div>
              </div>

            </div>
         <div class="col-12 col-md-12">
          <div class="introduce">
            <button class="submited-btn loper">view more</button>
          </div>
         </div>
            </div>
          </div>



        </div>
    </div>

  </main>
  <%- include('includes/footer')%>
    <%- include('includes/script-links')%>
</body>

</html>
© 2025 GrazzMean-Shell