<?php
                include 'dbconn.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);
                
                ?>

<!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>Om Interior | Rajkot</title>
    <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>
        @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 onload="sli_sta()" >
    <!--  SECTION == 1  -->
    <section >

    <?php
    
    $main_slid_photo_sql = "SELECT * FROM `photos` WHERE `slider_name` LIKE 'home_main_slider'";
    $main_slid_photo_conn = mysqli_query($conn,$main_slid_photo_sql);
    $main_slid_photo_nums = mysqli_num_rows($main_slid_photo_conn);
    $main_slid_photo_assoc = mysqli_fetch_assoc($main_slid_photo_conn);
    
    ?>

        <img src=" <?php echo $main_slid_photo_assoc['img_1'] ?> " alt="" class="slider"  id="slider"    onload="auto_ca_1()" >
        <img src=" <?php echo $main_slid_photo_assoc['img_2'] ?> " alt="" class="slider2" id="slider_2"  onload="auto_ca_2()" >
        <img src=" <?php echo $main_slid_photo_assoc['img_3'] ?> " alt="" class="slider3" id="slider_3"  onload="auto_ca_3()" >
        <img src=" <?php echo $main_slid_photo_assoc['img_4'] ?> " alt="" class="slider4" id="slider_4"  onload="auto_ca_4()" >
        <img src=" <?php echo $main_slid_photo_assoc['img_5'] ?> " alt="" class="slider5" id="slider_5"  onload="auto_ca_5()" >
        <img src=" <?php echo $main_slid_photo_assoc['img_6'] ?> " alt="" class="slider6" id="slider_6"  onload="auto_ca_6()" >
        <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="mc1m1"></div>
                <div class="mc1m2">
                    <h2>Crafting Spaces. <br> Making It More Than A <br> Dream For Clients</h2>
                </div>
                <div class="mc1m3" id="mc1m3"></div>
                <div class="mc1m3_click" id="mc1m3_click"   style="z-index: 10;"  >
                    <ul class="fmenu">

                        

                <?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="subpages/'.$get_manu_assoc['link'].'" style=" color:white; text-decoration:none; " > <li>'.$get_manu_assoc['menu_option'].'</li> </a>';
                    }
                }

                ?>
                            
                        </ul>
                </div>
            </div>
            <div class="mc1d">
                <div class="mc1d1">
                    <div class="b_button" id="slider_button"   ></div>
                    <div class="w_button" id="slider_button_2" ></div>
                    <div class="w_button" id="slider_button_3"></div>
                    <div class="w_button" id="slider_button_4"></div>
                    <div class="w_button" id="slider_button_5"></div>
                    <div class="w_button" id="slider_button_6"></div>
                </div>
                <div class="mc1d2"></div>
                <div class="mc1d3">
                    <h2 > <span style="font-size: 2.2vw;" id="nums" >1</span>/6 </h2>
                </div>
            </div>
        </div>
    </section>


    <!-- SECTION == 2 -->

<section>

    <div class="main_contant_2" id="">
        <div class="mc2l"></div>
        <div class="mc2m">


                <div class="mc2d1">
                    <h2> LOVE THE SPACE YOU'RE IN </h2>
                </div>

                <div class="mc2d2">
                    <h2>BRING YOUR DREAM HOME TO LIFE WITH ONE-ON <br> -ONE DESIGN HELP & HAND-PICKED PRODUCTS <br>
                        TAILORED TO YOUR STYLE, SPACE, AND BUDGET.</h2>
                </div>

                <div class="mc2d3">
                    <img src="images/Play Button Circled.png" alt="" srcset="">
                    <h2>SEE US IN MOTION</h2>
                </div>

            

        </div>
        <div class="mc2r" id=""></div>
    </div>

</section>


<!-- SECTION == 3 -->


