403WebShell

403Webshell
Server IP : 185.232.14.244 / Your IP : 216.73.216.56
Web Server : LiteSpeed
System : Linux sg-nme-web1278.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64
User : u166342113 ( 166342113)
PHP Version : 8.1.33
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : ON | Sudo : OFF | Pkexec : OFF
Directory : /home/u166342113/domains/designofiy.com.BACKUP/public_html/BK_HTML/
Upload File :
[ Back ]
Current File : /home/u166342113/domains/designofiy.com.BACKUP/public_html/BK_HTML/Portfolio.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
  <meta name="description" content="Harsh Physiotherapy is at a high level of care by a professional team to look after their individual needs. We provide all the facilities for the patients. You can also take advantage of our home physiotherapy service for your conventional treatment."/>

  <meta name="keywords" content="Interior designing,design, Best Interior Design in lucknow, Bedroom Designing,Kitchen designing , Conceptual Design, Site Analysis"/>
  <meta name="document-distribution" content="Global"/>
  <meta name="language" content="EN"/>
  <meta name="copyright" content="www.krphysiotherapy.com/"/>
  <meta name="copyright" content="Designofiy (Interior designing,design, Best Interior Design in lucknow, Bedroom Designing,Kitchen designing , Conceptual Design, Site Analysis)"/> 
  <meta name="Distribution" content="Global"/>
  <meta name="Robots" content="INDEX,FOLLOW"/>
  <meta name="distribution" content="global"/>
  <meta name="object" content="document"/>
  <meta name="audience" content="All"/>
  <meta name="language" content="english"/>
  <meta name="rating" content="general"/>
  <meta property="og:title" content="Best Interior Design in lucknow"/>
  <meta property="og:site_name" content="Harsh Physiotherapy Center (Physiotherapist, Physiotherapy at Home, Physiotherapy Clinic in Lucknow)"/>
  <meta property="og:url" content="about.html">
  <meta property="og:description" content="We works on interior designing  as well so that a plugins comes with proper stucture & stunning looks which suits to your Home.    ">
  <meta property="og:type" content="website">
  <meta property="og:image" content="images/favicon.png">
  <link rel="canonical" href="about.html"/>
  <title>Designofiy | Architecture & Interior Design</title>

  <!--Favicon-->
  <link rel="icon" href="assets/img/favicon.png" type="image/png">
  <!-- Bootstrap CSS -->
  <link href="assets/css/bootstrap.min.css" rel="stylesheet">
  <!-- Line Awesome CSS -->
  <link href="assets/css/line-awesome.min.css" rel="stylesheet">
  <!-- Font Awesome CSS -->
  <link href="assets/css/fontAwesomePro.css" rel="stylesheet">
  <!-- Animate CSS-->
  <link href="assets/css/animate.css" rel="stylesheet">
  <!-- Bar Filler CSS -->
  <link href="assets/css/barfiller.css" rel="stylesheet">
  <!-- Magnific Popup Video -->
  <link href="assets/css/magnific-popup.css" rel="stylesheet">
  <!-- Flaticon CSS -->
  <link href="assets/css/flaticon.css" rel="stylesheet">
  <!-- Owl Carousel CSS -->
  <link href="assets/css/owl.carousel.css" rel="stylesheet">
  <!-- Slick Slider CSS -->
  <link href="assets/css/slick.css" rel="stylesheet">
  <!-- Nice Select  -->
  <link href="assets/css/nice-select.css" rel="stylesheet">
  <!-- Back to Top -->
  <link href="assets/css/backToTop.css" rel="stylesheet">
  <!-- Metis Menu -->
  <link href="assets/css/metismenu.css" rel="stylesheet">
  <!-- Style CSS -->
  <link href="assets/css/style.css" rel="stylesheet">
  <!-- Responsive CSS -->
  <link href="assets/css/responsive.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
  <!-- jquery -->
  <script src="assets/js/jquery-1.12.4.min.js"></script>

    <!-- jquery -->
    <script src="assets/js/jquery-1.12.4.min.js"></script>
