<?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>architecture</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" style="width:40vw" > 

                </div>
                <div class="mc1m1"></div>
                <div class="mc1m2" style="width:20vw">
                    <h2>ARCHITECTURE</h2>
                </div>
                <div class="mc1m3" id="mc1m3" style="width:23vw" ></div>
                <div class="mc1m3_click" id="mc1m3_click" style="width:20vw">
                    <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>HOME PAGE</li>
                        <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>
        <div class="pro_main">
            <div class="pro_main_1">

            <?php
            
            $get_arch_data_sql = "SELECT * FROM `projects` WHERE `Project Category` LIKE 'architecture'";
            $get_arch_data_conn = mysqli_query($conn,$get_arch_data_sql);
            $get_arch_data_num  = mysqli_num_rows($get_arch_data_conn);
            // $get_arch_data_assoc = mysqli_fetch_assoc($get_arch_data_conn);
            

            while($get_arch_data_assoc = mysqli_fetch_assoc($get_arch_data_conn)){

                if($get_arch_data_num > 0 ){
                    echo '
                    <div class="pro_main11">
                        <img src="project_photos/'.$get_arch_data_assoc['img_1'].'" alt="">
                        <h2>'.$get_arch_data_assoc['Project Name'].' &#160; &#160; &#160;
                        <form action="pro_de.php" method="post">
                            <input type="hidden" name="pro_id"  value="'.$get_arch_data_assoc['pro_id'].'">
                            <input style="background:#00000000; border:none; font-size: 1.5vw; margin-top:1vw " type="submit" value="View Project"> </h2>
                        </form>
                        
                    </div>        
                    ';
                }
            }



            ?>
            




                <!-- <div class="pro_main11">
                    <img src="../images/slider 2.jpg" alt="">
                    <h2>RESIDENTIAL BUNGALOWS <br> AND APARTMENTS</h2>
                </div>
                
                <div class="pro_main11">
                    <img src="../images/slider 3.jpg" alt="">
                    <h2>CORPORATE</h2>
                </div>
                
                <div class="pro_main11">
                    <img src="../images/slider 6.jpg" alt="">
                    <h2>HOSPITALS</h2>
                </div> -->
            
            </div>
        </div>
      </section>

            <!--  FOOTER  -->
<section style="margin-top: 15vw">

<?php 
include 'footer.php'
?>
</section>   

            <script src="../js/index.js"></script>
</body>
</html>