%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/3vfm3/resources/views/
Upload File :
Create Path :
Current File : /home/ugotscom/3vfm3/resources/views/design.php

<!DOCTYPE html>

<html lang="en">



<head>

  <meta charset="utf-8">

  <meta content="width=device-width, initial-scale=1.0" name="viewport">



  <title>VFM</title>

  <meta content="" name="description">

  <meta content="" name="keywords">



  <!-- Favicons --> 

  <link href="assets/img/favicon.png" rel="icon">

  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">



  <!-- Google Fonts -->

  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">



  <!-- Vendor CSS Files -->

  <link href="css/style.css" rel="stylesheet">


  <link href="assets/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/lib/animate/animate.min.css" rel="stylesheet">
<link href="assets/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="assets/owlcarousel/assets/owl.carousel.css" rel="stylesheet">
<link href="assets/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/owlcarousel/assets/owl.carousel.default.css" rel="stylesheet">
<link href="assets/lib/lightbox/css/lightbox.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>



<body>



  <!-- ======= Top Bar ======= -->





  <section id="topbar" class="d-flex align-items-center">
    <div class="container d-flex justify-content-center justify-content-md-between">
      <div class="contact-info d-flex align-items-center">
       <!-- <i class="bi bi-envelope d-flex align-items-center"><a href="mailto:contact@example.com"></a></i>-->
        <i class="bi bi-phone d-flex align-items-center ms-4"><span>+91 9961663000 </span></i>
      </div>
      <div class="social-links d-none d-md-flex align-items-center">
      <!--  <a href="#" class="twitter"><i class="bi bi-twitter"></i></a> -->
        <a href="https://www.facebook.com/vfmassets" class="facebook"><i class="bi bi-facebook"></i></a>
        <a href="https://www.instagram.com/vfmassets/" class="instagram"><i class="bi bi-instagram"></i></a>
        <a href="https://www.linkedin.com/company/vfmassets/" class="linkedin"><i class="bi bi-linkedin"></i></i></a>
      </div>
    </div>
  </section>
  <!-- ======= Header ======= -->
  <header id="header" class="d-flex align-items-center">
    <div class="container d-flex align-items-center justify-content-between">

   <!--   <h1 class="logo"><a href="index.php">Disposeat<span>.</span></a></h1> -->
      <!-- Uncomment below if you prefer to use an image logo -->
       <a href="index.html" class="logo img-fluid"><img src="assets/img/logo.png" alt=""></a>

       <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="index.php">Home</a></li>
          <li><a class="nav-link scrollto" href="aboutus">About Us</a></li>
         
          <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Services</a>
      <ul class="dropdown-menu">
        <li><a class="dropdown-item" href="find-space">Find Space</a></li>
        <li><a class="dropdown-item" href="design">Design & Deliver Projects</a></li>
        <li><a class="dropdown-item" href="property-management">Property Management Portfolio</a></li>
        <li><a class="dropdown-item" href="invest">Invest In Real Estate</a></li>
        <li><a class="dropdown-item" href="our-projects">Recent Projects</a></li>
      </ul>
    </li>
          <li><a class="nav-link scrollto" href="#footer">Downloads</a></li>
          <li><a class="nav-link scrollto" href="contactus">Contact Us</a></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
    
  </header><!-- End Header -->





  <main id="main">

  <section class="main-slider-design">

<div class="container ">

  <div class="row">

    <div class="col">

      <div class="slider-content-design">

      <h1>DESIGN AND DELIVER PROJECTS</h1>

      <p>Extensive consultation, designing, project planning, budgeting, managing, supervising, inspecting and commissioning services for every phase 
      of your construction project</p>

    </div>

    </div>

  </div>

</div>

</section>

<section class="space">
    <div class="container">
 
      <!--<div class="row">
      <div class="col st">
                  <h3>Project Planning and Management</h3>
              <p>Realise your asset's full potential, complete due diligence, conduct feasibility studies, risk assessment, 
                cost estimates and planning cash flow before commencement of work.  </p>
            </div>
            <div class="col sv">
              <h3>Design Management</h3>
              <p>Develop designs for new projects, office outfit, development or asset. Our design team will assist you in achieving design
                 consistency and efficiency across multiple locations and verticals.</p>
            </div>
            <div class="col st">
              <h3>Construction Management</h3>
              <p>Appropriate and adequate planning from the start, mitigating risks 
                and avoiding overruns and setbacks will ensure quality and timeliness. </p>
            </div>
            <!--<div class="col sv">
              <h3>Tenant Buyer Registration</h3>
              <p>Lorem ipsum dolor sit amet, a acusa</p>
            </div> -->

 
      </div>
</div>
  </section>
<section class="design">
  <div class="container">
    <div class="row">
          <div class="col">
          
          <img src="assets/img/design-1.jpg">
          </div>
          <div class="col">
          
          <h2>Project Planning and Management</h2>
          <p>Realise your asset's full potential, complete due diligence, conduct feasibility studies,
             risk assessment, cost estimates and planning cash flow before commencement of work. 
             Transform the spaces where people live, work and play and realise your strategic goals beyond
              completing your project on time and within the planned budget.</p>
          </div>
    </div>
    
  </div>
</section>
<section class="design">
  <div class="container">
    <div class="row">
          
          <div class="col">
          
          <h2>Design Management</h2>
          <p>Develop designs for new projects, office outfit, development or asset. Our design team will assist you in achieving design consistency and efficiency across multiple locations and verticals</p>
          </div>
          <div class="col">
          
          <img src="assets/img/design-3.jpg">
          </div>
    </div>
    
  </div>
