{% extends 'website/base/base.html' %}
{% block title %} D-Property Portal {% endblock %}
{% block meta_description %}Manage your real estate projects with the best real estate software. With CRM software enlist your real estate inventory and projects.{% endblock %}

{% block stylesheets %}



<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- Stylesheets -->
<link href="../static/website/assets/css/font-awesome-all.css" rel="stylesheet">
<link href="../static/website/assets/css/flaticon.css" rel="stylesheet">
<link href="../static/website/assets/css/owl.css" rel="stylesheet">
<link href="../static/website/assets/css/bootstrap.css" rel="stylesheet">
<link href="../static/website/assets/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="../static/website/assets/css/animate.css" rel="stylesheet">
<link href="../static/website/assets/css/aos.css" rel="stylesheet">
<link href="../static/website/assets/css/nice-select.css" rel="stylesheet">
<link href="../static/website/assets/css/jquery-ui.css" rel="stylesheet">
<link href="../static/website/assets/css/elpath.css" rel="stylesheet">
<link href="../static/website/assets/css/color.css" id="jssDefault" rel="stylesheet">
<link href="../static/website/assets/css/rtl.css" rel="stylesheet">
<link href="../static/website/assets/css/style.css" rel="stylesheet">
<link href="../static/website/assets/css/module-css/page-title.css" rel="stylesheet">
<link href="../static/website/assets/css/module-css/service.css" rel="stylesheet">
<link href="../static/website/assets/css/module-css/cta.css" rel="stylesheet">
<link href="../static/website/assets/css/module-css/process.css" rel="stylesheet">
<link href="../static/website/assets/css/module-css/pricing.css" rel="stylesheet">
<link href="../static/website/assets/css/module-css/contact.css" rel="stylesheet">
<link href="../static/website/assets/css/responsive.css" rel="stylesheet">


