<!DOCTYPE html>
<html lang="en">
  <head>
    <base href="./">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta name="description" content="PEC">
    <meta name="author" content="ﾅ「kasz Holeczek">
    <meta name="keyword" content="PEC, bussiness">
    <meta name="google-site-verification" content="_WCMDuTybBQzIsant_RgRda62AuaVc_f6LD7vZIb3gw" />
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
    <title>Pakistan Engineering Council</title>
    <link rel="apple-touch-icon" href="/assets/img/apple-icon.png">
   
  <link rel="shortcut icon" type="image/x-icon" href="/assets/img/PEC-New-LOGO-300x300.png">
  <!-- Load Require CSS -->
  <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
  <!-- Font CSS -->
  <link href="{{ asset('assets/css/boxicon.min.css') }}" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
  <!-- Load Tempalte CSS -->
  <link rel="stylesheet" href="{{ asset('assets/css/templatemo.css') }}">
  <!-- Custom CSS -->
  <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.css') }}">
  <link rel="stylesheet" href="{{ asset('assets/css/customm1.css') }}">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
 <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <link rel="apple-touch-icon" sizes="57x57" href="assets/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <!-- Icons-->
    <link href="{{ asset('css/free.min.css') }}" rel="stylesheet"> <!-- icons -->
    <link href="{{ asset('css/flag-icon.min.css') }}" rel="stylesheet"> <!-- icons -->
    <!-- Main styles for this application-->
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">


    <link href="{{ asset('css/coreui-chartjs.css') }}" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-20S2GYGVCJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-20S2GYGVCJ');
</script>

  </head>
  
  <body >
  <div class="container-fluid bg-top">
    <div class="container">
      <div class="row">
        <div class="col col-lg-6">
          <div class="faq btn">
            <a href="faq.php">How it works</a>
          </div>
        </div>
        <div class="col col-lg-6 p-6">
          <div class="social-icons">
            <ul>
              <li><a href="https://www.facebook.com/PECOfficial/"><i class="fa-brands fa-facebook"></i></a></li>
              <li><a href="https://twitter.com/pecofficial?lang=en"><i class="fa-brands fa-twitter"></i></a></li>
              <li><a href="https://www.linkedin.com/company/pakistan-engineering-council?originalSubdomain=pk"><i class="fa-brands fa-linkedin"></i></a></li>
              <!--<li> <a href="#"><i class="fa-brands fa-instagram-square"></i></a></li>-->
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

<br>
  <!-- Header -->
  <nav id="main_nav" class="navbar navbar-expand-lg navbar-light bg-white shadow menu-bar">
    <div class="container d-flex justify-content-between align-items-center">
      <a class="navbar-brand" href="http://pec.org.pk/">
        <img class="img-fluid" src="../images/pec_logo.png" alt="">
      </a>

      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link  rounded-pill px-3 sub-menu-1" href="aboutus.php">About Us</a>
            <div class="sub-menu">
              <ul>
                <li class="sb-menu1"><a href="member.php">Members</a></li>
                <li class="sb-menu2"><a href="https://verification.pec.org.pk/l/cl/index.aspx">Consultant Directory</a>
                </li>
                <li class="sb-menu3"><a href="faq.php">FAQs</a></li>
              </ul>

            </div>
          </li>



          <li class="nav-item">
            <a class="nav-link  rounded-pill px-3" href="regulations.php">Regulations</a>
          </li>
          <li class="nav-item">
            <a class="nav-link  rounded-pill px-3" href="projects.php">Projects</a>
          </li>
          <li class="nav-item">
            <a class="nav-link  rounded-pill px-3" href="contactus.php">Our Partners</a>
          </li>
          <li class="nav-item">
            <a class="nav-link  rounded-pill px-3" href="contactus.php">Contact Us</a>
          </li>

          <!-- login dropdown -->
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle text-light navbarDropdown" href="#" id="navbarDropdown" role="button"
              data-bs-toggle="dropdown" aria-expanded="false">
              Login / Signup
            </a>
            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
              <li><a class="dropdown-item text-primary" href="https://pecdev.a2zcreatorz.com/pec_v2/consultants/create">Consultant</a></li>
              <li><a class="dropdown-item text-primary" href="https://pecdev.a2zcreatorz.com/pec_v2/clients/create">Client</a></li>
              <li><a class="dropdown-item text-primary" href="https://pecdev.a2zcreatorz.com/pec_v2/login">Administration</a></li>
            </ul>
          </li>
         
  

        </ul>

      </div>

      <div class="navbar ">
    </div>
    </div>
    </div>
  </nav>
<br>
    @yield('content')