<section>
    <div class="main_contant_3">
        <div class="up_side">
            <img src="images/BG_IMG_3_1.png" alt="" srcset="">
            <div>
            <div>SHOW US YOUR STYLE. <br><br> </div>
            <div>HAVE BIG DREAMS FOR YOUR <br> SPACE? SHARE YOUR INSPIRATION, GOALS, AND BUDGET AND WE'LL <br> HELP YOU DESIGN A SPACE YOU LOVE.</div>
        </div>
        
        </div>
        <div class="r_1" ></div>
            <div class="down_side">
                <div>
                    <div>SHOW US YOUR STYLE. <br><br> </div>
                    <div>HAVE BIG DREAMS FOR YOUR <br> SPACE? SHARE YOUR INSPIRATION, GOALS, AND BUDGET AND WE'LL <br> HELP YOU DESIGN A SPACE YOU LOVE.</div>
                </div>
                <img src="images/BG_IMG_3_2.png" alt="" srcset="">
                
            </div>
            <div class="r_2"></div>
        
    </div>
</section>


<!-- SECTION == 4 -->
<section>

    <div class="main_contant_4">
        <div class="mcl4">
             <div class="ca_round_1" ></div> 
        </div>
        <div class="mcm4">
    
            
            <div class="main_ca">
    
                <div class="line">
                    <div class="upper_info" id="upper_info" >
                        <h2 onclick="ca_1()">01</h2>
                        <h2 onclick="ca_2()">02</h2>
                        <h2 onclick="ca_3()">03</h2>
                        <h2 onclick="ca_4()">04</h2> 
                       
                    </div>
                    <div class="pro_line_main">
                    <div class="pro_line" id="pro_line"  onclick="ca_1()" ></div>
                    <div class="pro_line2" id="pro_line2"  onclick="ca_2()" ></div>
                    <div class="pro_line3" id="pro_line3"  onclick="ca_3()" ></div>
                    <div class="pro_line4" id="pro_line4"  onclick="ca_4()" ></div>
                    
                </div>
                    <div class="lower_info" id="lower_info" >
                        <h2 id="ca_1" onclick="ca_1()" >My Style</h2>
                        <h2 id="ca_2"  onclick="ca_2()">My Project</h2>
                        <h2 id="ca_3"  onclick="ca_3()">My Moodboard</h2>
                        <h2 id="ca_4" onclick="ca_4()" >My Plan</h2>
                    </div>
                </div>
    
     
                
                <div class="ca_contant" id="ca_contant" >
                    <div class="arrow" >
                        <div class="left" onclick="l_a_ca_4()" >&#8592;</div>
                        <div class="right" onclick="r_a_ca_2()" >&#8594;</div>
                    </div>
                    <div class="ca_text_img">
                        <div>
                        <div class="ca_text">FINE YOUR STYLE <br> <br> </div>
                        <div class="ca_text_2">i discover my home style using the hop deco quiz</div>
                        <div class="ca_round" ><img src="images/icons/Ellipse 9.png" alt=""><h2>01</h2></div>
                    </div>
                        <div class="ca_img">
                        <img src="images/slider 2.jpg" alt="">
                        </div>
                        <div class="ca_img_2"></div>
                    </div>
                </div>
    
    
                <div class="ca_contant2" id="ca_contant2" >
                    <div class="arrow" >
                        <div class="left" onclick="l_a_ca_1()" >&#8592;</div>
                        <div class="right" onclick="r_a_ca_3()" >&#8594;</div>
                    </div>
                    <div class="ca_text_img">
                        <div>
                            <div class="ca_text">FINE YOUR STYLE <br> <br> </div>
                            <div class="ca_text_2">i discover my home style using the hop deco quiz</div>
                            <div class="ca_round" ><img src="images/icons/Ellipse 9.png" alt=""><h2>02</h2></div>
                        </div>
                        <div class="ca_img"> <img src="images/slider 3.jpg" alt=""> </div>
                    </div>
                </div> 
    
    
                <div class="ca_contant3" id="ca_contant3" >
                    <div class="arrow" >
                        <div class="left" onclick="l_a_ca_2()" >&#8592;</div>
                        <div class="right" onclick="r_a_ca_4()" >&#8594;</div> 
                    </div>
                    <div class="ca_text_img">
                        <div>
                        <div class="ca_text">FINE YOUR STYLE <br> <br> </div>
                        <div class="ca_text_2">i discover my home style using the hop deco quiz</div>
                        <div class="ca_round" ><img src="images/icons/Ellipse 9.png" alt=""><h2>03</h2></div>
                    </div>
                        <div class="ca_img"> <img src="images/slider 4.jpg" alt=""> </div>
                    </div>
                </div>
    
    
                <div class="ca_contant4" id="ca_contant4" >
                    <div class="arrow" >
                        <div class="left" onclick="l_a_ca_3()" >&#8592;</div>
                        <div class="right" onclick="r_a_ca_1()" >&#8594;</div>
                    </div>
                    <div class="ca_text_img">
                        <div>
                        <div class="ca_text">FINE YOUR STYLE <br> <br> </div>
                        <div class="ca_text_2">i discover my home style using the hop deco quiz</div>
                        <div class="ca_round" ><img src="images/icons/Ellipse 9.png" alt=""><h2>04</h2></div>
                    </div>
                        <div class="ca_img"> <img src="images/slider 5.jpg" alt=""> </div>
                    </div>
                </div>
    
            </div>
        </div>
        <div class="mcr4">
             <div class="ca_round_2" ></div> 
        </div>
    </div>
    
    </section>
    

