<!-- scroll to top button -->

<a href="javascript:" id="return-to-top"><i class="fa fa-angle-up"></i></a>

<!-- footer  -->

<div class="footer-line">

<div class="container">

<div class="row">

<div class="col-sm-3">  

<div class="row">

<div class="col-sm-12 footer-heading-space">

<h4 style="margin: 0px;">About Us</h4>

<img src="<?= base_url('public/front/')?>images/footer-ribbon.png" alt="">

</div>

<div class="col-sm-12">

<p>First of all, BBM (Btechbymistake) is not limited to Btech graduates only. BBM helps out every graduate

whose looking for better future in IT domain.</p>

<a href="<?= base_url('aboutus')?>"><i class="fa fa-plus-circle" style="color: #00aeef"></i> READ MORE</a>

</div>

</div>

</div>

<div class="col-sm-3">

<div class="row">

<div class="col-sm-12 footer-heading-space">

<h4 style="margin: 0px;"> Importent Link</h4>

<img src="<?= base_url('public/front/')?>images/footer-ribbon.png" alt="">

</div>

<div class="col-sm-12">

<p><a href="<?= base_url()?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Home</a></p>

<p><a href="<?= base_url('aboutus')?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; About Us</a></p>

<p><a href="<?= base_url('share-cv')?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Share CV</a></p>

<p><a href="<?= base_url('share-requirement')?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Share Requirement</a></p>

<p><a href="<?= base_url('contact')?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Contact Us</a></p>

</div>

</div>

</div>

<div class="col-sm-3">

<div class="row">

<div class="col-sm-12 footer-heading-space">

<h4 style="margin: 0px;">Contact Us</h4>

<img src="<?= base_url('public/front/')?>images/footer-ribbon.png" alt="">

</div>

<div class="col-sm-12 sm-space">



<p class="contactdetailf"><span class="footer-span-left"><i class="fa fa-phone" style="font-size: auto"></i></span> <span class="footer-span-right"> +91-9773 575 331</span></p> 

<p class="contactdetailf"><span class="footer-span-left"><i class="fa fa-envelope-o" style="font-size: auto"></i></span> <span class="footer-span-right">info@btechbymistake.com  </span></p>

</div>

<div class="col-sm-12">

<p>

<a href="https://www.facebook.com/btechbymistake/" target="_blank" class="footer-social-icon"><i class="fa fa-facebook" ></i></a>

<a href="https://twitter.com/BtechBy_Mistake" target="_blank" class="footer-social-icon"><i class="fa fa-twitter" ></i></a>

<a href="#" class="footer-social-icon"><i class="fa fa-linkedin"></i></a>

</p>

</div>

</div>

</div>

<div class="col-sm-3">  

<div class="row">

<div class="col-sm-12 footer-heading-space">

<h4 style="margin: 0px;">Send Enquiry</h4>

<img src="<?= base_url('public/front/')?>images/footer-ribbon.png" alt="">

</div>

<div class="col-sm-12">

<form action="<?= base_url('enquiry')?>" method="post">

<div class="row">

<div class="col-md-12 footer-heading-space"><input type="text" name="Name" class="form-control form-box" placeholder="Name" required></div>

<div class="col-md-12 footer-heading-space"><input type="email" name="Email" class="form-control form-box" placeholder="Email ID" required></div>

<div class="col-md-12 footer-heading-space"><input type="text" name="Phone" maxlength="10" class="form-control form-box" placeholder="Mobile No." required></div>

<div class="col-md-12 footer-heading-space"><textarea class="form-control form-box" name="Message" placeholder="Message" rows="3" required style="height:auto !important;"></textarea></div>

<div class="col-md-12"><button type="submit" class="btn btn-default submit-button">Submit</button></div>

</div>

</form>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="copyright-line">

<div class="container">

<div class="row">

<div class="col-md-6 col-sm-6  text-left">Copyright &copy; Btech By Mistake</div>

<div class="col-md-6 col-sm-6 text-right">Designed by : - <a href="https://www.staticking.com/website-design.shtml" target="_blank">Website Design Delhi</a></div>

</div>

</div>

</div>

<!-- page model -->

<div class="modal fade" id="myModal" role="dialog">

<div class="modal-dialog">

<form action="<?= base_url('enquiry')?>" method="post">

<!-- Modal content-->

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal"><i class="fa fa-times"></i></button>

<h4 class="modal-title">Send Enquiry</h4>

</div>

<div class="modal-body">

<div class="row">

<div class="col-md-6"><input type="text" name="Name" class="form-control form-box" placeholder="Name" required></div>