<!-- Start Footer -->
 <footer class=" mt-5 footer-section" style="background: #004e1e;">
        <div class="container">
            <div class="row py-4">

                <div class="col-lg-12 col-12 align-center ">
                    <a class="navbar-brand text-center" href="index.html">

                       <!-- <h3 class="text-center text-white">Pakistan Engineering Council</h3>
                       <p class="text-center text-white para-123">The Pakistan Engineering Council is a statutory body, constituted under the PEC Act 1976 (V of 1976) <br>amended upto 24th January 2011, to regulate the engineering profession in the country such that it <br>shall function as key driving force for achieving rapid and sustainable growth<br> in all national, economic and social fields.</p>
                       <button type="button" class="btn btn-light d-block m-auto">Read More</button> -->
                    </a>
                    <!-- <p class="text-center text-light my-lg-4 my-2">
                        <a href="#">Read More</a> -->
                    </p>
                    <div class="quicklinl text-center">
                  
                            <ul class="list-unstyled text-light light-300 d-flex justify-content-center">
                                <li class="pb-2 text-center">
                                <i class="fa-solid fa-greater-than"></i>  <a
                                        class="text-decoration-none text-light" href="https://pec.org.pk/pec%20privacy%20policy%20ver%201.0.docx.html" style ="margin-right: 10px; margin-left: 3px;">Privacy Policy</a>
                                </li>


                                <li class="pb-2 text-center">
                                <i class="fa-solid fa-greater-than"></i> <a
                                        class="text-decoration-none text-light py-1" href="https://pec.org.pk/PEC%20Disclaimer.docx.html" style="margin-left: 3px;">Disclaimer</a>
                                </li>
                                
                            </ul>
                    </div>
                    <div class="contact text-center">
                    
                    <ul class="list-unstyled text-light light-300">
                            <li class="pb-2">
                            <i class="fa fa-phone" aria-hidden="true" style="margin-left:4px;"></i>  <a class="text-decoration-none text-light py-1"
                                    href="tel:(+92-51) 111-111-732" style="margin-left: 3px;">(+92-51) 111-111-732</a>
                            </li>
                            <li class="pb-2">
                            <i class="fa fa-envelope"></i>  <a
                                    class="text-decoration-none text-light py-1"
                                    href="mailto:www.pec.org.pk" style="margin-left: 3px;">www.pec.org.pk</a>
                            </li>
                        </ul>
                    </div>

                </div>

               

            </div>
        </div>

        <div class="w-100 Copyright py-1" >
            <div class="container">
                <div class="row pt-1">
                    <div class="col-lg-12 col-sm-12">
                        <p class=" text-center text-light light-300">
                            ﾂｩ Copyright 2022 Pakistan Engineering Council. All Rights Reserved.
                        </p>
                    </div>
                    <!-- <div class="col-lg-6 col-sm-12">
                        <p class="text-lg-end text-center text-light light-300">
                            Designed by <a rel="sponsored" class="text-decoration-none text-light" href="#" target="_blank"><strong>PEC</strong></a>
                        </p>
                    </div> -->
                </div>
            </div>
        </div>

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


    <!-- Bootstrap -->
    <script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
    <!-- Load jQuery require for isotope -->
    <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
    <!-- Isotope -->
    <script src="{{ asset('assets/js/isotope.pkgd.js') }}"></script>
    <!-- Page Script -->
    <script>

        $(document).ready(function() {
        
        $('.counter').each(function () {
        $(this).prop('Counter',0).animate({
        Counter: $(this).text()
        }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
        $(this).text(Math.ceil(now));
        }
        });
        });
        
        });
            </script>
    <script>
        $(window).load(function () {
            // init Isotope
            var $projects = $('.projects').isotope({
                itemSelector: '.project',
                layoutMode: 'fitRows'
            });
            $(".filter-btn").click(function () {
                var data_filter = $(this).attr("data-filter");
                $projects.isotope({
                    filter: data_filter
                });
                $(".filter-btn").removeClass("active");
                $(".filter-btn").removeClass("shadow");
                $(this).addClass("active");
                $(this).addClass("shadow");
                return false;
            });
        });
        
    </script>

    <script defer src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
    </script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <!-- <script defer src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
    </script> -->
    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
    </script>
    <!-- Templatemo -->
    <script defer src="{{ asset('assets/js/templatemo.js') }}"></script>
    <script defer src="{{ asset('assets/js/custom.js') }}"></script>

    <!-- PEC and necessary plugins-->
    <script src="{{ asset('js/coreui.bundle.min.js') }}"></script>

    @yield('javascript')

  </body>
</html>