<!-- SECTION == 5 -->
<section>
    <div class="main_contant_5">

        <div class="mcl5">
            <div id="left_arrow" ><h2 onclick="right_click_2()" >&#8592;</h2></div>
        </div>
        <div class="mcm5">
            <h2>OUR SERVICES</h2>
            <div class="mcm5_c" id="s2">
                <div>
                <h2> 
                    WHAT CAN WE OFFER
                </h2>
                <h2>
                    HOP DECO IS AN INTERACTIVE PLATFORM <br> THAT PUTS YOU IN TOUCH WITH PROFESSIONAL AND <br> FRIENDLY INTERIOR DESIGNERS. REDESIGN THE ROOM <br> OF YOUR CHOICE ACCORDING TO YOUR <br> TASTES, YOUR SCHEDULE AND YOUR BUDGET.
                </h2>
                <!-- <img src="images/mcm5.jpg" alt=""> -->
            </div>
            </div>
        </div>
        
        <div class="mcr5">
            <div id="right_arrow" ><h2 onclick="left_click_2()" >&#8594;</h2></div>
        </div>


    </div>
</section>


<!--  SECTION == 6   -->
<section>
    <div class="main_contant_6">
        <div class="mcl6">
            <h1>OUR SKILLS</h1>
            <H2>THE CORE COMAPANY VALUES</H2>
            <H3>We Are Constantly Growing, Learning, And Improving And Our Partners Are Steadily Increasing. 200 Project Is A Sizable Number.</H3>
            <div class="mcl6_c">

                <div>
                    <div> <img src="images/icons/mc 61.png" alt="" srcset=""> <h2>100%</h2></div>
                   <div  class="mcl6_c_1"  > <h3>Interior Sketch</h2></div>
                </div>

                <div>
                    <div> <img src="images/icons/mc 62.png" alt="" srcset=""> <h2>95%</h2></div>
                  <div  class="mcl6_c_1"  > <h3> Interior Sketch</h2></div>
                </div>

                <div>
                    <div> <img src="images/icons/mc 63.png" alt="" srcset=""> <h2>90%</h2></div>
                  <div  class="mcl6_c_1"  > <h3>Interior Sketch</h2></div>
                </div>

            </div>
            <div class="git"><a href="subpages/contact us.php"><h2>GET IN TOUCH</h2></a></div>
        </div>
        <div class="mcr6">
            <img src="images/image3-home1 1.png">
        </div>
    </div>
</section>



<?php

include 'footer.php';


?>







        <script src="js/index.js?v=<?php echo $v?>"></script>
        <script src="js/ca.js?v=<?php echo $v?>"></script>
        <script src="js/main_slider.js?v=<?php echo $v?>"></script>
</body>

</html>