</section>
<section class="design">
  <div class="container">
    <div class="row">
       <div class="col">
          
          <img src="assets/img/design-4.jpg">
          </div>
          <div class="col">
          
          <h2>Space Planning</h2>
          <p>Utilizing immersive 3D technologies that bring your design to life, you can explore and evaluate your space design. You can visualise how your new space will look before you start building with 3D space plans and virtual walkthroughs.</p>
           </div>
         
    </div>
    
  </div>
</section>
<section class="design">
  <div class="container">
    <div class="row">
      
          <div class="col">
          
          <h2>Construction Management</h2>
          <p>Appropriate and adequate planning from the start, mitigating risks and avoiding overruns and setbacks will ensure quality and timeliness. </p>
          <p>Keep projects on schedule and within budget with planning, monitoring and coordination. </p>
          <p>Work with a single point of contact for effective coordination and project execution. It is not just constructing a space but creating experience and satisfaction for all stakeholders.</p>

          </div>
          <div class="col">
          
          <img src="assets/img/design-2.jpg">
          </div>
    </div>
    
  </div>
</section>


<img src="assets/img/design.jpg">

  

  </main><!-- End #main -->



  <!-- ======= Footer ======= -->

  <footer id="footer">



<div class="footer-newsletter">

  <div class="container">

    <div class="row">

      <div class="d-flex align-items-center justify-content-center">

        <h4>Talk To Us About Your Project</h4>

                

      </div>
      <div class="contact-center"> 
        <p>We are here to help you with any queries related to your real estate project.</p>
     
        <a href="https://api.whatsapp.com/send?phone=919961663000&amp;text=I%27m%20Interested%20in%20Your%20Services"> <button class="talk-button">Chat</button></a>
            <a href="tel:+919961663000">  <button class="talk-button">Call</button></a>
        </div>
  

    </div>

  </div>

</div>



<div class="footer-top">

  <div class="container">

    <div class="row">



      <div class="col-lg-4 col-md-6 footer-contact">

      <h4>Contact Info</h4>

      <p>Mather Square, Tower B, Second Floor, Xavier Arakkal Rd, Ernakulam, Kerala 682018</p>

      <p>Phone: +91 99616 63000</p>

      </div>



      <div class="col-lg-4 col-md-6 footer-links">

        <h4>Useful Links</h4>

        <ul>

          <li><i class="bx bx-chevron-right"></i> <a href="#">Find & lease space</a></li>

          <li><i class="bx bx-chevron-right"></i> <a href="#">Manage property & portfolio</a></li>

          <li><i class="bx bx-chevron-right"></i> <a href="#about">Design & deliver projects</a></li>

          <li><i class="bx bx-chevron-right"></i> <a href="#footer">Invest in real estate</a></li> 

        </ul>

      </div>

   



      <div class="col-lg-4 col-md-6 footer-links">

        <h4>Our Social Networks</h4>         

        <div class="social-links mt-3">

         

          <a href="https://www.facebook.com/vfmassets" class="facebook"><i class="bx bxl-facebook"></i></a>
          <a href="https://www.linkedin.com/company/vfmassets/" class="linkedin"><i class="bx bxl-linkedin"></i></a>

          <a href="https://www.instagram.com/vfmassets/" class="instagram"><i class="bx bxl-instagram"></i></a>

    

        </div>

      </div>



    </div>

  </div>

</div>



<div class="container py-4">

  <div class="copyright">

    &copy; Copyright <strong><span>VFM</span></strong>. All Rights Reserved

  </div>

  <div class="credits">

    <!-- All the links in the footer should remain intact. -->

    <!-- You can delete the links only if you purchased the pro version. -->

    <!-- Licensing information: https://bootstrapmade.com/license/ -->

    <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bizland-bootstrap-business-template/ -->

    Designed by <a href="">NEXI Digital</a>

  </div>

</div>

</footer><!-- End Footer -->



  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>



  <!-- Vendor JS Files -->

  <script src="/js/app.js"></script>



  <script src="assets/owlcarousel/owl.carousel.min.js"></script>

  <!-- Template Main JS File -->

  <!-- Bootstrap core JavaScript-->


<script>

  $('#owl-one').owlCarousel({

    loop:true,

    margin:10,

    nav:true,  

    responsive:{

        0:{

            items:1

        },

        600:{

            items:3

        },

        1000:{

            items:4

        }

    }

})



$('#owl-two').owlCarousel({

    loop:true,

    margin:10,

    nav:true,

    responsive:{

        0:{

            items:1

        },

        600:{

            items:3

        },

        1000:{

            items:4

        }

    }

})



$('#owl-three').owlCarousel({

    loop:true,

    margin:10,

    nav:true,

    autoplay:true,

    autoplayTimeout:1000,

    autoplayHoverPause:true,

    responsive:{

        0:{

            items:1

        },

        600:{

            items:3

        },

        1000:{

            items:6

        }

    }

})

</script>

<script>

  $('#carousel').owlCarousel({

    loop:true,

    margin:10,

    nav:true,

    autoplay:true,

    autoplayTimeout:3000,

    autoplayHoverPause:true,

    responsive:{

        0:{

            items:1

        },

        600:{

            items:3

        },

        1000:{

            items:1

        }

    }

})

</script>

<script>

    $(document).ready(function() {

      $("#carousel").owlCarousel({

          navigation : false,

          slideSpeed : 500,

           paginationSpeed : 800,

          rewindSpeed : 1000,

          singleItem:true,

          autoPlay : true,

          stopOnHover : true,

          autoHeight: true

      });

    });

    </script>

</body>



</html>

Zerion Mini Shell 1.0