Ultra File Manager

Edit: /home/u523034047/domains/doonclassicfabrication.com/public_html/about-us.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <link rel="icon" type="image/png" href="assets/img/fav.png">
  
  
  
  
  
  
    <title>ABOUT US - Doon Classic Fabrication</title>
    <meta name="keywords" content="" />
    <meta name="description" content="Doon Classic Fabrication is the most trusted fabricator for steel and iron in Haldwani, We offer high-quality services for fabrication work and customized metal products ">
    
    <meta property="og:title" content="ABOUT US - Doon Classic Fabrication"/>
    <meta property="og:description" content="Doon Classic Fabrication is the most trusted fabricator for steel and iron in Haldwani, We offer high-quality services for fabrication work and customized metal products "/>
    <meta property="og:url" content="https://www.fabricationworld.in/about-us">
    <meta property="og:type" content="website"/>
    <meta property="og:site_name" content="Doon Classic Fabrication"/>
    <meta property="og:image" content=""/>
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:description" content="Doon Classic Fabrication is the most trusted fabricator for steel and iron in Haldwani, We offer high-quality services for fabrication work and customized metal products "/>
    <meta name="twitter:title" content="ABOUT US - Doon Classic Fabrication" />
    <meta name="twitter:site" content="@ironfabworld" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:creator" content="@ironfabworld" />
  
  <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.fabricationworld.in/#website","url":"https://www.fabricationworld.in/","name":"Doon Classic Fabrication","description":"Haldwani","potentialAction":[{"@type":"SearchAction","target":"https://www.fabricationworld.in/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"en-in"},{"@type":"WebPage","@id":"https://www.fabricationworld.in/#webpage","url":"https://www.fabricationworld.in/","name":"Fabrication Shop- Iron, Metal & Steel Manufacturing Services in Haldwani","isPartOf":{"@id":"https://www.fabricationworld.in/#website"},"datePublished":"2018-12-13T13:40:01+00:00","dateModified":"2021-01-19T13:18:15+00:00","description":"Doon Classic Fabrication offering the Iron, Metal and Stainless Steel Manufacturing Services in Haldwani at affordable price, Contact us to get the quality fabrication works.","inLanguage":"en-in","potentialAction":[{"@type":"ReadAction","target":["https://www.fabricationworld.in/"]}]}]}</script>
  <meta name="p:domain_verify" content="ee2485d1b2f1f5cd244ae5a0311c8ec6" />
  
  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  
  <link rel="stylesheet" href="releases/v5.7.1/css/all.css" rel="preload">
  
  <link href="assets/css/bootstrap.min.css" rel="stylesheet" rel="preload"/>
  <link href="assets/css/now-ui-kit_v-1.3.0.css" rel="stylesheet" rel="preload" />
  <link href="assets/css/style.css" rel="stylesheet" rel="preload"/>
  <link rel="stylesheet" href="ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="preload" >

</head>

