You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							478 lines
						
					
					
						
							37 KiB
						
					
					
				
			
		
		
		
			
			
			
		
		
	
	
							478 lines
						
					
					
						
							37 KiB
						
					
					
				
								<div class="container"
							 | 
						|
								     style="padding: 1rem !important; margin-bottom: 1rem !important;">
							 | 
						|
								    <div class="row">
							 | 
						|
								        <div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
							 | 
						|
								             style="border-bottom: 1px solid #d5d5d5;">
							 | 
						|
								            <div class="my-3">
							 | 
						|
								                <img src="cybro_logo.png" style="width: auto !important; height: 40px !important;">
							 | 
						|
								            </div>
							 | 
						|
								            <div class="my-3 d-flex align-items-center">
							 | 
						|
								                <div style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
							 | 
						|
								                    <i class="fa fa-check mr-1"></i>Community
							 | 
						|
								                </div>
							 | 
						|
								                <div style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
							 | 
						|
								                    <i class="fa fa-check mr-1"></i>Enterprise
							 | 
						|
								                </div>
							 | 
						|
								            </div>
							 | 
						|
								        </div>
							 | 
						|
								    </div>
							 | 
						|
								</div>
							 | 
						|
								
							 | 
						|
								<div class="container" style="padding: 0rem 1.5rem 4rem !important">
							 | 
						|
								    <div class="row" style="height: 900px !important;">
							 | 
						|
								        <div class="col-sm-12 col-md-12 col-lg-12"
							 | 
						|
								             style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
							 | 
						|
								            <h1
							 | 
						|
								                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
							 | 
						|
								                Magic Note</h1>
							 | 
						|
								            <p
							 | 
						|
								                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
							 | 
						|
								              Use Colors to Prioritise Your Notes in Odoo.
							 | 
						|
								            </p>
							 | 
						|
								            <img src="images/hero.gif" class="img-responsive"
							 | 
						|
								                 width="100%" height="auto"/>
							 | 
						|
								        </div>
							 | 
						|
								    </div>
							 | 
						|
								
							 | 
						|
								    <div class="row">
							 | 
						|
								        <div class="col-md-12"
							 | 
						|
								             style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
							 | 
						|
								            <h2
							 | 
						|
								                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
							 | 
						|
								                <i class="fa fa-compass mr-2"></i>Explore this module
							 | 
						|
								            </h2>
							 | 
						|
								            <div class="row">
							 | 
						|
								                <div class="col-md-6">
							 | 
						|
								                    <a href="#overview"
							 | 
						|
								                       style="text-decoration: none !important;">
							 | 
						|
								                        <div class="row"
							 | 
						|
								                             style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
							 | 
						|
								                            <div class="col-8">
							 | 
						|
								                                <h3
							 | 
						|
								                                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
							 | 
						|
								                                    Overview</h3>
							 | 
						|
								                                <p
							 | 
						|
								                                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
							 | 
						|
								                                    Learn more about this module</p>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="col-4 text-right d-flex justify-content-end align-items-center">
							 | 
						|
								                                <i class="fa fa-chevron-right"
							 | 
						|
								                                   style="color: #714B67 !important;"></i>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                    </a>
							 | 
						|
								                </div>
							 | 
						|
								                <div class="col-md-6">
							 | 
						|
								                    <a href="#features"
							 | 
						|
								                       style="text-decoration: none !important;">
							 | 
						|
								                        <div class="row"
							 | 
						|
								                             style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
							 | 
						|
								                            <div class="col-8">
							 | 
						|
								                                <h3
							 | 
						|
								                                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
							 | 
						|
								                                    Features</h3>
							 | 
						|
								                                <p
							 | 
						|
								                                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
							 | 
						|
								                                    View features of this module</p>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="col-4 text-right d-flex justify-content-end align-items-center">
							 | 
						|
								                                <i class="fa fa-chevron-right"
							 | 
						|
								                                   style="color: #714B67 !important;"></i>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                    </a>
							 | 
						|
								                </div>
							 | 
						|
								                <div class="col-md-6">
							 | 
						|
								                    <a href="#screenshots"
							 | 
						|
								                       style="text-decoration: none !important;">
							 | 
						|
								                        <div class="row"
							 | 
						|
								                             style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
							 | 
						|
								                            <div class="col-8">
							 | 
						|
								                                <h3
							 | 
						|
								                                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
							 | 
						|
								                                    Screenshots</h3>
							 | 
						|
								                                <p
							 | 
						|
								                                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
							 | 
						|
								                                    See key screenshots of this module</p>
							 | 
						|
								                            </div>
							 | 
						|
								                            <div class="col-4 text-right d-flex justify-content-end align-items-center">
							 | 
						|
								                                <i class="fa fa-chevron-right"
							 | 
						|
								                                   style="color: #714B67 !important;"></i>
							 | 
						|
								                            </div>
							 | 
						|
								                        </div>
							 | 
						|
								                    </a>
							 | 
						|
								                </div>
							 | 
						|
								            </div>
							 | 
						|
								        </div>
							 | 
						|
								
							 | 
						|
								    </div>
							 | 
						|
								
							 | 
						|
								    <div class="row" id="overview">
							 | 
						|
								        <div class="col-md-12"
							 | 
						|
								             style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
							 | 
						|
								            <h2
							 | 
						|
								                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
							 | 
						|
								                <i class="fa fa-pie-chart mr-2"></i>Overview
							 | 
						|
								            </h2>
							 | 
						|
								        </div>
							 | 
						|
								
							 | 
						|
								        <div class="col-mg-12 pl-3">
							 | 
						|
								            <p
							 | 
						|
								                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
							 | 
						|
								                Color your notes automatically.</p>
							 | 
						|
								        </div>
							 | 
						|
								        </p>
							 | 
						|
								
							 | 
						|
								    </div>
							 | 
						|
								
							 | 
						|
								
							 | 
						|
								    <div class="row" id="features">
							 | 
						|
								        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
							 | 
						|
								            <h2
							 | 
						|
								                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
							 | 
						|
								                <i class="fa fa-star mr-2"></i>Features
							 | 
						|
								            </h2>
							 | 
						|
								        </div>
							 | 
						|
								
							 | 
						|
								        <div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
							 | 
						|
								        <div class="col-sm-12 col-md-6">
							 | 
						|
								            <div class="d-flex align-items-center" style="margin-top: 40px; margin-bottom: 40px">
							 | 
						|
								                <img src="images/check-box.png" class="mr-2"/>
							 | 
						|
								                <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Community and Enterprise Support</span>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
							 | 
						|
								                <img src="images/check-box.png" class="mr-2"/>
							 | 
						|
								                <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">This module helps you to prioritize notes by colour.The colour of notes changes based on the Dead date,
							 | 
						|
								            on every on-load of kanban view.</span>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
							 | 
						|
								                <img src="images/check-box.png" class="mr-2"/>
							 | 
						|
								                <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">This feature helps you to differentiate notes easily.</span>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
							 | 
						|
								                <img src="images/check-box.png" class="mr-2"/>
							 | 
						|
								                <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Deadline date can be set inside notes.</span>
							 | 
						|
								            </div>
							 | 
						|
								        </div>
							 | 
						|
								</div>
							 | 
						|
								
							 | 
						|
								    <div class="row" id="screenshots">
							 | 
						|
								        <div class="col-md-12"
							 | 
						|
								             style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
							 | 
						|
								            <h2
							 | 
						|
								                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
							 | 
						|
								                <i class="fa fa-image mr-2"></i>Screenshots
							 | 
						|
								            </h2>
							 | 
						|
								        </div>
							 | 
						|
								        <div class="col-lg-12 my-2">
							 | 
						|
								            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400;">
							 | 
						|
								                Notes Form.</h3>
							 | 
						|
								            <p
							 | 
						|
								                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
							 | 
						|
								                New menus are added under notes module 'Configuration'.
							 | 
						|
								            </p>
							 | 
						|
								            <img src="images/image_1.png"
							 | 
						|
								                 class="img-responsive img-thumbnail border" width="100%"
							 | 
						|
								                 height="auto"/>
							 | 
						|
								        </div>
							 | 
						|
								
							 | 
						|
								        <div class="col-lg-12 my-3">
							 | 
						|
								         <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400;">
							 | 
						|
								              Settings
							 | 
						|
								            </h3>
							 | 
						|
								            <p
							 | 
						|
								                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
							 | 
						|
								                Under settings,<br/>* Provide the default color of notes , color after the deadline date and the color if deadline is not inside the interval.<br/>
							 | 
						|
								                (Note: The default color and color after deadline will be updated only if a date interval is not created)
							 | 
						|
								            </p>
							 | 
						|
								            <img src="images/image_2.png"
							 | 
						|
								                 class="img-responsive img-thumbnail border" width="100%"
							 | 
						|
								                 height="auto"/>
							 | 
						|
								        </div>
							 | 
						|
								
							 | 
						|
								        <div class="col-lg-12 my-3">
							 | 
						|
								         <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400;">
							 | 
						|
								              Date Interval
							 | 
						|
								            </h3>
							 | 
						|
								            <p
							 | 
						|
								                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
							 | 
						|
								                Under Date interval,<br/>* Create an interval of days (Days from current date) to the deadline date.<br/>* Lower limit and upper limit is used to create the interval.
							 | 
						|
								            </p>
							 | 
						|
								            <img src="images/image_3.png"
							 | 
						|
								                 class="img-responsive img-thumbnail border" width="100%"
							 | 
						|
								                 height="auto"/>
							 | 
						|
								        </div>
							 | 
						|
								
							 | 
						|
								        <div class="col-lg-12 my-3">
							 | 
						|
								            <p
							 | 
						|
								                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
							 | 
						|
								                'Deadline' field is created in notes to specify the deadline date of note.
							 | 
						|
								            </p>
							 | 
						|
								            <img src="images/image_4.png"
							 | 
						|
								                 class="img-responsive img-thumbnail border" width="100%"
							 | 
						|
								                 height="auto"/>
							 | 
						|
								        </div>
							 | 
						|
								
							 | 
						|
								        <div class="col-lg-12 my-3">
							 | 
						|
								            <p
							 | 
						|
								                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
							 | 
						|
								                Colors will be shown in different notes with respect to the configurations set.
							 | 
						|
								            </p>
							 | 
						|
								            <p
							 | 
						|
								                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #FF0000 !important; font-size: 1rem !important;">
							 | 
						|
								                Refresh the page to load the changes in the view.
							 | 
						|
								            </p>
							 | 
						|
								            <img src="images/image_5.png"
							 | 
						|
								                 class="img-responsive img-thumbnail border" width="100%"
							 | 
						|
								                 height="auto"/>
							 | 
						|
								        </div>
							 | 
						|
								    </div>
							 | 
						|
								    <!-- SUGGESTED PRODUCTS -->
							 | 
						|
								    <div class="row">
							 | 
						|
								        <div class="col-lg-12 d-flex flex-column justify-content-center"
							 | 
						|
								             style="text-align: center; padding: 2.5rem 1rem !important;">
							 | 
						|
								            <h2 style="color: #212529 !important;">Suggested Products</h2>
							 | 
						|
								            <hr
							 | 
						|
								                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
							 | 
						|
								
							 | 
						|
								            <div id="demo1" class="row carousel slide" data-ride="carousel">
							 | 
						|
								                <!-- The slideshow -->
							 | 
						|
								                <div class="carousel-inner">
							 | 
						|
								                    <div class="carousel-item active" style="min-height:0px">
							 | 
						|
								                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
							 | 
						|
								                             style="float:left">
							 | 
						|
								                            <a href="https://apps.odoo.com/apps/modules/14.0/project_dashboard_odoo/"
							 | 
						|
								                               target="_blank">
							 | 
						|
								                                <div style="border-radius:10px">
							 | 
						|
								                                    <img class="img img-responsive center-block"
							 | 
						|
								                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
							 | 
						|
								                                         src="images/1.png">
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
							 | 
						|
								                             style="float:left">
							 | 
						|
								                            <a href="https://apps.odoo.com/apps/modules/14.0/pdf_report_with_sign/"
							 | 
						|
								                               target="_blank">
							 | 
						|
								                                <div style="border-radius:10px">
							 | 
						|
								                                    <img class="img img-responsive center-block"
							 | 
						|
								                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
							 | 
						|
								                                         src="images/2.png">
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
							 | 
						|
								                             style="float:left">
							 | 
						|
								                            <a href="https://apps.odoo.com/apps/modules/14.0/cybrosys_support_client/"
							 | 
						|
								                               target="_blank">
							 | 
						|
								                                <div style="border-radius:10px">
							 | 
						|
								                                    <img class="img img-responsive center-block"
							 | 
						|
								                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
							 | 
						|
								                                         src="images/3.png">
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                    </div>
							 | 
						|
								                    <div class="carousel-item" style="min-height:0px">
							 | 
						|
								                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
							 | 
						|
								                             style="float:left">
							 | 
						|
								                            <a href="https://apps.odoo.com/apps/modules/14.0/product_return_pos/"
							 | 
						|
								                               target="_blank">
							 | 
						|
								                                <div style="border-radius:10px">
							 | 
						|
								                                    <img class="img img-responsive center-block"
							 | 
						|
								                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
							 | 
						|
								                                         src="images/4.png">
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
							 | 
						|
								                             style="float:left">
							 | 
						|
								                            <a href="https://apps.odoo.com/apps/modules/14.0/point_of_sale_logo/"
							 | 
						|
								                               target="_blank">
							 | 
						|
								                                <div style="border-radius:10px">
							 | 
						|
								                                    <img class="img img-responsive center-block"
							 | 
						|
								                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
							 | 
						|
								                                         src="images/5.png">
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
							 | 
						|
								                             style="float:left">
							 | 
						|
								                            <a href="https://apps.odoo.com/apps/modules/14.0/invoice_format_editor/"
							 | 
						|
								                               target="_blank">
							 | 
						|
								                                <div style="border-radius:10px">
							 | 
						|
								                                    <img class="img img-responsive center-block"
							 | 
						|
								                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
							 | 
						|
								                                         src="images/6.png">
							 | 
						|
								                                </div>
							 | 
						|
								                            </a>
							 | 
						|
								                        </div>
							 | 
						|
								                    </div>
							 | 
						|
								                </div>
							 | 
						|
								                <!-- Left and right controls -->
							 | 
						|
								                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
							 | 
						|
								                   style="left:-25px;width: 35px;color: #000;">
							 | 
						|
								                    <span class="carousel-control-prev-icon"><i
							 | 
						|
								                            class="fa fa-chevron-left"
							 | 
						|
								                            style="font-size:24px"></i></span> </a>
							 | 
						|
								                <a class="carousel-control-next" href="#demo1" data-slide="next"
							 | 
						|
								                   style="right:-25px;width: 35px;color: #000;">
							 | 
						|
								                    <span class="carousel-control-next-icon"><i
							 | 
						|
								                            class="fa fa-chevron-right"
							 | 
						|
								                            style="font-size:24px"></i></span>
							 | 
						|
								                </a>
							 | 
						|
								            </div>
							 | 
						|
								        </div>
							 | 
						|
								    </div>
							 | 
						|
								    <!-- END OF SUGGESTED PRODUCTS -->
							 | 
						|
								
							 | 
						|
								    <!-- OUR SERVICES -->
							 | 
						|
								    <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
							 | 
						|
								      <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>
							 | 
						|
								      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
							 | 
						|
								      <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
							 | 
						|
								         <!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
							 | 
						|
								         <div class="col-md-2 col-sm-6 col-xs-12">
							 | 
						|
								            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
							 | 
						|
								            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Customization </a> </h3>
							 | 
						|
								         </div>
							 | 
						|
								         <div class="col-md-2 col-sm-6 col-xs-12">
							 | 
						|
								            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
							 | 
						|
								            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Implementation </a> </h3>
							 | 
						|
								         </div>
							 | 
						|
								         <div class="col-md-2 col-sm-6 col-xs-12">
							 | 
						|
								            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
							 | 
						|
								            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Integration </a> </h3>
							 | 
						|
								         </div>
							 | 
						|
								         <div class="col-md-2 col-sm-6 col-xs-12">
							 | 
						|
								            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
							 | 
						|
								            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Support</a> </h3>
							 | 
						|
								         </div>
							 | 
						|
								         <div class="col-md-2 col-sm-6 col-xs-12">
							 | 
						|
								            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"> <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
							 | 
						|
								            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hire Odoo Developers</a> </h3>
							 | 
						|
								            </a>
							 | 
						|
								         </div>
							 | 
						|
								         <!-- </div> -->
							 | 
						|
								      </div>
							 | 
						|
								   </section>
							 | 
						|
								   <section class="row"  style="padding: 2rem 3rem 1rem;margin:0px">
							 | 
						|
								      <div class="row" style="margin: 0">
							 | 
						|
								         <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Industries</h2>
							 | 
						|
								         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
							 | 
						|
								         <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
							 | 
						|
								         <div class="row" style="width: 100%">
							 | 
						|
								            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
							 | 
						|
								               <div  >
							 | 
						|
								                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
							 | 
						|
								               </div>
							 | 
						|
								               <div style="width:70%;float:left;">
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Trading </a> </h3>
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Easily procure and sell your products. </h3>
							 | 
						|
								               </div>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
							 | 
						|
								               <div  >
							 | 
						|
								                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
							 | 
						|
								               </div>
							 | 
						|
								               <div style="width:70%;float:left;" style=" margin-bottom: 10px; ">
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Manufacturing</a> </h3>
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Plan, track and schedule your operations. </h3>
							 | 
						|
								               </div>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
							 | 
						|
								               <div  >
							 | 
						|
								                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
							 | 
						|
								               </div>
							 | 
						|
								               <div style="width:70%;float:left;">
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Restaurant</a> </h3>
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Run your bar or restaurant methodical. </h3>
							 | 
						|
								               </div>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
							 | 
						|
								               <div  >
							 | 
						|
								                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
							 | 
						|
								               </div>
							 | 
						|
								               <div style="width:70%;float:left;">
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> POS</a> </h3>
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Easy configuring and convivial selling. </h3>
							 | 
						|
								               </div>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
							 | 
						|
								               <div  >
							 | 
						|
								                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
							 | 
						|
								               </div>
							 | 
						|
								               <div style="width:70%;float:left;">
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> E-commerce & Website</a> </h3>
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Mobile friendly, awe-inspiring product pages. </h3>
							 | 
						|
								               </div>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
							 | 
						|
								               <div  >
							 | 
						|
								                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
							 | 
						|
								               </div>
							 | 
						|
								               <div style="width:70%;float:left;">
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hotel Management</a> </h3>
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> An all-inclusive hotel management application. </h3>
							 | 
						|
								               </div>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
							 | 
						|
								               <div  >
							 | 
						|
								                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
							 | 
						|
								               </div>
							 | 
						|
								               <div style="width:70%;float:left;">
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Education</a> </h3>
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> A Collaborative platform for educational management. </h3>
							 | 
						|
								               </div>
							 | 
						|
								            </div>
							 | 
						|
								            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
							 | 
						|
								               <div  >
							 | 
						|
								                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
							 | 
						|
								               </div>
							 | 
						|
								               <div style="width:70%;float:left;">
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Service Management</a> </h3>
							 | 
						|
								                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Keep track of services and invoice accordingly. </h3>
							 | 
						|
								               </div>
							 | 
						|
								            </div>
							 | 
						|
								         </div>
							 | 
						|
								      </div>
							 | 
						|
								   </section>
							 | 
						|
								</div>
							 | 
						|
								<section class="oe_container" style="padding: 0% 0% 6% 0%;">
							 | 
						|
								   <center>
							 | 
						|
								      <div class="col-md-12" style="margin: auto !important;
							 | 
						|
								         width: 70%;
							 | 
						|
								         padding: 30px;">
							 | 
						|
								         <h2 style="font-weight: 600;text-align: center;width: 100%;">Need Any Help?</h2>
							 | 
						|
								         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
							 | 
						|
								         <h4 style="font-size:16px;"> If you have anything to share with us based on your use of this module, please let us know. We are ready to offer our support. </h4>
							 | 
						|
								         <div class="col-md-6" style="float:left; padding:20px;">
							 | 
						|
								            <h4><i class="fa fa-envelope"></i>Email us </h4>
							 | 
						|
								            <p>odoo@cybrosys.com</p>
							 | 
						|
								         </div>
							 | 
						|
								         <div class="col-md-6" style="float:left; padding:20px;">
							 | 
						|
								            <h4><i class="fa fa-phone"></i> Contact Us </h4>
							 | 
						|
								            <a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com</a>
							 | 
						|
								         </div>
							 | 
						|
								      </div>
							 | 
						|
								   </center>
							 | 
						|
								</section>
							 | 
						|
								<section class="oe_container" style="padding: 0% 0% 6% 0%;">
							 | 
						|
								   <div class="oe_slogan" style="margin-bottom: 0px;">
							 | 
						|
								      <div style=" display: flex; justify-content: center; flex-wrap: wrap; ">
							 | 
						|
								      </div>
							 | 
						|
								      <br>
							 | 
						|
								      <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
							 | 
						|
								      <div style=" display: flex; justify-content: center; flex-wrap: wrap; "> <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></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;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></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;  height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></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;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
							 | 
						|
								         </td>
							 | 
						|
								      </div>
							 | 
						|
								   </div>
							 | 
						|
								</section>
							 | 
						|
								</div>
							 | 
						|
								</div>
							 | 
						|
								
							 |