%PDF- %PDF-
Mini Shell

Mini Shell

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

<!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, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>VFM</title>

  <!-- Custom fonts for this template-->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  <!-- Custom styles for this template-->

<link rel="stylesheet" href="/css/style.css">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Libraries CSS Files -->
<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/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<!-- Main Stylesheet File -->
<style>
* { box-sizing: border-box; }
.full{
width: 100%;

margin-right: auto;
margin-left: auto;

}
.owl-prev .owl-next{
  display:none;
}

.wrapper {
  max-width: 60rem;
  width: 100%;
  margin: 150px auto;
}

.tabs {
  position: relative;
  margin: 3rem 0;
  background: #fff;
  height: 9.75rem;;
opacity: 0.9;
}

.tabs::before,
.tabs::after {
  content: "";
  display: table;
}

.tabs::after { clear: both; }

.tab { float: left; }

.tab-switch { display: none; }

.tab-label {
  position: relative;
  display: block;
  line-height: 2.75em;
  height: 3em;
  padding: 0 1.618em;
  background: #fff;
  border-right: 0.125rem solid #eaeeee;
  color: #000;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
}

.tab-label:hover {
  top: -0.25rem;
  transition: all 0.25s;
}

.tab-content {
  padding: 1.618rem;
  background: #fff;
  color: #2c3e50;
  height: 7rem;
  position: absolute;
  z-index: 1;
  top: 2.75em;
  left: 0;
  opacity: 0;
  transition: all 0.35s;
  border-top: 1px solid #eaeeee;
}

.tab-switch:checked + .tab-label {
  background: #ffc30f;
  color: #2c3e50;
  border-bottom: 0;
  border-right: 0.0625rem solid #fff;
  transition: all 0.35s;
  z-index: 2;
  top: -0.0625rem;
}

.tab-switch:checked + .tab-label:hover { top: -0.0625rem; }

.tab-switch:checked + .tab-label + .tab-content {
  opacity: 1;
  transition: all 0.35s;
  z-index: 3;
}
.soverlay{
padding: 10px;
font-family: Arial;
z-index: 990;
margin: auto;
width: 80%;
position: absolute;
top: 4%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.form-inline label{
justify-content: left;
}
.input_wrapper {

    padding-right: 20px;

}
.input_wrapper label{
  color: #000;
font-weight: 800;
display: block;
font-size: 14px;
font-family: Rubik,sans-serif;
}
.form-inline button{
min-width: 110px;
height: 40px;
padding: 0 15px;
background:#ffc30f;;
white-space: nowrap;
border-radius: 3px;
font-size: 16px;
color:#000;
transition: all .2s ease-out, color .2s ease-out;
border: 0;
cursor: pointer;
font-weight: 400;
font-family: 'Poppins', sans-serif;
margin-left: 10px;
}
.input_wrapper input{
border:0;
outline: 0;
border-bottom: 1px solid #e0e0e1;
width: 157px;
}
.slantedDivA{
      position: relative;
      width: 100%;
      height: auto;
      background: rgba(40, 40, 40, 1);
      box-sizing: border-box;
      padding: 30px;
      color: #fff;
      margin-bottom: 200px;
    }

    .slantedDivA:after{
      position: absolute;
      width: 100%;
      height: 100%;
      content: '';
      background: inherit;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transform-origin: top left;
      transform: skewY(4deg);
    }
    .carousel-indicators{
      display:none;
    }
    .ui-widget.ui-widget-content {
    border: 1px solid #d3d3d3;
    z-index: 9999;
}
#owl-one h4{
  font-size:15px;
  font-weight: bold;
  padding-top: 10px;
}