<body class="index-page">
  
  <nav class="navbar navbar-expand-lg fixed-top">
  <?php include ('menu.php');?>
  </nav>
  
  <div class="wrapper">
      <div class="page-header page-header-small clear-filter" filter-color="orange">
        <div class="page-header-image" data-parallax="false" style="background-image:url('assets/img/about_banner.png');">
        </div>
        <div class="container">
          <div class="content-center brand pt-5 mt-5">
            <h1 class="h1-seo">About Us</h1>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">About Us</li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
  </div>
  
  
  <div class="section">
    <div class="container text-center">
       <h2 class="title-1">ABOUT Doon Classic Fabrication</h2>
       <p>As the fabrication industry has evolved over the years, we at Doon Classic Fabrication focus on maintaining international standard requirements to achieve long-lasting partnerships with the most prominent construction ompanies and manufacturers. Our achievements over the years have pushed us to upgrade the quality of our fabrication products for Indian and global clientele.</p>
    </div>
  </div>     
  
        
  <div class="section bg_light_yell">
    <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6">
               <h2 class="title-1">Who Are We?</h2>
                <p>Established in 1984 in Haldwani, we have managed to work with the
                most  trusted names, looking for Iron and Steel Fabrication expertise.
                Whether for Automotive, Railways, Engineering Projects, or Agricultural,
                our  dedicated team has been carefully offering quality services that
                match the diverse requirements in the most efficient manner.</p>
          </div>
            <div class="col-lg-6 text-lg-right">
                <img src="assets/img/abt_img1.png" class="img-fluid">
            </div>
      </div>
    </div>
  </div>     
  
    
  <div class="section">
    <div class="container text-center">
       <h2 class="title-1">WHAT WE DO?</h2>
       <p>Doon Classic Fabrication has a rich history of serving its clients across the world with a comprehensive range of fabrication works, including iron and steel fabrication for medium and large-scale projects. With the strongest quality equipment and state-of-the-art machinery, we ensure bespoke services and strength as every industry demands.</p>
    </div>
  </div>     
  
        
  <div class="section bg_light_yell">
    <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6 order-md-last">
               <h2 class="title-1">BEHIND THE SCENES/OUR TEAM</h2>
                <p>Maintaining exceptional quality and customer support, we have a large
                team of experienced professionals who are qualified and skilled enough
                to deliver technical support both on-site and off-site. All our project
                managers hold extensive working experience in the Metal Fabrication
                and Mechanical Engineering.</p>
          </div>
          <div class="col-lg-6  order-md-first">
              <img src="assets/img/about2.png" class="img-fluid">
          </div>
      </div>
    </div>
  </div>     
  
  
  <div class="section text-center">
    <div class="container inquiry p-5">
      <h4 class="title-1 mb-4 mt-0">SEND INQUIRY</h4>
       <div id="msg"></div>
      <form method="post" id="myform" action="">
        <div class="form-row">
              <div class="form-group col-md-3">
          <input type="text" id="firstname" name="firstname" class="form-control" placeholder="Your Name">
          <input type="hidden" name="inquiry_from" value="about_us">
        </div>
          <div class="form-group col-md-3">
            <input type="text" id="mobile" name="mobile" class="form-control" placeholder="Mobile No.">
          </div>
          <div class="form-group col-md-3">
            <input type="email" id="email" name="email" class="form-control" placeholder="Email Id">
          </div>
          <div class="form-group col-md-3">
            <select class="form-control" name="user_intrest">
               <option value="">Your Interest</option>
              <option value="gates">Iron Gate</option>
              <option value="railing">Staircase Railing</option>
              <option value="boundary-walls">Boundary Walls</option>
              <option value="sheds">Roofing Shed</option>
              <option value="rolling-shutter">Rolling Shutter</option>
              <option value="Grills">Iron Grill Service </option>
              <option value="custom-fabrication">Custom Fabrication</option>
            </select>
          </div>
        </div>
           <div class="form-group">
            <textarea class="form-control" id="message" name="message" placeholder="Your Message"  rows="7"></textarea>
          </div>
          <div class="text-center"> 
             <button class="btn btn-dark btn-round" id="cru_submit">Submit</button>
          </div>
      </form>
    </div>
  </div>
 
    <style type="text/css">
  .inp_btn {
    background: #e88d18!important;
    color: #fff!important;
    display: block;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    height: 47px!important;
}
  .inp_btn:hover {
    background: #e88d18!important;
    color: #fff;
}
.footer{
  position: relative;
}
.wh_app{
    font-size: 35px;
    position: fixed;
    bottom: 20px;
    z-index: 999;
    right: 11px;
    background-color: rgb(37, 211, 102);
    color: #fff;
    padding: 4px 10px;
    line-height: 1;
    border-radius: 10px;
    transition: all 0.3s;
}
.wh_app:hover i, .wh_app:hover,.wh_app:focus i, .wh_app:focus{
  color:#fff!important;
      transition: all 0.3s;
}
  .wh_app span{
     position: absolute;
     white-space: nowrap;
    padding: 6px 16px;
    background-color: rgb(37, 211, 102);
    color: rgb(255, 255, 255);
    border-radius: 10px;
    margin: 0px 10px;
    order: 0;
    display: none;
    outline: none;
    right: 100%;
    left: auto;
    margin-right: 5px;
    font-size: 12px;
    top: 10px;
}
  .wh_app:hover span{
    display:block;
}
</style>
    
    <footer class="footer pb-0">
      <?php include ('footer.php');?>
     
    </footer>
<script src="ajax/jQuery/jquery-3.4.1.min.js"></script>

<script src="ajax/libs/jquery-validate/1.19.2/jquery.validate.js"></script>
<script src="jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="sweetalert/dist/sweetalert.min.js"></script>

