<?php 

include 'dbconn.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.0">
    <link rel="shortcut icon" href="../images/icons/black-logo.png" type="image/x-icon">
    <title>Projects</title>
    <link rel="stylesheet" href="../css/pro.css?v=<?php echo $v?>">
    <link rel="stylesheet" href="../css/index.css?v=<?php echo $v?>">
    <!-- <link rel="stylesheet" href="../css/main_contant_1.css?v=<?php echo $v?>"> -->
    <!-- <link rel="stylesheet" href="../css/main_contant_2_3.css?v=<?php echo $v?>"> -->
    <!-- <link rel="stylesheet" href="../css/main_contant_4.css?v=<?php echo $v?>"> -->
    <!-- <link rel="stylesheet" href="../css/main_contant_5_6.css?v=<?php echo $v?>"> -->
    <link rel="stylesheet" href="../css/main_footer.css?v=<?php echo $v?>">
    <style>
         
    </style>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Abel&family=Architects+Daughter&family=Chakra+Petch:wght@300;400&family=Edu+NSW+ACT+Foundation:wght@500&family=Exo+2:wght@300&family=Inconsolata:wght@300&family=Marck+Script&family=Montserrat+Alternates:wght@300&family=Noto+Sans&family=Patrick+Hand&family=Prompt:wght@300&family=Rajdhani:wght@500&family=Raleway:ital@1&family=Shantell+Sans:ital,wght@1,300&family=Signika+Negative:wght@300&family=Sono&family=Titillium+Web&family=Ubuntu:wght@300&family=Work+Sans:wght@200&display=swap');
      </style>
</head>
<body>
    
     <!--  SECTION == 1  -->
     <section>
        <!-- <img class="slider" src="../images/contact_us_bg.png" alt=""> -->
        <div class="main_contant_1">
            <div class="mc1u">
                <div class="mc1u1"> 
                    <img src="../images/icons/logo.jpg" alt="">

                </div>
                <div class="mc1u2">
                    <img src="../images/icons/Twitter.png" alt="">
                    <img src="../images/icons/Facebook F.png" alt="" srcset="">
                    <img src="../images/icons/Instagram Circle.png" alt="">
                    <img src="../images/icons/YouTube.png" alt="">
                    <img src="../images/icons/LinkedIn.png" alt="">
                </div>
                <div class="mc1u3" id="mc1u3">
                    <img src="../images/icons/Menu_Rounded.png" onclick="home_to_manu()">
                    <img src="../images/icons/Search.png" alt="" srcset="">
                </div>
                <div class="mc1u3_click" id="mc1u3_click">
                    <img onclick="manu_to_home()" src="../images/icons/Back Arrow.png" alt="">
                </div>
            </div>
            <div class="mc1m">
                <div class="slider_round_1"> 

                </div>
            
                <div class="mc1m1"></div>
                <div class="mc1m2">
                    <h2>PROJECTS</h2>
                </div>
                <div class="mc1m3" id="mc1m3"><ul>
                   
                       </div>
                <div class="mc1m3_click" id="mc1m3_click" style="width: 38.7vw;">

  
                     <ul>   
                <?php
                
                $get_manu_sql = "SELECT * FROM `menu`";
                $get_manu_conn = mysqli_query($conn,$get_manu_sql);
                $get_manu_num = mysqli_num_rows($get_manu_conn);
                // $get_manu_assoc = mysqli_fetch_assoc($get_manu_conn);
                
                ?>
                     
                     <?php 
                while($get_manu_assoc = mysqli_fetch_assoc($get_manu_conn)){
                    if($get_manu_num > 0 ){
                        echo '<a href="'.$get_manu_assoc['link'].'" style="color:white; text-decoration:none; " > <li>'.$get_manu_assoc['menu_option'].'</li> </a>';
                    }
                }

                ?>

                    <!--    <li>ABOUT US</li>
                        <li>SERVICES</li>
                        <li>PROJECT</li>
                        <li>CONTACT US</li>
                        <li>BLOGS</li>
                    -->
                    </ul>
                </div>
            </div>
            <div class="mc1d">
                <div class="mc1d1">
                </div>
                <div class="mc1d2"></div>
                <div class="mc1d3">
                </div>
            </div>
        </div>
    </section>

      <!--  SECTION == 2  -->

      <section  style="margin-bottom:10vw" >
        <div class="pro_main">
            <div class="pro_main_1">
            
                <div class="pro_main11">
                    <a href="architecture.php">
                    <img src="../images/slider 2.jpg" alt="">
                    <h2 style="color:black; text-decoration:none; " > ARCHITECTS</h2>
                </a>
                </div>
                
            <div class="pro_main11">
                <a href="interior.php">
                    <img src="../images/slider 3.jpg" alt="">
                    <h2 style="color:black; text-decoration:none; " >INTERIOR</h2>
                    </a>
                </div>

                <div class="pro_main11">
                    <a href="3d design.php">
                    <img src="../images/slider 6.jpg" alt="">
                    <h2 style="color:black; text-decoration:none; " >3D DESIGNS</h2>
                    </a>
                </div>
            </div>
        </div>
      </section>

            <!--  FOOTER  -->

    <?php 
    include 'footer.php';
    ?>
            

            <script src="../js/index.js"></script>
</body>
</html>