CybroAddons/front_office_management/static/description/index.html

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h2 class="oe_slogan">Front Office Management</h2>
        <h3 class="oe_slogan">Manages Visitors and Employee Belongings</h3>
        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
    </div>
    <div class="oe_row oe_spaced" style="padding-left:65px;">
        <h4>Features:</h4>
        <div>
            <span style="color:green;"> &#9745; </span> Manage visitors.<br/>
            <span style="color:green;"> &#9745; </span> Issue Visitor Pass.<br/>
            <span style="color:green;"> &#9745; </span> Keep Check in, Check out Details of Visitors.<br/>
            <span style="color:green;"> &#9745; </span> Manage Visitor Belongings.<br/>
            <span style="color:green;"> &#9745; </span> Print Report Of visitor.<br/>
            <span style="color:green;"> &#9745; </span> Manage Employee Belongings.<br/>
            <span style="color:green;"> &#9745; </span> Print Property Label.<br/>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_picture">
            <h3 class="oe_slogan">Overview</h3>
            <p class="oe_mt32 text-justify" style="text-align: center;">
               This app will help you to manage the visitors coming to your office by issuing entry passes and handling their belongings.
                The app can also manage the belongings of your employees.
            </p>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h3>Visitors</h3>
            <p>
        </div>
        <div style="text-align: center">
            <span class="oe_mt32 text-justify" style="text-align: center;">Create visitors.</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="visitor.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h3>Visits</h3>
            </p>
        </div>
        <div class="" style="text-align: center">
            <span class="oe_mt32 text-justify" style="text-align: center;">Add visiting details.</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="visit.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h3>Visitor Pass</h3>
            </p>
        </div>
        <div class="" style="text-align: center">
            <span>Go to Visitor Management -> Visits -> Print -> Visitor Pass</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="pass.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h3>Visitor Report</h3>
            </p>
        </div>
        <div class="" style="text-align: center">
            <span>Go to Visitor Management -> Visits -> Print -> Visitors Report</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="report.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h3>Today's Visits</h3>
            </p>
        </div>
        <div class="" style="text-align: center">
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="todays.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h3>Employee Belongings</h3>
            </p>
        </div>
        <div class="" style="text-align: center">
            <span>Here you can specify the field 'Permission' with the values of Allowed,Not Allowed and Allowed with permission.</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="belongings.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h3>Property Label</h3>
            </p>
        </div>
        <div class="" style="text-align: center">
            <span class="oe_mt32 text-justify" style="text-align: center;">Print the properties name that are not allowed to enter to the office.</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="label.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h3>Receptionist</h3>
            </p>
        </div>
        <div class="" style="text-align: center">
            <span>We can set 'Receptionist' access from users form.</span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="user.png">
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
    <div class="oe_slogan" style="margin-top:10px !important;">
        <div>
            <a  class="btn btn-primary btn-lg mt8"
            style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
            class="fa fa-envelope"></i> Email </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="https://www.cybrosys.com/contact/"><i
            class="fa fa-phone"></i> Contact Us </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="https://www.cybrosys.com/odoo-customization-and-installation/"><i
            class="fa fa-check-square"></i> Request Customization </a>
        </div>
        <br>
        <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
        <div>
          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
        </div>
    </div>
</section>