</head>
<style>
    .port{
        transition: all 0.5s ;
    }
    .port:hover{
        background-color: black;
        color: aliceblue;
    }
    * {
  box-sizing: border-box;
}

img {
  height: 100%;
  width: 100%;
  min-height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery {
  display: grid;
  justify-content: center;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 100px) minmax(200px, 800px) repeat(2, 100px);
  grid-template-rows: repeat(5, 100px);
}
@media (max-width: 768px) {
  .gallery {
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, 50px);
    grid-template-rows: 300px repeat(auto-fit, 50px);
  }
}
.gallery__filler {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .gallery__filler {
    display: none;
  }
}
.gallery__item {
  cursor: pointer;
  border-radius: 5px;
  grid-row: span 1;
  grid-column: span 1;
  transition: transform 0.1s ease-in-out;
}
.gallery__item:hover {
  transform: scale(1.1) rotate(5deg);
}
.gallery__select {
  display: none;
}
.gallery__select:nth-of-type(1):checked ~ .gallery .gallery__item:nth-of-type(1) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(1):checked ~ .gallery .gallery__item:nth-of-type(1):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(1):checked ~ .gallery .gallery__item:nth-of-type(1) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(2):checked ~ .gallery .gallery__item:nth-of-type(2) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(2):checked ~ .gallery .gallery__item:nth-of-type(2):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(2):checked ~ .gallery .gallery__item:nth-of-type(2) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(3):checked ~ .gallery .gallery__item:nth-of-type(3) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(3):checked ~ .gallery .gallery__item:nth-of-type(3):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(3):checked ~ .gallery .gallery__item:nth-of-type(3) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(4):checked ~ .gallery .gallery__item:nth-of-type(4) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(4):checked ~ .gallery .gallery__item:nth-of-type(4):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(4):checked ~ .gallery .gallery__item:nth-of-type(4) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(5):checked ~ .gallery .gallery__item:nth-of-type(5) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(5):checked ~ .gallery .gallery__item:nth-of-type(5):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(5):checked ~ .gallery .gallery__item:nth-of-type(5) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(6):checked ~ .gallery .gallery__item:nth-of-type(6) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(6):checked ~ .gallery .gallery__item:nth-of-type(6):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(6):checked ~ .gallery .gallery__item:nth-of-type(6) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(7):checked ~ .gallery .gallery__item:nth-of-type(7) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(7):checked ~ .gallery .gallery__item:nth-of-type(7):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(7):checked ~ .gallery .gallery__item:nth-of-type(7) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(8):checked ~ .gallery .gallery__item:nth-of-type(8) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(8):checked ~ .gallery .gallery__item:nth-of-type(8):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(8):checked ~ .gallery .gallery__item:nth-of-type(8) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(9):checked ~ .gallery .gallery__item:nth-of-type(9) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(9):checked ~ .gallery .gallery__item:nth-of-type(9):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(9):checked ~ .gallery .gallery__item:nth-of-type(9) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(10):checked ~ .gallery .gallery__item:nth-of-type(10) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(10):checked ~ .gallery .gallery__item:nth-of-type(10):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(10):checked ~ .gallery .gallery__item:nth-of-type(10) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(11):checked ~ .gallery .gallery__item:nth-of-type(11) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(11):checked ~ .gallery .gallery__item:nth-of-type(11):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(11):checked ~ .gallery .gallery__item:nth-of-type(11) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(12):checked ~ .gallery .gallery__item:nth-of-type(12) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(12):checked ~ .gallery .gallery__item:nth-of-type(12):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(12):checked ~ .gallery .gallery__item:nth-of-type(12) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
.gallery__select:nth-of-type(13):checked ~ .gallery .gallery__item:nth-of-type(13) {
  cursor: default;
  display: grid;
  align-items: center;
  grid-row: 1/-1;
  grid-column: 3;
}
.gallery__select:nth-of-type(13):checked ~ .gallery .gallery__item:nth-of-type(13):hover {
  transform: none;
}
@media (max-width: 768px) {
  .gallery__select:nth-of-type(13):checked ~ .gallery .gallery__item:nth-of-type(13) {
    grid-row: 1/-3;
    grid-column: 1/-1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

</style>
<body>

    <!-- preloader -->
    <div class="preloader">
        <div class="spinner">
            <div class="double-bounce1"></div>
            <div class="double-bounce2"></div>
        </div>
    </div>

    <!-- Mouse Cursor  -->
    <div class="mouseCursor cursor-outer"></div>
    <div class="mouseCursor cursor-inner"><span>Drag</span></div>

    <!-- Header Area  -->

    <div id="header-sticky" class="header-area">
        <div class="navigation">
            <div class="container">
                <div class="header-inner-box">
                    <a href="index.html" class="logo"><img src="assets/img/designofly logo.png" alt="" width="200"></a>
  
                    <div class="main-menu d-none d-lg-block">
                        <ul>
                            <li><a href="index.html">Home <i class="bi bi-house"></i></a>
                            </li>
                            <li><a href="#">Pages <i class="bi bi-card-list"></i></a>
                                <ul class="sub-menu">
                                    <li><a href="about.html">About</a></li>                                   
                                    <li><a href="team.html">Our Team</a></li>
                                 
                                   
  
                                </ul>
                            </li>
                            <li><a href="Portfolio.html">Portfolio <i class="bi bi-layers"></i></a>
                                
                            </li>
                           
  
                            <li><a href="contact.html">Contact <i class="bi bi-telephone"></i></a></li>
                        </ul>
                    </div>
  
                    <div class="header-btn">
                        <div class="menu-trigger">
                            <span class="lines"></span>
                            <span class="lines"></span>
                            <span class="lines"></span>
                        </div>
                    </div>
  
                    <div class="mobile-nav-bar d-block col-sm-1 col-6 d-lg-none">
                        <div class="mobile-nav-wrap">
                            <div id="hamburger">
                                <i class="las la-bars"></i>
                            </div>
                            <!-- mobile menu - responsive menu  -->
                            <div class="mobile-nav">
                                <button type="button" class="close-nav">
                                    <i class="las la-times-circle"></i>
                                </button>
                                <nav class="sidebar-nav">
                                    <ul class="metismenu" id="mobile-menu">
                                        <li><a class="has-arrow" href="index.html">Homes</a>
                                            
                                        </li>
                                        <li><a class="has-arrow" href="#">Pages</a>
                                            <ul class="sub-menu">
                                                <li><a href="about.html">About</a></li>
                                             
                                                <li><a href="team.html">Our Team</a></li>
                                               
                                              
                                            </ul>
                                        </li>
                                        <li><a class="has-arrow" href="Portfolio.html">Portfolio</a>
                                         
  
                                                
                                            </ul>
                                        </li>
                                       
                                        </li>
                                        <li><a href="contact.html">Contact</a></li>
  
                                    </ul>
                                </nav>
                                <div class="action-bar">
                                    <a href="mailto:info@architex.com"><i class="las la-envelope"></i>info@architex.com</a>
                                    <a href="tel:123-456-7890"><i class="fal fa-phone"></i>123-456-7890</a>
                                    <a href="contact.html" class="theme-btn bordered-btn">Contact Us</a>
                                </div>
                            </div>
                        </div>
                        <div class="overlay"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>  


    <!-- Hero Area  -->
    <div class="container">
        <div class="row container">
            <div class="port col-md-6 p-2 d-flex justify-content-center col-6" id="abtdiv" style="border:2px solid black;">
               About
            </div>
            <div class=" port col-md-6 p-2 d-flex justify-content-center col-6" id="galdiv" style="border:2px solid black;">
                Gallery
            </div>
          
        </div>
    </div>
   

<div class="mt-5" id="gallery" style="display: none;">   
<input class="gallery__select" type="radio" name="gallery-select" id="0" checked="checked"/>
<input class="gallery__select" type="radio" name="gallery-select" id="1"/>
<input class="gallery__select" type="radio" name="gallery-select" id="2"/>
<input class="gallery__select" type="radio" name="gallery-select" id="3"/>
<input class="gallery__select" type="radio" name="gallery-select" id="4"/>
<input class="gallery__select" type="radio" name="gallery-select" id="5"/>
<input class="gallery__select" type="radio" name="gallery-select" id="6"/>
<input class="gallery__select" type="radio" name="gallery-select" id="7"/>
<input class="gallery__select" type="radio" name="gallery-select" id="8"/>
<input class="gallery__select" type="radio" name="gallery-select" id="9"/>
<input class="gallery__select" type="radio" name="gallery-select" id="10"/>
<input class="gallery__select" type="radio" name="gallery-select" id="11"/>
<input class="gallery__select" type="radio" name="gallery-select" id="12"/>
<div class="gallery">
  <div class="gallery__filler"></div>
  <div class="gallery__filler"></div>
  <label class="gallery__item" for="0"><img src="assets/img/kit1.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="1"><img src="assets/img/kit2.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="2"><img src="assets/img/kit3.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="3"><img src="assets/img/kit4.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="4"><img src="assets/img/bed1.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="5"><img src="assets/img/bed2.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="6"><img src="assets/img/bed3.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="7"><img src="assets/img/bed4.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="8"><img src="assets/img/dr2.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="9"><img src="assets/img/dr3.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="10"><img src="assets/img/dr4.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="11"><img src="assets/img/dr5.jpg" alt="Something random"/></label>
  <label class="gallery__item" for="12"><img src="assets/img/dr6.jpg" alt="Something random"/></label>
  
  
</div>
</div>

<div class="d-flex justify-content-center align-items-center p-5" id="about">
    <section class="about-section" style="margin-top: 50px;">
        <div class="container">
            <div class="row">                
                <div class="content-column col-lg-6 col-md-12 col-sm-12 order-2">
                    <div class="inner-column">
                        <div class="sec-title">
                            <h2>We are Creative Tech Enthusiast working since 2011</h2>
                        </div>
                        <div class="text">Interior design is the art and science of enhancing the
                           interiors of a space to create a more aesthetically pleasing and functional environment. </div>
                      <div class="text">
                        It involves a combination of creativity, technical knowledge, 
                        and problem-solving skills to transform an empty area into a 
                        well-designed and purposeful space. Here are some aspects and 
                        elements commonly considered in interior designing.
                      </div>
                       
                    </div>
                </div>

                <!-- Image Column -->
                <div class="image-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column ">
                      <div class="author-desc">
                      
                      </div>
                        <figure class="image-1"><a href="#" class="lightbox-image" data-fancybox="images"><img title="Rahul Kumar Yadav" src="assets/img/cafe3.jpg" alt=""></a></figure>
                     
                    </div>
                </div>
              
            </div>
           <div class="sec-title">
                            <span class="title">Our Future Goal</span>
                            <h2>We want to lead in innovation & Technology</h2>
                        </div>
          <div class="text">
                We works on interior designing  as well so that a plugins comes with proper stucture & stunning looks which suits to your Home.
              </div>
               <div class="text">
                We take a small toolkit here and ride it well so that it is fit for your use. One who performs well and looks even better.
              </div>
               <div class="text">                
Here we are trying to give you all kinds of technical content, whether it is related to designing or functionality. We are creating content on a lot of languages and will continue to make it free of cost even if you use it without any problem. Which is a very important thing.
              </div>
               <div class="text">
                Here you can also share the content you create, if our technical team likes it, then we will also share it on our blog.
              </div>
               <div class="text">
                
In the end, I would say keep visiting our website and enjoy the quality content.
              </div>
        </div>
    </section>
</div>

    <!-- Off-canvas Area-->

    <div class="extra-info">
        <div class="close-icon menu-close">
            <button>
                <i class="las la-times"></i>
            </button>
        </div>
        <div class="logo-side mb-30">
            <div class="logo">
                <a href="index.html" class="logo">Architex</a>
            </div>
        </div>
        <div class="side-info">
            <div class="contact-list mb-40">
                <!-- <h4>About</h4> -->
                <p>We must explain to you how all seds this mistakens idea off denouncing</p>
                <img src="assets/img/offcanvas-img.jpg" alt="">

                <div class="mt-30 mb-30">
                    <a href="contact.html" class="bordered-btn">Get In Touch</a>
                </div>
            </div>
            <div class="social-area-wrap">
                <a href="#"><i class="lab la-twitter"></i></a>
                <a href="#"><i class="lab la-facebook"></i></a>
                <a href="#"><i class="lab la-linkedin"></i></a>
                <a href="#"><i class="lab la-instagram"></i></a>
            </div>
        </div>
    </div>
<footer class="footer-area">
        <div class="container">
            <div class="footer-up">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <a href="index.html" class="logo">DESIGNOFIY</a>
                        <p>Consectetur adipisicing elit. <br> maxime dolor voluptatibus natus
                        </p>
                    </div>
                    <div class="col-lg-2 col-md-6">
                        <h5>Office</h5>
                        <p>L2/583, Vineet Khand, Gomti Nagar, Lucknow, Uttar Pradesh 226010
                        </p>
                        <div class="company-email">
                            <a href="#">projects@designofiy.com</a>
                        </div>
                        <div class="phone-number">
                            <p>+916388654272</p>
                        </div>

                    </div>
                    <div class="col-lg-2 offset-lg-1 col-md-6 com-sm-12">
                        <h5>Links</h5>
                        <ul>
                            <li>
                                <a href="about.html">About</a>
                                <a href="Portfolio.html">Portfolio</a>
                                <a href="about.html">About</a>
                                <a href="Team.html"> Team</a>
                                <a href="contact.html">Contact</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <h5>Get in Touch</h5>
                        <ul>
                            <li>
                                <div class="social-area">
                                    <a href="https://www.facebook.com/designofiy"><i class="bi bi-facebook"></i>Facebook</a>
                                    <a href="https://www.instagram.com/designofiy/"><i class="bi bi-instagram"></i>Instagram</a>
                                 
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </footer>
    <div class="offcanvas-overly"></div>


    <!-- back to top start -->
    <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>


    <!-- Popper JS -->
    <script src="assets/js/popper.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Wow JS -->
    <script src="assets/js/wow.min.js"></script>
    <!-- Way Points JS -->
    <script src="assets/js/jquery.waypoints.min.js"></script>
    <!-- Counter Up JS -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Owl Carousel JS -->
    <script src="assets/js/owl.carousel.min.js"></script>
    <!-- Slick Slider JS -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Magnific Popup JS -->
    <script src="assets/js/magnific-popup.min.js"></script>
    <!-- Isotope JS -->
    <script src="assets/js/isotope-3.0.6-min.js"></script>
    <!-- Sticky JS -->
    <script src="assets/js/jquery.sticky.js"></script>
    <!-- Nice Select JS -->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!-- Back To Top JS -->
    <script src="assets/js/backToTop.js"></script>
    <!-- Metis Menu JS -->
    <script src="assets/js/metismenu.js"></script>
    <!-- Progress Bar JS -->
    <script src="assets/js/jquery.barfiller.js"></script>
    <!-- Circle Progress Bar JS -->
    <script src="assets/js/circle-progress.min.js"></script>
    <!-- Main JS -->
    <script src="assets/js/main.js"></script>
    <script>
      var abtdev = document.getElementById('abtdiv')
      var galdiv = document.getElementById('galdiv')
      var gallery = document.getElementById('gallery')
      var about = document.getElementById('about')
    

      abtdev.addEventListener("click", function(){
        gallery.style.display = "none"
        about.style.display = "block"
      })
      galdiv.addEventListener("click", function(){
          about.style.display = "none"
        gallery.style.display = "block"
      })
    </script>
</body>

</html>
Youez - 2016 - github.com/yon3zu
LinuXploit