<div class="col-md-6"><input type="email" name="Email" class="form-control form-box" placeholder="Email ID" required></div>



<div class="col-md-6"><input type="text" name="Phone" maxlength="10" class="form-control form-box" placeholder="Mobile No." required></div>



<div class="col-md-6"><input type="text" name="City" class="form-control form-box" placeholder="City" required></div>

<div class="col-md-12"><textarea class="form-control form-box" placeholder="Message" rows="3" required style="height:auto !important;"></textarea></div>



<div class="col-md-12"><button type="submit" class="btn btn-default submit-button">Submit</button></div>



</div>

</div>



</div>



</form>

</div>

</div>

<!-- model cosed -->

<!-- page model -->

<div class="modal fade" id="myModal2" role="dialog">

<div class="modal-dialog">

<form action="<?= base_url('share-cv')?>" method="post" enctype="multipart/form-data">

<!-- Modal content-->

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal"><i class="fa fa-times"></i></button>

<h4 class="modal-title">Apply Now</h4>

</div>

<div class="modal-body">

<div class="row">

<div class="col-md-6"><input type="text" name="name" class="form-control form-box" placeholder="Name" required></div>

<div class="col-md-6"><input type="email" name="email" class="form-control form-box" placeholder="Email ID" required></div>



<div class="col-md-6"><input type="text" name="phone" maxlength="10" class="form-control form-box" placeholder="Mobile No." required></div>



<div class="col-md-6"><input class="form-control form-box" name="subject" id="disabledInput" type="text" placeholder="" readonly></div>



<div class="col-md-12"> <div class="form-group">

<label for="exampleInputFile" style="font-size:14px;">Resume Upload</label>

<input type="file" name="resume" id="exampleInputFile">



</div></div>



<div class="col-md-12"><textarea class="form-control form-box" placeholder="Message" rows="3" name="message" required style="height:auto !important;"></textarea></div>



<div class="col-md-12"><button type="submit" class="btn btn-default submit-button">Submit</button></div>



</div>

</div>



</div>



</form>

</div>

</div>

<!-- model cosed -->

<!-- ================== JAVASCRIPT  ======================= -->

<!-- js -->

<script src="<?= base_url('public/front/')?>js/slider1.js"></script>

<script src="<?= base_url('public/front/')?>js/slider2.js"></script>

<!-- ================== Header JS ======================= -->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->

<script src="<?= base_url('public/front/')?>js/theme.js"></script>

<!-- ================== Scroll top JS ======================= -->

<script>

$(window).scroll(function() {

if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px

$('#return-to-top').fadeIn(200);    // Fade in the arrow

} else {

$('#return-to-top').fadeOut(200);   // Else fade out the arrow

}

});

$('#return-to-top').click(function() {      // When arrow is clicked

$('body,html').animate({

scrollTop : 0                       // Scroll to top of body

}, 500);

});

</script>

<!-- ================== Banner JS ======================= -->

<script src="<?= base_url('public/front/')?>js/banner.js"></script>

<script>

//banner slider

$(".bannerSlider").slick({

dots: false,

autoplay: true,

infinite: true,    

slidesToShow: 1,

slideswToScroll: 1,

arrows: true,

prevArrow: $('.prev'),

nextArrow: $('.next'),

});

</script>

<!-- testinomial slider -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script>

<script>

$(document).ready(function(){

$("#story-slider").owlCarousel({

items:1,

itemsDesktop:[1000,1],

itemsDesktopSmall:[980,1],

itemsTablet:[768,1],

itemsMobile:[650,1],

pagination:true,

navigation:false,

slideSpeed:1000,

autoPlay:true

});

});

</script>

<script type="text/javascript">

$(function(){

$('#marquee-vertical').marquee();  

$('#marquee-horizontal').marquee({direction:'horizontal', delay:0, timing:50});  

});

</script>

<script type="text/javascript">

$(function(){

$('#marquee-verticall').marquee();  

$('#marquee-horizontal').marquee({direction:'horizontal', delay:0, timing:50});  

});

</script>

<script>

new flickerplate('.flicker-example');

</script>

<script type="text/javascript" src="<?= base_url('public/front/')?>dist/js/jquery.marquee.js"></script>

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

<script type="text/javascript" src="<?= base_url('public/front/')?>dist/js/jquery.marquee.js"></script>

<script src="<?= base_url('public/front/')?>js/fontawesome.js"></script>

<script src="<?= base_url('public/front/')?>js/fontawesome.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300i,400,400i,600,600i,700,700i&display=swap" rel="stylesheet">

</body>

</html>