.vertical-menu {
    width: 60px;
    position: fixed;
    z-index: 5;
    right: 0;
    margin-top: 15%;
}
.vertical-menu a {
   
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
}
.call{
  background-color: #f9c11e;
    color: #fff; 
}

    .scroll-top{
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 99;
        background: red;
        color: #fff;
        border-radius: 30px;
        padding: 15px;
        font-weight: bold;
        line-height: normal;
        border: none;
    }
    .actived{

      display:none;
    }
    .facebook {
  background: #3B5998;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.instagram{
   background: linear-gradient(45deg,#405DE6,#5851DB,#833AB4,#C13584,#E1306C,#Fd1d1d);
   color:#fff;
}
.banner{
position:relative;
width:100%;
height:100vh;
background:url('assets/img/bg.jpg');
background-size:cover;
background-position:bottom;
display:flex;
justify-content:center;
align-items:center;
}

.banner #text{
position:relative;
font-size:12em;
color:#fff;
}

.banner .clouds {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
pointer-events:none;
}

.banner .clouds img{

position:absolute;
bottom:0;
max-width:100%;
animation: animate calc(3s * var(--i)) linear infinite;
}

@keyframes animate
{
  0%
  {
    opacity:0;
    transform:scale(1);
  } 
  25%,75%
  {
   opacity:1;
  }
  100%
  {
opacity:0;
  transform:scale(3);
  }
}
.container-fluid-masonry {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.m-image{
  padding-top: 10px;
}
.container-fluid-masonry img {
  width: 100%;
  height: auto;
  transition: all .2s ease-in-out;
}
.container-fluid-masonry img:hover {
transform: scale(0.97);
}
.container-fluid-masonry .col-md-4 {
 padding-right: 0px;
}
.destinations{
  padding-top: 8%;
  padding-bottom: 8%;
  text-align: center;
}
.destinations h2{
 text-align: center;
font-weight: 800;
font-size: 2em;
color: #013147;
}
.check_box input[type="checkbox"] 
{ 
    margin-right: 50px; 
}
#yourdiv{
  padding-top: 2%;
}
#yourdiv2{
  padding-top: 2%;
}
.check_box{
  font-size: 16px;
}
.destinations input {
    margin: 5px;
}
#header {
    padding: 0px 0;
    height: 92px;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
}
.nav-menu a {
    padding: 0 8px 10px 8px;
    text-decoration: none;
    display: inline-block;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    outline: none;
}
</style>
</head>
<body id="page-top">
<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 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 -->

<div class="" id="app">
<img src="assets/img/about-us.jpg" class="img-fluid">
    <!-- ======= About Section ======= -->
    <section id="about" class="about section-bg">
      <div class="container" data-aos="fade-up">

      

        <div class="row">
        
          <div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
      
<p>Why VFM Assets is the ideal partner for creating real estate assets? You may not know about FAR or RERA or the acceptable quality of building materials. The ideal way to develop a new project, reconstruct an existing building, optimizing space utilization and making improvements … there are hundreds of areas that need to be tracked and these are impossible for everyone to deal with, unless you are a thorough professional with extensive knowledge</p>
<p>Your contractor may disappear and your money may be wasted. The person you hired influenced by some dubious recommendations, might disappear with your hard-earned money. To make things worse, you don’t have much time to deal with such situations which may have a negative impact on your career and health.</p>
<p>Cost escalation is an important area that may affect your financials. Sooner or later, you may realize that funds have run out and you cannot back out either. A point of no return and absolute helplessness stare at you. Call us right in the beginning to avoid this trap. Appropriate planning considering Return on Investment (ROI) is important. Overdoing the space for maximum Floor Area Ratio (FAR) without giving attention to government regulations and studying the potential benefits may become counter-productive. Also factors like adequacy of parking space, building heights, other amenities must get focus to make your investment productive and attractive.</p>
<p>Expertise to monitor progress at every stage of work and course of correction is necessary for successful and time-bound execution optimally utilizing resources. In its absence, you will be recruiting all types of people, with one crook recommending another, and finally end up with a sub-standard asset. </p>

          
          </div>
          <div class="col-lg-6" data-aos="fade-right" data-aos-delay="100">
            <img src="assets/img/wc.png" class="img-fluid" alt="">
          </div>
        </div>

      </div>
    </section><!-- End About Section -->


 </div><!--end div -->

 <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