<script type="text/javascript">
  $('.owl-carousel').owlCarousel({
      loop:true,
      margin:30,
      autoplay:true,
      nav:false,
      dots: true,
      responsive:{
          0:{
              items:1
          },
          600:{
              items:3
          },
          1000:{
              items:3
          }
      }
  })
</script>

<script type="text/javascript">
  jQuery.validator.addMethod('phonenu', function (value, element) {
    return this.optional(element) || /^[0789]\d{10}$/.test(value);
  }, 'Please enter a valid mobile number.');
  jQuery.validator.addMethod('emailFormate', function (value, element) {
    return this.optional(element) || /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value);
  }, 'Please enter a valid email address.');
  $('#myform').validate({
    rules: {
      firstname: "required",
      //lastname: "required",
      email: {
        required: true,
        //email: true,
        emailFormate: true,
      },
      mobile:{
        required:true,
        phonenu:true,
        //max:10
      },
      user_intrest:{
        required:true,
      },
      //mobile_no:"required",
      //company_name:"required",
      message:"required",
    },
    messages: {
      firstname: "Please enter your name",
      //lastname: "required",
      email: {
        required:"Please enter your email address",
        //email: "Please enter your email address.",
        //emailFormate: "",
      },
      mobile:{
        required:"Please enter your mobile number",
        //phonenu:"P",
        //max:10
      },
      user_intrest:{
        required:"Please select your interest",
      },
      //mobile_no:"required",
      //company_name:"required",
      message:"Please specify your requirements",
    },
    submitHandler: function(form) {
      $.ajax({
        url:'send_inquiry',
        type:'POST',
        data:$('#myform').serialize(),
        success:function(result){
          console.log(result);
          if(result==1){
            $('#msg').html('<div class="alert alert-success" role="alert">Your Message has been sent successfully.</div>');
            setTimeout(function() {
              $('#msg').fadeOut('fast');
            }, 2000); 
            setInterval(' 
          }
        }
      });
      return false;
    }
    // other options
});
</script>
<script type="text/javascript">
  jQuery.validator.addMethod('phonenum', function (value, element) {
    return this.optional(element) || /^[0789]\d{10}$/.test(value);
  }, 'Please enter a valid mobile number.');
  jQuery.validator.addMethod('emailFormatecont', function (value, element) {
    return this.optional(element) || /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value);
  }, 'Please enter a valid email address.');
  $('#mycontform').validate({
    rules: {
      firstname: "required",
      //lastname: "required",
      email: {
        required: true,
        email: true,
        emailFormatecont: true,
      },
      mobile:{
        required:true,
        phonenum:true,
        //max:10
      },
      user_intrest:{
        required:true,
      },
      //mobile_no:"required",
      //company_name:"required",
      message:"required",
    },
    messages: {
      firstname: "Please enter your name",
      //lastname: "required",
      email: {
        required:"Please enter your email address",
        //email: "Please enter your email address.",
        //emailFormate: "",
      },
      mobile:{
        required:"Please enter your mobile number",
        //phonenu:"P",
        //max:10
      },
      user_intrest:{
        required:"Please select your interest",
      },
      //mobile_no:"required",
      //company_name:"required",
      message:"Please specify your requirements",
    },
    submitHandler: function(form) {
      $.ajax({
        url:'send_inquiry',
        type:'POST',
        data:$('#mycontform').serialize(),
        success:function(result){
          console.log(result);
          if(result==1){
            $('#msg').html('<div class="alert alert-success" role="alert">Your Message has been sent successfully.</div>');
            setTimeout(function() {
              $('#msg').fadeOut('fast');
            }, 2000); 
            setInterval(' 
          }
        }
      });
      return false;
    }
    // other options
});
</script>
<script type="text/javascript">
  // jQuery.validator.addMethod('phonenu', function (value, element) {
  //   return this.optional(element) || /^[0789]\d{10}$/.test(value);
  // }, 'Please enter a valid mobile number.');
  jQuery.validator.addMethod('emailFormate', function (value, element) {
    return this.optional(element) || /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value);
  }, 'Please enter a valid email address.');
  $('#subsform').validate({
    rules: {
      email: {
        required: true,
        //email: true,
        emailFormate: true,
      }
    },
    messages: {
      email: {
        required:"Please enter your email address.",
        //email: "Please enter your email address.",
        //emailFormate: "",
      }
    },
    submitHandler: function(form) {
      $.ajax({
        url:'testing', 
        type:'POST',
        data:$('#subsform').serialize(),
        beforeSend: function() { 
          //$("#product_id").html('<option> Loading ...</option>');
          $("#subS").prop('disabled', true); // disable button
        },
        success:function(result){
          //console.log(result);
          if(result==1){
            setTimeout(function() {
              swal({
                  title: "Congratulations!",
                  text: "You have subscribee our newsletters successfully!",
                  icon: "success",
                  timer: 3000
                });
              //$('#msg').fadeOut('fast');
            }, 2000); 
           setInterval(' 
          }
        }
      });
      return false;
    }
    // other options
});
</script>
  
  <script src="assets/js/core/jquery.min.js" type="text/javascript"></script>
  <script src="assets/js/core/popper.min.js" type="text/javascript"></script>
  <script src="assets/js/core/bootstrap.min.js" type="text/javascript"></script>
  <script src="assets/js/plugins/bootstrap-switch.js"></script>
  <script src="assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
   <script src="assets/js/plugins/bootstrap-datepicker.js" type="text/javascript"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
   <script src="assets/js/now-ui-kit_v-1.3.0.js" type="text/javascript"></script>

  <script>
    $(document).ready(function() {
      // the body of this function is in assets/js/now-ui-kit.js
      nowuiKit.initSliders();
    });
    function scrollToDownload() {
      if ($('.section-download').length != 0) {
        $("html, body").animate({
          scrollTop: $('.section-download').offset().top
        }, 1000);
      }
    }
  </script>
<script type="text/javascript">
  jQuery(document).ready(function ($) {
  // global variables for script
  var current, size;
  $(".lightboxTrigger").click(function (e) {
    // prevent default click event
    e.preventDefault();
    // grab href from clicked element
    var image_href = $(this).attr("href");
    // determine the index of clicked trigger
    var slideNum = $(".lightboxTrigger").index(this);
    // find out if #lightbox exists
    if ($("#lightbox").length > 0) {
      // #lightbox exists
      $("#lightbox").fadeIn(300);
      // #lightbox does not exist - create and insert (runs 1st time only)
    } else {
      // create HTML markup for lightbox window
      var lightbox =
        '<div id="lightbox">' +
        "<p> X</p>" +
        '<div id="slideshow">' +
        '<div class="nav1">' +
        '<a class="prev slide-nav"><i class="fa fa-chevron-left"></i></a>' +
        '<a class="next slide-nav"><i class="fa fa-chevron-right"></i></a>' +
        "</div>" +
        "</div>" +
        "</div>";
      //insert lightbox HTML into page
      $("body").append(lightbox);
      // fill lightbox with .lightboxTrigger hrefs in #imageSet
      $("#imageSet")
        .find(".lightboxTrigger")
        .each(function () {
          var $href = $(this).attr("href");
          $("#slideshow").append('<img src="' + $href + '">');
        });
    }
    // setting size based on number of objects in slideshow
    size = $("#slideshow img").length;
    // hide all slide, then show the selected slide
    $("#slideshow img").hide();
    $("#slideshow img:eq(" + slideNum + ")").show();
    // set current to selected slide
    current = slideNum;
  });
  //Click anywhere on the page to get rid of lightbox window
  $("body").on("click", "#lightbox", function () {
    // using .on() instead of .live(). more modern, and fixes event bubbling issues
    $("#lightbox").fadeOut(300);
  });
  // show/hide navigation when hovering over #slideshow
  $("body").on(
    {
      mouseenter: function () {
        $(".nav1").fadeIn(300);
      },
      mouseleave: function () {
        $(".nav1").fadeOut(300);
      }
    },
    "#slideshow"
  );
  // navigation prev/next
  $("body").on("click", ".slide-nav", function (e) {
    // prevent default click event, and prevent event bubbling to prevent lightbox from closing
    e.preventDefault();
    e.stopPropagation();
    var $this = $(this);
    var dest;
    // looking for .prev
    if ($this.hasClass("prev")) {
      dest = current - 1;
      if (dest < 0) {
        dest = size - 1;
      }
    } else {
      // in absence of .prev, assume .next
      dest = current + 1;
      if (dest > size - 1) {
        dest = 0;
      }
    }
    // fadeOut curent slide, FadeIn next/prev slide
    $("#slideshow img:eq(" + current + ")").fadeOut(100);
    $("#slideshow img:eq(" + dest + ")").fadeIn(100);
    // update current slide
    current = dest;
  });
});
</script>
</body>
</html>

Ukuran: 22.6 KB