<style>
        body{
            background-image: url('../static/website/assets/images/entire-body.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            margin: 0;
            padding: 0;
        }
        .video-resize {
        width: 100%;  /* Full width */
        height: 600px; /* Adjust the height as needed */
        object-fit: cover; /* Ensures the video fills the area without distortion */
    }


    .features-section {
    padding: 50px 0;
}

.feature-block {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.feature-block img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.feature-block span {
    font-size: 16px;
    color: #ffffff;
    text-align: justify;
}

.col-lg-6 {
    display: flex;
    flex-direction: column;
}
</style>

{% endblock stylesheets %}

{% block content %}






        <section  class="banner-style-two banner-style-five p_relative pt_200 pb_200">
            
            <div class="auto-container">
                <div class="row align-items-center"> 
                    <div class="col-lg-12 col-md-12 col-sm-12 content-column">
                        <div class="content-box">
                            <p style="font-size: 17px; text-align: justify;">
                                <strong>"Stay tuned – our exciting new Property Portal solution is currently in development and will be launching soon! We're working hard to bring you a powerful, efficient, and easy-to-use Property Portal 
                                 that will transform the way you do business. Get ready for a seamless and innovative experience, coming your way shortly!"</strong>
                            </p> 
                            <a href="{% url 'home' %}"><button style="margin-top: 20px; padding: 8px 20px 8px 20px;" class="btn-two theme-btn btn-sm">Home</button></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>




        <!-- <section  class="banner-style-two banner-style-five p_relative pt_200">
            
            <div class="auto-container">
                <div class="row align-items-center"> 
                    <div class="col-lg-6 col-md-12 col-sm-12 video-column">
                        <div class="video-box">
                            <figure class="video">
                                <img src="../static/website/assets/images/property-portal.png" alt="Logo" width="70%" height="auto">
                            </figure>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                        <div class="content-box">
                            <p style="font-size: 17px; text-align: justify;">
                                Our web solutions are built with Django, offering a robust and scalable backend. The design is fully responsive, utilizing Bootstrap to ensure seamless experiences across both mobile and desktop platforms. We focus on creating a user-friendly interface with a simple, intuitive layout that enhances ease of use. Enhanced interactivity is incorporated with JavaScript and jQuery, making the site more engaging. AJAX is used for smooth, asynchronous data loading, providing a faster user experience. Our websites are fully mobile-friendly, ensuring easy access on smartphones and tablets. Finally, we integrate a reliable SQL database for efficient and secure data management.
                            </p> 
                            
                        </div>
                    </div>
                </div>
            </div>
        </section>




        <section class="video-section p_relative pt_100">
            <div class="pattern-layer-2" style="background-image: url(../static/website/assets/images/shape/bg-03.png);"></div>
            <div class="auto-container">
                <div class="row align-items-center">
                    <div class="col-12">
                        <div class="video-box">
                            <figure class="video">
                                <video class="video-resize" controls>
                                    <source src="../static/website/assets/images/digiinn-vid.mp4" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>








        <section class="banner-style-two banner-style-five p_relative pt_150 pb_120">
            <div class="auto-container">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                        <div class="content-box">
                            <h3 style="font-size: 47px; font-weight: 800; background: linear-gradient(45deg, rgba(107,145,199,1) 0%, rgba(214,91,129,1) 100%); -webkit-background-clip: text; color: transparent;">
                                Tech & Compatibility
                            </h3>
                            <p style="font-size: 17px;">
                                Digi-Inn is a leading IT solutions company that provides custom software development services to businesses of all sizes. Our team of experienced and skilled developers can create custom software solutions that meet the specific needs of your business.
                            </p>      
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12">
                        <div class="image-box">
                            <figure>
                                
                                <img src="../static/website/assets/images/dproperty-portal.png" alt="Service Image" width="100%" height="auto">
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>









        <section class="features-section">
            <div class="auto-container">
                <div class="row">
                   
                    <div class="col-lg-6">
                        <div class="feature-block">
                            <img src="../static/website/assets/images/icons/icon-2.png" alt="Settings Icon">
                            <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, nobis dolorum. Accusamus, minus at voluptatibus necessitatibus </span>
                        </div>
                        <div class="feature-block">
                            <img src="../static/website/assets/images/icons/icon-2.png" alt="Cloud Storage Icon">
                            <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, nobis dolorum. Accusamus, minus at voluptatibus necessitatibus </span> 
                        </div>
                        <div class="feature-block">
                            <img src="../static/website/assets/images/icons/icon-2.png" alt="Mobile App Icon">
                            <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, nobis dolorum. Accusamus, minus at voluptatibus necessitatibus </span>
                        </div>
                        <div class="feature-block">
                            <img src="../static/website/assets/images/icons/icon-2.png" alt="Security Icon">
                            <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, nobis dolorum. Accusamus, minus at voluptatibus necessitatibus </span>
                        </div>
                       
                    </div>
        
                    
                    <div class="col-lg-6">
                        <div class="feature-block">
                            <img src="../static/website/assets/images/icons/icon-2.png" alt="Feature 1 Icon">
                            <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, nobis dolorum. Accusamus, minus at voluptatibus necessitatibus </span>
                        </div>
                        <div class="feature-block">
                            <img src="../static/website/assets/images/icons/icon-2.png" alt="Feature 2 Icon">
                            <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, nobis dolorum. Accusamus, minus at voluptatibus necessitatibus </span>
                        </div>
                        <div class="feature-block">
                            <img src="../static/website/assets/images/icons/icon-2.png" alt="Feature 3 Icon">
                            <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, nobis dolorum. Accusamus, minus at voluptatibus necessitatibus </span>
                        </div>
                        <div class="feature-block">
                            <img src="../static/website/assets/images/icons/icon-2.png" alt="Feature 4 Icon">
                            <span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod, nobis dolorum. Accusamus, minus at voluptatibus necessitatibus </span>
                        </div>
                       
                    </div>
                </div>
            </div>
        </section>










         <section class="contact-section p_relative pt_50 pb_150">
            <div class="auto-container">
                <div class="sec-title mb_60 centred light">
                    <h2>Get Access Now</h2>
                </div>
                <div class="form-inner">
                    <form method="post" action="" id="contact-form"> 
                        <div class="row clearfix">
                            
                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                <input type="text" name="username" placeholder="Your Name" required="">
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                <input type="text" name="company_name" placeholder="Your Company Name" required="">
                            </div>
                        </div>
                    
                        <div class="row clearfix">
                           

                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                <input type="email" name="email" placeholder="Your Email" required="">
                            </div>
                            
                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                <input type="text" name="contact_no" placeholder="Your Contact Number" required="">
                            </div>
                        </div>
                        <div class="row clearfix">
                           
                            <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                <textarea name="message" placeholder="Type your message or description"></textarea>
                            </div>
                        </div>
                    
                        <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn mr-0 Right pt_20">
                            <button class="theme-btn btn-two" type="submit" name="submit-form"><span>Send Message</span></button>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    -->






       


      

       


      


       

{% block javascripts %}


    <!-- jequery plugins -->
    <script src="../static/website/assets/js/jquery.js"></script>
    <script src="../static/website/assets/js/bootstrap.min.js"></script>
    <script src="../static/website/assets/js/owl.js"></script>
    <script src="../static/website/assets/js/wow.js"></script>
    <script src="../static/website/assets/js/jquery.fancybox.js"></script>
    <script src="../static/website/assets/js/appear.js"></script>
    <script src="../static/website/assets/js/isotope.js"></script>
    <script src="../static/website/assets/js/jquery.nice-select.min.js"></script>
    <script src="../static/website/assets/js/aos.js"></script>
    <script src="../static/website/assets/js/jquery-ui.js"></script>
    <script src="../static/website/assets/js/product-filter.js"></script>
    <script src="../static/website/assets/js/bxslider.js"></script>
    <script src="../static/website/assets/js/jquery.bootstrap-touchspin.js"></script>
    <script src="../static/website/assets/js/validation.js"></script>

    <!-- main-js -->
    <script src="../static/website/assets/js/script.js"></script>

    {% endblock javascripts %}
    {% endblock content %}