[FIX]index file structure changed to bootstrap

This commit is contained in:
Mayank Vara 2018-01-02 17:18:47 +05:30
parent a575531420
commit d6db32eec3
38 changed files with 1179 additions and 1181 deletions

View File

@ -1,20 +1,20 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Turn Quotes Into Invoices with minimal effort</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Turn Quotes Into Invoices with minimal effort</h2>
<h3 class="oe_slogan oe_mb32">Bill automatically based on SO, delivery orders, contracts or time and material</h3>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-copy fa-2x"/>
<p class="oe_mt16">
Create invoices based on quotes sent to your clients.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-file-text fa-2x"/>
<p class="oe_mt16">
Send professional looking invoices directly to your clients in just a click.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-file-pdf-o fa-2x"/>
<p class="oe_mt16">
Automatically send them by email as a PDF attachment or print and send them by post.
@ -26,9 +26,9 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Get paid faster</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Get paid faster</h2>
<h3 class="oe_slogan">Online payments and automated follow-ups</h3>
<p class="oe_mt32">
Accept online payments via Paypal, Ogone, Buckaroo or Adyen. Eliminate the stress of sending reminders for late or outstanding payments. Simply set up and automate follow-ups to get paid quickly.
@ -39,33 +39,33 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Simplify your accounting</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Simplify your accounting</h2>
<h3 class="oe_slogan">Keep track of bank account movements and the status of invoices</h3>
<p class="oe_mt32">
Use a status overview to help keep track of drafts, paid and unpaid invoices. Automatically record all transactions from your bank accounts by importing and reconciling your bank statements.
</p>
<div class="oe_row_img oe_centered oe_mt32">
<div class="row_img oe_centered oe_mt32">
<img class="oe_picture oe_screenshot" src="account_sc_03.png">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Analyze your sales</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Analyze your sales</h2>
<h3 class="oe_slogan">Access insightful data to get the big picture</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32 text-justify'>
Get direct access to key information with dynamic and customizable dashboards. Make your own definition and analyze your invoicing by product, customer, salesperson, etc.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="analysis.png">
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,10 +1,10 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<div class="oe_span12">
<h2 class="oe_slogan">Odoo Dashboard</h2>
<section class="container">
<div class="row oe_spaced">
<div class="col-md-12">
<h2 class="oe_slogan">Flectra Dashboard</h2>
<h3 class="oe_slogan">Keep your eyes on your whole business analysis</h3>
</div>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="board_sc_00.png">
</div>
@ -12,33 +12,33 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan">Get the indicators of your company's well-being at a glance</h2>
<h3 class="oe_slogan">Gather all your Odoo reports in one app</h3>
<div class="oe_span6">
<h3 class="oe_slogan">Gather all your Flectra reports in one app</h3>
<div class="col-md-6">
<p class="oe_mt32">
After creating reports in each Odoo app, you can choose to make them as Favorite and adding those on your 'Dashboard'. Odoo Dashboard is the reporting module that gathers all your favorite graphs and tabs in one place. You company has no secret for you anymore, all your important figures are in front of you.
</p>
</div>
<div class="oe_span6">
<div class="oe_row_img oe_centered">
<div class="col-md-6">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="board_sc_01.png">
</div>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan">Statistics about your data</h2>
<h3 class="oe_slogan">Generate graphs and charts in just a click</h3>
<div class="oe_span6">
<div class="oe_row_img oe_centered">
<div class="col-md-6">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="board_sc_02.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32">
In each Odoo App, you can create detailed reports and graphs in any format you like without the need of an external program. Get statistics on any numbers in your company, from fuel costs in projects all the way to revenues in sales channels, and with inventory, and everything in between.
</p>
@ -46,11 +46,11 @@ In each Odoo App, you can create detailed reports and graphs in any format you l
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan">The information you need the way you need it</h2>
<h3 class="oe_slogan">Filter all results to fit your field of research</h3>
<div class="oe_span12">
<div class="col-md-12">
<p class="oe_mt32">
In each Odoo app, you'll need to create a report. In the reports you can filter and group each analysis using built-in filters, and create custom filters to gather only the information you are looking for. Save the filters you created in your favorites to access them anytime in just a click either from the concerned app, or in comparison with you other reports in the Odoo Dashboard app.
</p>
@ -58,11 +58,11 @@ In each Odoo app, you'll need to create a report. In the reports you can filter
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan">Track the process</h2>
<h3 class="oe_slogan">Keep track of all your important data</h3>
<div class="oe_span12">
<div class="col-md-12">
<p class="oe_mt32">
Track the process of each activity, from projects to reports and invoices, and get statistical information on all topics, in a simple and clear tabular chart. Get a clear overview of your whole activity and be ready for new challenges.
</p>

View File

@ -1,6 +1,6 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">The real customer centric CRM</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">The real customer centric CRM</h2>
<h3 class="oe_slogan">Track leads, close opportunities and get accurate forecasts.</h3>
<div class="oe_demo oe_picture oe_screenshot">
<img src="crm_sc_00.png">
@ -8,17 +8,17 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Get accurate forecasts</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Get accurate forecasts</h2>
<h3 class="oe_slogan">Use actionable data to make better decisions</h3>
<div class="oe_span6 text-justify oe_mt32">
<div class="col-md-6 text-justify mt32">
<span class="fa fa-search fa-2x pull-left"/>
<p class="oe_mb32" style="margin-left:48px;">
<p class="mb32" style="margin-left:48px;">
Get the insights you need to make smarter decisions.
</p>
<span class="fa fa-sliders fa-2x pull-left"/>
<p class="oe_mb32" style="margin-left:48px;">
<p class="mb32" style="margin-left:48px;">
Design custom dashboards to get a picture of your business at a glance.
</p>
<span class="fa fa-bar-chart fa-2x pull-left"></span>
@ -26,21 +26,21 @@
Dig deeper with real-time reports and flow charts that anyone can create and share.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="crm_preview.gif">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Get more done in less time</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Get more done in less time</h2>
<h3 class="oe_slogan">Great Tool = Happy People</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="crm_sc_02a.png">
</div>
<div class="oe_span6">
<p class="oe_mt32 oe_mb32 text-justify">
<div class="col-md-6">
<p class="mt32 mb32 text-justify">
Automate activities based on your sales scripts: calls, meetings, mails and quotations. Get all information you need, right on the opportunity: page viewed, mails received, etc.
</p>
<img class='img-responsive' src="crm_sc_02b.png">
@ -48,35 +48,35 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<div class="oe_span6">
<h2 class="oe_slogan" style="color:#875A7B; text-align: left;">Real-time overview</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<div class="col-md-6">
<h2 class="oe_slogan" style=" text-align: left;">Real-time overview</h2>
<h3 class="oe_slogan" style="text-align: left;">of your performances &amp; next activities</h3>
<p class="oe_mt32">
<p class="mt32">
Know exactly how you perform compared to your monthly targets.<br/>Organize your work based on your scheduled next actions.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="crm_sc_03.png"/>
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Stay connected to your customers</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Stay connected to your customers</h2>
<h3 class="oe_slogan">Real-time messaging to enhance collaboration</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="crm_sc_04.png"/>
</div>
<div class="oe_span6">
<p class="oe_mt32 text-justify">
<div class="col-md-6">
<p class="mt32 text-justify">
Get a quick overview of what's going on in your team. See when a colleague logs a call or send a quote. Share ideas and files in real-time and catch-up things you missed when you were away.
</p>
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Odoo Fleet</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Flectra Fleet</h2>
<h3 class="oe_slogan">Manage your vehicles, contracts, costs, insurances and assignments</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="fleet_vehicles.png" height="300">
</div>
@ -10,13 +10,13 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Fleet management made easy</h2>
<div class="oe_span6">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Fleet management made easy</h2>
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="vehicles_odometer.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32 text-justify'>
You won't need any specialized tracking system for company vehicles - with Odoo's smart app, can keep a close eye on your fleet in a few simple clicks. Manage everything through our user-friendly administrative system - fuel log entries, costs and many other features necessary for the management of your company's vehicles.
</p>
@ -24,27 +24,27 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Manage leasing and all other contracts</h2>
<div class="oe_span6">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Manage leasing and all other contracts</h2>
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Supervise all contracts for your vehicles and receive a warning email when contracts reach their expiration date. Several visual tools are put in place to ensure that you'll remember to renew (or end) your contract. Organize the services around the vehicles and communicate with the qualified service providers; manage invoices and notes. Set up a vehicle policy within your company, as well as an insurance policy in order to manage your fleet in the most efficient way.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="vehicle_contract_form.png">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Monitor all costs at once</h2>
<div class="oe_span6">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Monitor all costs at once</h2>
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="fleet_pie_chart.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Identify and trace the money spent by your company for each of the fleet vehicles. Recurring costs of your contracts such as leasing and services contracts are automatically added to your accounting at the beginning of each period of the frequency specified in the contracts, while all other costs like fuel and repairs are automatically added to your report.
</p>
@ -52,19 +52,19 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Analysis and reporting</h2>
<div class="oe_span6">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Analysis and reporting</h2>
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Show all costs associated with a given vehicle or with a type of service. Compare different types of costs (which vehicles cost the most; which services have been performed on which vehicles etc.) by using the reporting tool. Get really helpful insights about the effective return of each vehicle in order to improve your fleet investments.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="fleet_graph.png">
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,34 +1,34 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan">Google Calendar</h2>
<h3 class="oe_slogan">Get your meetings, your leaves... Get your calendar anywhere and never forget an event.</h3>
<div class="oe_span12">
<div class="col-md-12">
<img src="the_calendar.png" class="oe_picture oe_screenshot">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Keep an eye on your events</h2>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
See easily the purpose of the meeting, the start time and also the attendee(s)... All that without click on anything...
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="an_event.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Create so easily an event</h2>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="create_quick.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
In just one click you can create an event...<br/>
You can drag and drop your event if you want moved it to another timing.<br/>
@ -38,29 +38,29 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Create recurrent event</h2>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
You can also create recurrent events with only one event.<br/>
You need to create an event each monday of the week ? With only one it's possible, you could specify the recurrence and if one of this event is moved, or deleted, it's not a problem, you can untie your event from the others recurrences.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="recurrent.png">
</div>
</div>
</section>
<section class="oe_container ">
<div class="oe_row">
<section class="container ">
<div class="row">
<h2 class="oe_slogan">See all events you wants </h2>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="coworker.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
See in your calendar, the event from others peoples where your are attendee, but also their events by simply adding your favorites coworkers.<br/>
Every coworker will have their own color in your calendar, and every attendee will have their avatar in the event...<br/>
@ -70,28 +70,28 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Get an email</h2>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
You will receive an email at creation of an event where you are attendee, but also when this event is updated for some fields as date start, ...
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="email.png">
</div>
</div>
</section>
<section class="oe_container ">
<div class="oe_row">
<section class="container ">
<div class="row">
<h2 class="oe_slogan">Be notified </h2>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="notification.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
You can ask to have a alarm of type 'notification' in your Odoo.<br/>
You will have a notification in you Odoo which ever the page you are.
@ -100,15 +100,15 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Google Calendar</h2>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
With the plugin Google_calendar, you can synchronize your Odoo calendar with Google Calendar.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="calendar_in_action.png">
</div>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Modern open source HR solution</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Modern open source HR solution</h2>
<h3 class="oe_slogan">Manage the most important asset in your company: <b>People</b></h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="hr_employees.png" height="300">
</div>
@ -10,14 +10,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Successfully manage your employees</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Successfully manage your employees</h2>
<h3 class="oe_slogan">Centralize all your HR information</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="hr_departments.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Oversee all important information by department at a glance. Restrict some information to HR managers, and make others public for all employees to easily find their colleagues. Get alerts for any new leave request, allocation request, application or upcoming appraisal.
</p>
@ -25,14 +25,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Boost Engagement With Social Tools</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Boost Engagement With Social Tools</h2>
<h3 class="oe_slogan oe_mb32">Improve communication between employees and motivate them through rewards</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="enterprise_social_network.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<h4>
<b>Enterprise Social Network</b>
</h4>
@ -41,8 +41,8 @@
</p>
</div>
</div>
<div class="oe_row">
<div class="oe_span6">
<div class="row">
<div class="col-md-6">
<h4>
<b>Gamification</b>
</h4>
@ -50,11 +50,11 @@
Inspire achievement with challenges, goals and rewards. Design your own targets, define clear objectives and provide real time feedback and tangible results. Showcase the top performers to the entire team and publicly recognize a job well done.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="hr_badges.png">
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Online Expenses Management</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Online Expenses Management</h2>
<h3 class="oe_slogan">Easily Manage Employees' Expenses</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="expense_sc_00.png" height="350">
</div>
@ -10,9 +10,9 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Save time on expense records</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Save time on expense records</h2>
<h3 class="oe_slogan">Everything at one place</h3>
<p class="oe_mt32">
Manage your employees' daily expenses. Whether it's travel expenses or any other costs, access all your employees&apos; fee notes and complete, validate or refuse them. No need to download any specialized software or program to manage expenses - everything can be done directly in the app!
@ -23,39 +23,39 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Stop losing receipts</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Stop losing receipts</h2>
<h3 class="oe_slogan">Upload all receipts within expense records</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt16 text-justify">
Allow employees to add copies of the receipts and proofs directly to the expense records to avoid losing them. Save time and increase your efficiency by keeping a clean and complete record of all expenses.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="expense_sc_02.png">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Manage expenses per team</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Manage expenses per team</h2>
<h3 class="oe_slogan">Have a clear overview of a team&apos;s spendings</h3>
<p class="oe_mt16 oe_mb32 text-center">
As a manager, follow expenses recorded by a full team to keep an eye on the costs and make sure to keep to the target and budget.
</p>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="expense_sc_03.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Share the workload between departments</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Share the workload between departments</h2>
<h3 class="oe_slogan oe_mb32">Get everyone involved to save time</h3>
<div class="oe_span4">
<div class="col-md-4">
<img class="center-block" src="employees.png">
<div class="text-center">
<h4 class="oe_mt16">
@ -64,7 +64,7 @@
</div>
<p class="oe_mt8">Draft and confirm expenses, and load receipts to the expense records.</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<img class="center-block" src="managers.png">
<div class="text-center">
<h4 class="oe_mt16">
@ -73,7 +73,7 @@
</div>
<p class="oe_mt8">Comment, validate or refuse expenses, and add or edit information.</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<img class="center-block" src="accountants.png">
<div class="text-center">
<h4 class="oe_mt16">
@ -85,5 +85,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Leaves management for all</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Leaves management for all</h2>
<h3 class="oe_slogan">Manage employee vacations &amp; absence</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="leave_request.png">
</div>
@ -10,11 +10,11 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Manage employee leaves</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Manage employee leaves</h2>
<h3 class="oe_slogan">Keep track of all your employees vacations</h3>
<div class="oe_span6 text-justify">
<div class="col-md-6 text-justify">
<p class="oe_mt32">
Keep track of the vacation days taken by each employee. Employees enter their requests and managers approve and validate them, all in just a few clicks. The agenda of each employee is updated accordingly.
</p>
@ -22,20 +22,20 @@
Managers get a view of their whole team leaves in one complete view, to keep the team well-organized and to easily forecast the distribution of tasks during the absence of their members.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="dashboard.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Approve or refuse leave requests</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Approve or refuse leave requests</h2>
<h3 class="oe_slogan">Handle all requests from your employees</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="leaves_sc_02.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Allow employees to record their requests for vacation themselves, and get notified by email for every new request. Decide to either approve them or to refuse them, and add a note to your refusal to give an explanation to your employees.
</p>
@ -43,20 +43,20 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Get reports to plan ahead</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Get reports to plan ahead</h2>
<h3 class="oe_slogan">Simple reporting tool</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Create reports in a single click for every leave request, with a detail per request type, employee, department and even for the whole company. Get statistics on the leaves and plan for the upcoming to make sure you keep productivity to its highest level.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="analysis.png">
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Hiring Processes Made Easy</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Hiring Processes Made Easy</h2>
<h3 class="oe_slogan">From the sourcing to the contract, handle your recruitment process easily</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="job_positions.png" height="350">
</div>
@ -10,14 +10,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Manage your hiring process</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Manage your hiring process</h2>
<h3 class="oe_slogan">Organize your vacancies job applications</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="hr_recruitment_sc_01.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Set up your job board, promote your job listings and easily keep track of submitted applications. Follow every applicant and build a database of skills and profiles with indexed documents. No need to outsource your recruitment - handle everything internally in a simple and professional way.
</p>
@ -25,11 +25,11 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Track job offers straight from the app</h2>
<h3 class="oe_slogan oe_mb32">See which channel drives most applications and gather all of them in Odoo.</h3>
<div class="oe_span6 text-center">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Track job offers straight from the app</h2>
<h3 class="oe_slogan oe_mb32">See which channel drives most applications and gather all of them in Flectra.</h3>
<div class="col-md-6 text-center">
<span class="fa fa-file-text fa-2x"/>
<span class="fa fa-long-arrow-right fa-2x"/>
<span class="fa fa-envelope fa-2x"/>
@ -39,7 +39,7 @@
A new email address is automatically assigned to every job offer in order to route applications directly to the right one.
</p>
</div>
<div class="oe_span6 text-center">
<div class="col-md-6 text-center">
<span class="fa fa-file-text fa-2x"/>
<span class="fa fa-long-arrow-right fa-2x"/>
<span class="fa fa-database fa-2x"/>
@ -55,14 +55,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Customize your recruitment process</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Customize your recruitment process</h2>
<h3 class="oe_slogan">Define your own stages and interviewers</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="job_applications.png">
</div>
<div class="oe_span6 oe_mt32 text-justify">
<div class="col-md-6 oe_mt32 text-justify">
<h4>
<b>Create your own hiring strategies.</b>
</h4>
@ -77,48 +77,48 @@
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Simplify application management</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Simplify application management</h2>
<h3 class="oe_slogan">Index resumes, track applicants, search profiles</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32 text-justify'>
Follow applicants in your recruitment process with the smart kanban view. Save time by using templates to automate some communication. Documents like CVs and motivation letters are indexed automatically, allowing you to easily search for specific skills and build up a database of profiles.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="hr_recruitment_sc_04.png">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Integrated Surveys</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Integrated Surveys</h2>
<h3 class="oe_slogan oe_mb32">Define your own online/offline surveys</h3>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-file-text fa-2x"/>
<p class="oe_mt16">
Create your own interview canvas based on your best practices.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-pencil fa-2x"/>
<p class="oe_mt16">
Use the survey designer to adapt questions to your own process.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-hand-o-up fa-2x"/>
<p class="oe_mt16">
Ask the applicants to fill in the survey online or ask the interviewer to use it during real interviews.
</p>
</div>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture" src="hr_recruitment_sc_05.png">
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Answer your customers questions live</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Answer your customers questions live</h2>
<h3 class="oe_slogan">Engage with visitors, deliver real time support to customers</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="im_livechat_sc_00.png">
</div>
@ -10,9 +10,9 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Do it live!</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Do it live!</h2>
<h3 class="oe_slogan">Convert more visitors into leads and customers</h3>
<div class="col-md-5 oe_mt32 text-justify">
<span class="fa fa-eyedropper fa-2x pull-left"/>
@ -37,46 +37,46 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Select your audience</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Select your audience</h2>
<h3 class="oe_slogan">Provide direct chat to a specified target</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="im_livechat_sc_02.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Create channels to filter your audience by country and provide better customer service by engaging with your customers and website visitors using the right language and tone.</p>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Accessible from anywhere</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Accessible from anywhere</h2>
<h3 class="oe_slogan">Chat from within any module</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Keep the conversation with your customers from within Odoo to allow multitasking when looking for important information from the backend of your environment. Access all information at the same time as the conversation window is open so you can give accurate and precise answers.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="im_livechat_sc_03.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Improve your level of service</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Improve your level of service</h2>
<h3 class="oe_slogan">Make sure to keep customers satisfied</h3>
<div class="oe_span3">
<div class="col-md-3">
<img class="oe_picture oe_screenshot" src="im_livechat_02.png"/>
</div>
<div class="oe_span3">
<div class="col-md-3">
<img class="oe_picture oe_screenshot" src="im_livechat_01.png"/>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Gather customer feedback to improve the quality of your service with a very simple rating tool for live chat sessions. Customers simply have to rate the conversation after their questions have been answered.
</p>
@ -84,19 +84,19 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Answer more quickly with templates</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Answer more quickly with templates</h2>
<h3 class="oe_slogan">Use pre-written answers to be faster</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Allow to spend less time on more frequent questions by inserting pre-written answers using simple keyboard shortcuts. Customize answers at wish and add as many shortcuts as you like.</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="im_livechat_sc_05.png"/>
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,6 +1,6 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Enhance team communication</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Enhance team communication</h2>
<h3 class="oe_slogan">Group and private chat, integrated with all modules</h3>
<div class="oe_demo oe_picture oe_screenshot">
<img src="mail_sc_00.png" height="350">
@ -8,16 +8,16 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Engage conversation with colleagues</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Engage conversation with colleagues</h2>
<h3 class="oe_slogan">A powerful communication tool</h3>
<div class="oe_span6">
<div class="oe_row_img oe_centered">
<div class="col-md-6">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="mail_sc_01.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32">
Drive discussions between employees, managers, and all levels of your company. Get an overview of the topics being discussed and all the new messages in the module&apos;s news feed.
</p>
@ -25,64 +25,64 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Chat in live from anywhere</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Chat in live from anywhere</h2>
<h3 class="oe_slogan">Keep conversations open in other modules</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32">
Turn your conversation in a pop-up window to continue chatting within other Odoo modules.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="mail_sc_02.png">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Communicate with the right target</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Communicate with the right target</h2>
<h3 class="oe_slogan">Create channels and private groups</h3>
<p class="oe_mt32">
Start discussion with the right people with channels and allow any employee to join in to the conversation.Create private channels to invite only a selected group of people and prevent unrelated employees to pollute the conversations.
</p>
<div class="oe_row_img oe_centered oe_mt32">
<div class="row_img oe_centered oe_mt32">
<img class="oe_picture oe_screenshot" src="mail_sc_03.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Personalize notifications</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Personalize notifications</h2>
<h3 class="oe_slogan">Send notifications only when you want to</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Personalize the way notifications are sent to minimize mailbox pollution while making sure important messages get through. Specify who gets what message and when.
</p>
</div>
<div class="oe_span6">
<div class="oe_row_img oe_centered">
<div class="col-md-6">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="mail_sc_04.png">
</div>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Integrated with all modules</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Integrated with all modules</h2>
<h3 class="oe_slogan">Keep track of all actions within one window</h3>
<p class="oe_mt32">
Follow any discussion from any module to automatically see updates and discussions on those tasks in your news feed. Create public and private groups to invite participants, personalize the notifications system and add those groups to specific tasks to keep track of the evolution of all projects.
</p>
<div class="oe_row_img oe_centered oe_mt32">
<div class="row_img oe_centered oe_mt32">
<img class="oe_picture oe_screenshot" src="mail_sc_05.png">
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Beautiful email marketing solution</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Beautiful email marketing solution</h2>
<h3 class="oe_slogan">Grow your subscribers base with powerful email marketing</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="mass_mailing_campaigns.png">
</div>
@ -10,9 +10,9 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Build awesome campaigns in minutes</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Build awesome campaigns in minutes</h2>
<h3 class="oe_slogan">Start from scratch or pick one of our many themes!</h3>
<div class="oe_mt32 oe_mb32 text-center">
<p>
@ -21,7 +21,7 @@
<p style="margin-top: -10px;">Get total control over your email content and layout thanks to an intuitive and easy-to-use software.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot oe_mb32" src="mass_mailing_sc_01a.png">
<h4 class="text-center">
<b>Drag &amp; Drop gorgeous building blocks</b>
@ -30,7 +30,7 @@
Creating your own personalized email has never been so easy! Just choose your building blocks and drop them exactly where you want them to appear in your email. Enrich your content with titles &amp; subtitles, calls-to-action, social media buttons or footers in just one click.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot oe_mb32" src="mass_mailing_sc_01b.png">
<h4 class="text-center">
<b>Choose from our beautiful out-of-the-box themes</b>
@ -42,14 +42,14 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Send the right message to the right audience</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Send the right message to the right audience</h2>
<h3 class="oe_slogan">Segment your database for better open and click rates</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="mass_mailing_sc_02.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Optimize your results by sending your campaigns to targeted groups within your database. Select leads, customers or any other group from your contacts list by country, by date, by function and more, all designed to make sure you send your content only to the people you care about.
</p>
@ -57,9 +57,9 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Reach your target on any device</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Reach your target on any device</h2>
<h3 class="oe_slogan">Fully responsive, 100% mobile friendly</h3>
<div class="col-md-7">
<p class="oe_mt32 text-justify">
@ -72,11 +72,11 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Track &amp; improve your campaigns</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Track &amp; improve your campaigns</h2>
<h3 class="oe_slogan">Rely on stats and data to send better emails</h3>
<div class="oe_row_img oe_centered oe_mt32">
<div class="row_img oe_centered oe_mt32">
<img class="oe_picture oe_screenshot" src="mass_mailing_sc_04.png"/>
</div>
<p class="oe_mt32">
@ -86,11 +86,11 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Go one step further with advanced features</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Go one step further with advanced features</h2>
<h3 class="oe_slogan oe_mb32">Take full control of every aspect of your mailing campaigns</h3>
<div class="oe_span6">
<div class="col-md-6">
<div class="text-center">
<span class="fa fa-link fa-2x"/>
<h4 class="oe_mt16">
@ -102,7 +102,7 @@
Add a tracking code to all the links you send out and track the clicks, opportunities and revenues generated by your campaigns with Odoo Link Tracker.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="text-center">
<span class="fa fa-exchange fa-2x"/>
<h4 class="oe_mt16">
@ -117,5 +117,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,6 +1,6 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Simplify manufacturing processes</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Simplify manufacturing processes</h2>
<h3 class="oe_slogan">Online and easy MRP application</h3>
<div class="oe_demo oe_picture or_screenshot">
<img src="mrp_kanban.png">
@ -8,23 +8,23 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Efficiently schedule your manufacturing</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Efficiently schedule your manufacturing</h2>
<h3 class="oe_slogan oe_mb32">Keep track of resource capacities and avoid bottlenecks</h3>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-exchange fa-2x"/>
<p class="oe_mt16">
Get a seamless and effective manufacturing process by automatically scheduling orders based on procurement rules, quantity forecasts &amp; dependent demand.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-cubes fa-2x"/>
<p class="oe_mt16">
Define routings and plan the working time and capacity of your resources.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-calendar fa-2x"/>
<p class="oe_mt16">
Quickly identify resource requirements and bottlenecks to ensure production meets delivery schedule dates.
@ -33,67 +33,67 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Enjoy complete flexibility</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Enjoy complete flexibility</h2>
<h3 class="oe_slogan">A simple and powerful user interface</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Manually edit all operations at any stage in the process. With Odoo, you won&apos;t be frustrated by a rigid system. You can design specific templates for each operation and use the set of tools to find solutions for any issue. This open source software allows you to organize manufacturing orders and work orders in any way you like.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="mrp_mo.png">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_padded">
<h2 class="oe_slogan" style="color:#875A7B;">Work with Lists, Calendars or Gantt charts</h2>
<section class="container oe_dark">
<div class="row oe_padded">
<h2 class="oe_slogan" style="">Work with Lists, Calendars or Gantt charts</h2>
<h3 class="oe_slogan">Organize manufacturing orders and work orders in any way you like.</h3>
<p class="lead oe_mt32 oe_mb32 text-center">
Process upcoming orders from the List view, control in the Calendar view and edit the proposed schedule in the Gantt view.
</p>
<div class="oe_span4">
<div class="col-md-4">
<h3 class="text-center">
<b>Lists</b>
</h3>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="mrp_list.png" height="150"/>
</div>
</div>
<div class="oe_span4">
<div class="col-md-4">
<h3 class="text-center">
<b>Calendar</b>
</h3>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="mrp_gantt.png" height="150"/>
</div>
</div>
<div class="oe_span4">
<div class="col-md-4">
<h3 class="text-center">
<b>Gantt Charts</b>
</h3>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="mrp_calendar.png" height="150"/>
</div>
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<div class="oe_span6">
<h2 class="oe_slogan" style="color:#875A7B;">Define Flexible Master Data</h2>
<section class="container">
<div class="row oe_spaced">
<div class="col-md-6">
<h2 class="oe_slogan" style="">Define Flexible Master Data</h2>
<h3 class="oe_slogan">Products, bill of materials and routings</h3>
<p class="oe_mt16 oe_mb32 text-justify">
Have the flexibility to create multi-level bills of materials, optional routing, version changes and phantom bills of materials. You can use BoM for kits or for manufacturing orders.
</p>
<img class="oe_picture oe_screenshot" style="margin-left: -1px;" src="mrp_bom.png">
</div>
<div class="oe_span6">
<h2 class="oe_slogan" style="color:#875A7B;">Advanced analytic features</h2>
<div class="col-md-6">
<h2 class="oe_slogan" style="">Advanced analytic features</h2>
<h3 class="oe_slogan">Get accurate data on your process</h3>
<p class="oe_mt16 oe_mb32">
Track the changes in stock value according to the level of manufacturing activities as it progresses through the transformation process.
@ -103,16 +103,16 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Fully integrated with Operations</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Fully integrated with Operations</h2>
<h3 class="oe_slogan">Sales, purchases, inventory and accounting integration</h3>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_bg_img oe_centered">
<img class="oe_picture" src="mrp_integrate.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32 text-justify'>
Fully integrated with sales, purchases and inventory modules and programs to make manufacturing resource planning accurate. The accounting integration allows real time accounting valuation and deeper reporting on costs and revenues on your manufacturing operations.
</p>
@ -120,5 +120,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Get your work done</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Get your work done</h2>
<h3 class="oe_slogan">Organize your tasks with notes and to-do lists</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="note_sc_00.png">
</div>
@ -10,29 +10,29 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Personal to-do lists that boost productivity</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Personal to-do lists that boost productivity</h2>
<h3 class="oe_slogan">Achieve your goals and objectives easier than ever</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Get organized with efficient to-do lists and notes. From personal tasks to collaborative meeting minutes, increase the productivity of your employees by giving them the right tools to prioritize their work, share their ideas and collaborate on documents.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="note_sc_01.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Better manage your tasks and projects</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Better manage your tasks and projects</h2>
<h3 class="oe_slogan">Gather ideas on the fly and collaborate with your colleagues</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="note_sc_02.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Create an online to-do list in your desired format. Quickly create to-dos, organize horizontally for the mid-term (today, this week, this month,..), prioritize vertically for the short term and group your items by assigning specific colors to specific tasks. The kanban view gives you a simple visual organization of what needs to be done and helps you to move forward to the next step.
</p>
@ -40,9 +40,9 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<div class="oe_span4 oe_mt32">
<section class="container oe_dark">
<div class="row oe_spaced">
<div class="col-md-4 oe_mt32">
<h3 class="text-center">
<b>Beat work overload</b>
</h3>
@ -51,7 +51,7 @@
Odoo Notes helps you stay organized and focused on your work with a structured and accessible system. Break down your tasks and projects into actionable work items and achieve your goals more efficiently
</p>
</div>
<div class="oe_span4 oe_mt32">
<div class="col-md-4 oe_mt32">
<h3 class="text-center">
<b>Share your ideas</b>
</h3>
@ -60,7 +60,7 @@
Write down your ideas in pads and keep your notes at your fingertips. Attach related documents and use tags and colors to organize the information. Once your ideas are mature, share them with other users, start a discussion and collaborate by improving the specification directly in the pad.
</p>
</div>
<div class="oe_span4 oe_mt32">
<div class="col-md-4 oe_mt32">
<h3 class="text-center">
<b>Collaborate in real-time</b>
</h3>
@ -72,25 +72,25 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Customize your notes and to-do lists</h2>
<h3 class="oe_slogan">Odoo Notes adapts to your needs and habits</h3>
<div class="oe_span6">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Customize your notes and to-do lists</h2>
<h3 class="oe_slogan">Flectra Notes adapts to your needs and habits</h3>
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Odoo Notes' smart kanban view allows every user to customize their own steps in order to process their to-do lists and notes. Choose the default template or create your own steps/stages of the process.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="note_sc_04.png">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan oe_mb32" style="color:#875A7B;">Integrate Odoo Notes into your workflow</h2>
<div class="oe_span4">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan oe_mb32" style="">Integrate Flectra Notes into your workflow</h2>
<div class="col-md-4">
<span class="fa fa-lightbulb-o fa-2x pull-left"/>
<h3>
<b>Are you a creative?</b>
@ -104,7 +104,7 @@
</ul>
</div>
</div>
<div class="oe_span4">
<div class="col-md-4">
<span class="fa fa-plane fa-2x pull-left"/>
<h3>
<b>Are you a frequent traveler?</b>
@ -119,7 +119,7 @@
</ul>
</div>
</div>
<div class="oe_span4">
<div class="col-md-4">
<span class="fa fa-suitcase fa-2x pull-left"/>
<h3>
<b>Are you a manager?</b>
@ -137,5 +137,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,6 +1,6 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Smart Point of Sale</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Smart Point of Sale</h2>
<h3 class="oe_slogan">Easy to use &amp; compatible with any device.</h3>
<div class="oe_centeralign oe_mt32 oe_mb32">
<a target="_blank" href="https://www.youtube.com/watch?v=bncoCFGYucI" class="oe_button oe_big oe_tacky">Watch the video</a>
@ -8,14 +8,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">User-friendly Point of Sale</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">User-friendly Point of Sale</h2>
<h3 class="oe_slogan">Set-up in minutes, sell in seconds</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="pos_sc_01.png">
</div>
<div class="oe_span6 text-justify">
<div class="col-md-6 text-justify">
<p class="oe_mt32">
Odoo's online Point of Sale app is based on a simple, user friendly interface that everyone can use without difficulty. The POS can be used online or offline and iPads, Android tablets or laptops.
</p>
@ -29,11 +29,11 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">An interface designed for productivity</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">An interface designed for productivity</h2>
<h3 class="oe_slogan oe_mb32">The point of sale that keeps everything where you need it</h3>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-paint-brush fa-2x"/>
<h4 class="oe_mt16 oe_mb8">
<b>Simple, beautiful, and affordable</b>
@ -42,7 +42,7 @@
Say goodbye to ugly, expensive, outdated POS systems and enjoy the Odoo web interface designed for the modern retailer.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-users fa-2x"/>
<h4 class="oe_mt16 oe_mb8">
<b>Handling multiple customers</b>
@ -51,7 +51,7 @@
Whether it's for a restaurant or a shop, you can activate multiple tickets in parallel so you won't keep your customers waiting.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-search fa-2x"/>
<h4 class="oe_mt16 oe_mb8">
<b>Blazing fast search</b>
@ -63,16 +63,16 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Online or offline interface, compatible with any hardware</h2>
<h3 class="oe_slogan">Odoo's Point of Sale stays reliable even if your connection is not</h3>
<div class="oe_span6">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Online or offline interface, compatible with any hardware</h2>
<h3 class="oe_slogan">Flectra's Point of Sale stays reliable even if your connection is not</h3>
<div class="col-md-6">
<div class="oe_bg_img">
<img src="pos_offline.png">
</div>
</div>
<div class="oe_span6 text-justify">
<div class="col-md-6 text-justify">
<p class="oe_mt32">
Set up new stores quickly and easily with just an Internet connection. Then use your POS everywhere, anytime.
</p>
@ -86,30 +86,30 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class='oe_slogan' style="color:#875A7B;">Keep in touch with your customers</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class='oe_slogan' style="">Keep in touch with your customers</h2>
<h3 class='oe_slogan'>And keep them coming back with loyalty programs.</h3>
<div class='oe_span6'>
<div class='col-md-6'>
<p class="oe_mt32 text-justify">
Reward your loyal customers with points, gifts and discounts with Odoo loyalty programs. The whole process is fast and can be entirely automated. Identifying your customers is even faster with loyalty cards and customer barcode ids.
</p>
</div>
<div class='oe_span6'>
<div class='col-md-6'>
<p class="oe_mt32 text-justify">
Register your customers to keep track of their buying habits. You can then send them special offers and sale notices with Odoo Mailing. Register tax identifications for your business customers and give them invoices instantly (or send by email).
</p>
</div>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture" src="pos_sc_04.png">
</div>
</div>
</section>
<section class='oe_container oe_dark'>
<div class='oe_row oe_spaced'>
<h2 class="oe_slogan" style="color:#875A7B;">Integrated inventory management</h2>
<h3 class="oe_slogan">Odoo Point of Sale will facilitate your inventory management</h3>
<section class='container oe_dark'>
<div class='row oe_spaced'>
<h2 class="oe_slogan" style="">Integrated inventory management</h2>
<h3 class="oe_slogan">Flectra Point of Sale will facilitate your inventory management</h3>
<div class="text-center">
<p class="oe_mt32">
Consolidate all your sales channels in real time: stores, e-commerce, inside sales. Get real time control of the inventory and accurate forecasts to manage procurements.
@ -118,14 +118,14 @@
Odoo POS is fully integrated with other Odoo apps. Odoo Inventory app automatically inputs any transaction from the POS in the stock. You can see in real time the availability of products without losing time. Furthermore, the POS is compatible with Odoo e-commerce. You won't need to setup separate stocks for the two apps and be a truly multi-channel business, without headache.
</p>
</div>
<div class='oe_row_img oe_centered oe_mt32'>
<div class='row_img oe_centered oe_mt32'>
<img class="oe_picture oe_screenshot" src="pos_product_form.png">
</div>
</div>
</section>
<section class='oe_container'>
<div class="oe_row oe_spaced">
<section class='container'>
<div class="row oe_spaced">
<div class="lead text-center">
<p>
Odoo Point of Sale is more than an ordinary POS.
@ -136,14 +136,14 @@
</div>
</section>
<section class='oe_container oe_dark'>
<div class="oe_row oe_spaced">
<h2 class='oe_slogan' style="color:#875A7B;">Deliver in-store customer service</h2>
<section class='container oe_dark'>
<div class="row oe_spaced">
<h2 class='oe_slogan' style="">Deliver in-store customer service</h2>
<h3 class='oe_slogan'>Repairs, warranties, deliveries, etc.</h3>
<div class='oe_span6'>
<div class='col-md-6'>
<img class="oe_picture oe_screenshot" src="pos_customers.png">
</div>
<div class='oe_span6'>
<div class='col-md-6'>
<p class="oe_mt32 text-justify">
Give your shopper a positive experience by improving your services. Handle refunds, track warranties, follow customer claims, plan order deliveries, etc... in one interface. Bring your sales at the next level. Odoo POS can produce customer invoices in just a few clicks and synchronize with Odoo Accounting. Your accounting will be easier and more accurate. Our Point of Sale helps you to control sales and cash in real time but also to keep your whole operations under control.
</p>
@ -151,11 +151,11 @@
</div>
</section>
<section class='oe_container'>
<div class='oe_row oe_spaced'>
<h2 class="oe_slogan" style="color:#875A7B;">Unified data across all shops to improve your sales</h2>
<section class='container'>
<div class='row oe_spaced'>
<h2 class="oe_slogan" style="">Unified data across all shops to improve your sales</h2>
<h3 class="oe_slogan">Sync products, prices and customers with no effort</h3>
<div class='oe_span6'>
<div class='col-md-6'>
<p class="oe_mt32 text-justify">
Odoo POS implement various functionalities to improve your sales. New products, pricing strategies and promotions can be automatically applied to the selected stores. You can implement a global strategy across all your stores without difficulties. For example, being notified that some products will soon be out of date and setup a promotion to sell these.
</p>
@ -163,20 +163,20 @@
With Odoo as a backend, you have a system proven to be perfectly suitable for all sizes - from small stores to large multinational corporations.
</p>
</div>
<div class='oe_span6'>
<div class='col-md-6'>
<img class="oe_picture oe_screenshot" src="pos_products.png">
</div>
</div>
</section>
<section class='oe_container oe_dark'>
<div class='oe_row oe_spaced'>
<h2 class='oe_slogan' style="color:#875A7B;">Know your customers</h2>
<section class='container oe_dark'>
<div class='row oe_spaced'>
<h2 class='oe_slogan' style="">Know your customers</h2>
<h3 class='oe_slogan'>In the store and online</h3>
<div class='oe_span6'>
<div class='col-md-6'>
<img class="oe_picture oe_screenshot" src="pos_customer_form.png">
</div>
<div class='oe_span6'>
<div class='col-md-6'>
<p class="oe_mt32 text-justify">
Successful brands integrate all their customer relationships across all their channels to develop accurate customer profiles and communicate with shoppers as they make buying decisions, in the store and online.
</p>
@ -187,5 +187,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Agile Project Management</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Agile Project Management</h2>
<h3 class="oe_slogan">Beautiful. Easy. Open Source.</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="dashboard.png">
</div>
@ -10,32 +10,32 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_padded">
<h2 class="oe_slogan" style="color:#875A7B;">Modern interface</h2>
<section class="container oe_dark">
<div class="row oe_padded">
<h2 class="oe_slogan" style="">Modern interface</h2>
<h3 class="oe_slogan">What you need, the way you like it</h3>
<div class="oe_span3">
<div class="col-md-3">
<img class="oe_picture oe_screenshot" src="project_kanban.png" height="100">
<h4 class="oe_mb16 text-center"><b>ORGANIZE</b></h4>
<p class="text-justify">
A simple drag-and-drop view to help you easily group tasks at the right stage
</p>
</div>
<div class="oe_span3">
<div class="col-md-3">
<img class="oe_picture oe_screenshot" src="project_calendar.png" height="100">
<h4 class="oe_mb16 text-center"><b>SCHEDULE</b></h4>
<p class="text-justify">
Easily check your team's planning and reschedule to keep within the deadlines
</p>
</div>
<div class="oe_span3">
<div class="col-md-3">
<img class="oe_picture oe_screenshot" src="project_gantt.png" height="100">
<h4 class="oe_mb16 text-center"><b>PLAN</b></h4>
<p class="text-justify">
Keep track of deadlines and progress of your projects with a clear overview
</p>
</div>
<div class="oe_span3">
<div class="col-md-3">
<img class="oe_picture oe_screenshot" src="project_graph.png" height="100">
<h4 class="oe_mb16 text-center"><b>ANALYZE</b></h4>
<p class="text-justify">
@ -45,14 +45,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Harness the power of visual information</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Harness the power of visual information</h2>
<h3 class="oe_slogan">Flexible project management made easy.</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="project_tasks.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32 text-justify'>
Simplify your processes and enhance employees collaboration. Break down your project in bite-sized tasks and assign them to your team for an improved collaboration. Create customized stages for each project to better answer your needs.
</p>
@ -60,28 +60,28 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Discuss tasks, Share documents</h2>
<div class="oe_span6">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Discuss tasks, Share documents</h2>
<div class="col-md-6">
<p class='oe_mt32 text-justify'>
Add quick notes or attach files to any task and stay connected to your team. Forget endless follow-up meetings to keep track of projects. Communicate through the chatter, write in a shared, real time pad or use live chat - all in a single interface!
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="project_sc_03.png">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Conceptualize project scope within an easy-to-read overview</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Conceptualize project scope within an easy-to-read overview</h2>
<h3 class="oe_slogan">A functional and dynamic graph view for every task</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="project_sc_04.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Create graph views to analyze your data utilizing a powerful search tool, filter and grouping functions, and a variety of unique visual interfaces to help you track and maintain your projects from any level.
</p>
@ -89,5 +89,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Easily manage suppliers and purchase orders</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Easily manage suppliers and purchase orders</h2>
<h3 class="oe_slogan">Improve your supply chain &amp; inventory performance</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="purchase_products.png" height="300">
</div>
@ -10,38 +10,38 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Automate your purchasing workflow</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Automate your purchasing workflow</h2>
<h3 class="oe_slogan">Automatically send RfQs to your suppliers based on your stocks levels</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Improve your purchase and inventory performance with procurement rules depending on stock levels, logistic rules, sales orders, forecast manufacturing orders, etc. Select different replenishment methods for each product depending on your manufacturing and delivery strategies.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="purchase_po.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Control Products and Invoices</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Control Products and Invoices</h2>
<h3 class="oe_slogan">Manage refunds, product receivals and quality control</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="incoming_products.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Choose the right method according to your needs: pre-generate draft invoices based on purchase orders and product receivals; create invoices manually and import lines from purchase orders, etc.</p>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<div class="oe_span6">
<section class="container oe_dark">
<div class="row oe_spaced">
<div class="col-md-6">
<h3 class="oe_mt32 oe_mb8"><b>Get Supplier Price Lists and Product Availability</b></h3>
<h4>Make smart purchase decisions using the best prices</h4>
<p class="oe_mt16 oe_mb32 text-justify">
@ -49,7 +49,7 @@
</p>
<img class="oe_picture oe_screenshot" src="purchase_product_form.png" style="margin-left: -1px;">
</div>
<div class="oe_span6">
<div class="col-md-6">
<h3 class="oe_mt32 oe_mb8"><b>Get Statistics On Your Purchases</b></h3>
<h4>Analyze, forecast and efficiently plan your orders</h4>
<p class="oe_mt16 text-justify">
@ -60,5 +60,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Easy quotation software</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Easy quotation software</h2>
<h3 class="oe_slogan">Send polished quotation with e-Signature and online payment.</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="sale_sc_00.png">
</div>
@ -10,32 +10,32 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced oe_mb64">
<h2 class="oe_slogan" style="color:#875A7B;">Your quotes online from proposal to eSignature</h2>
<section class="container oe_dark">
<div class="row oe_spaced oe_mb64">
<h2 class="oe_slogan" style="">Your quotes online from proposal to eSignature</h2>
<div class="oe_mt32 text-center" style="margin-left: 65px;">
<div class="oe_span2">
<div class="col-md-2">
<span class="fa fa-pencil fa-2x"></span>
<h5 class="oe_mt16">Quotation templates</h5>
</div>
<div class="oe_span1">
<div class="col-md-1">
<span class="fa fa-long-arrow-right fa-2x"></span>
</div>
<div class="oe_span2">
<div class="col-md-2">
<span class="fa fa-envelope-o fa-2x"></span>
<h5 class="oe_mt16">Send quotations</h5>
</div>
<div class="oe_span1">
<div class="col-md-1">
<span class="fa fa-long-arrow-right fa-2x"></span>
</div>
<div class="oe_span2">
<div class="col-md-2">
<span class="fa fa-check fa-2x"></span>
<h5 class="oe_mt16">Close deals</h5>
</div>
<div class="oe_span1">
<div class="col-md-1">
<span class="fa fa-long-arrow-right fa-2x"></span>
</div>
<div class="oe_span2">
<div class="col-md-2">
<span class="fa fa-credit-card fa-2x"></span>
<h5 class="oe_mt16">Get paid faster</h5>
</div>
@ -43,9 +43,9 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<div class="oe_span4">
<section class="container">
<div class="row oe_spaced">
<div class="col-md-4">
<img class="oe_picture oe_screenshot" src="sale_sc_02a.png">
<h4 class="oe_mt32 oe_mb8 text-center">
<b>Sell faster with electronic signatures</b>
@ -54,7 +54,7 @@
Allow customers to easily review and sign your online quotations from anywhere.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<img class="oe_picture oe_screenshot" src="sale_sc_02b.png">
<h4 class="oe_mt32 oe_mb8 text-center">
<b>Communicate quickly and efficiently</b>
@ -63,7 +63,7 @@
Get custom alerts for relevant activities, automatically communicate on the quote via email, have a traceability of the negotiation.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<img class="oe_picture oe_screenshot" src="sale_sc_02c.png">
<h4 class="oe_mt32 oe_mb8 text-center">
<b>Maximize profits by upselling</b>
@ -75,37 +75,37 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<div class="oe_span6">
<h2 class="oe_slogan" style="color:#875A7B; text-align: left;">Sell more with clean quotations</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<div class="col-md-6">
<h2 class="oe_slogan" style=" text-align: left;">Sell more with clean quotations</h2>
<h3 class="oe_slogan" style="text-align: left;">Better showcase your products and services.</h3>
<p class="oe_mt32 text-justify">
Send clear and complete quotations to your prospects. Add product descriptions, beautiful images and additional information simply by dragging and dropping building blocks.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="sale_sc_03.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced oe_mb64">
<h2 class="oe_slogan oe_mb32" style="color:#875A7B;">Great prices for great revenues</h2>
<div class="oe_span4 text-center">
<section class="container">
<div class="row oe_spaced oe_mb64">
<h2 class="oe_slogan oe_mb32" style="">Great prices for great revenues</h2>
<div class="col-md-4 text-center">
<span class="fa fa-bar-chart fa-2x"/>
<p class="oe_mt16">
Design, implement and adjust your pricing strategy to maximize benefits
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-dollar fa-2x"/>
<p class="oe_mt16">
Use price list rules to compute the right price based on customers conditions.
</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-ticket fa-2x"/>
<p class="oe_mt16">
Convince customers with discounts and coupons.
@ -114,14 +114,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Order &amp; contract sorting</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Order &amp; contract sorting</h2>
<h3 class="oe_slogan">Automate operations and focus on relations and revenues</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="sale_sc_05.png"/>
</div>
<div class="oe_span6 text-justify">
<div class="col-md-6 text-justify">
<h4 class="oe_mt16">
<b>From quotes to sales orders</b>
</h4>
@ -144,5 +144,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Maximize your warehouse efficiency</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Maximize your warehouse efficiency</h2>
<h3 class="oe_slogan">Modern online warehouse management software.</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="stock_sc_00.png">
</div>
@ -10,9 +10,9 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Improve performance and process time</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Improve performance and process time</h2>
<h3 class="oe_slogan">Better organize your warehouse with the smart double entry inventory system</h3>
<p class='oe_mt32'>
Get the most efficient stocking method and improve all your internal operations. Odoo's double-entry inventory has no stock input, output or transformation. Instead, all operations are stock moves between locations.
@ -23,16 +23,16 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Reduce your stock level and avoid stockouts</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Reduce your stock level and avoid stockouts</h2>
<h3 class="oe_slogan">Take advantage of automatic replenishment methods</h3>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_bg_img oe_centered">
<img class="oe_picture" src="warehouse_illu_01.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32 text-justify'>
Reduce your stock while always staying replenished! Odoo Inventory is fully integrated with the Purchase module, so you can trigger automatic RfQs to your suppliers when your stocks levels are too low.
</p>
@ -40,15 +40,15 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Enjoy advanced and automated functions</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Enjoy advanced and automated functions</h2>
<h3 class="oe_slogan">The most advanced systems in a very simple user interface
</h3>
<p class="oe_mt32 oe_mb64 lead text-center">
Handle complex routing such as drop-shipping, cross-docking, and multi-warehouse in just a few clicks. Odoo routinely integrates them into the system.
</p>
<div class="oe_span4">
<div class="col-md-4">
<div class="text-center">
<span class="fa fa-truck fa-2x"/>
<span class="fa fa-long-arrow-right fa-2x"/>
@ -61,7 +61,7 @@
In just a few clicks, you can set up drop-shipping rules for each product to automatically have them shipped to customers.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<div class="text-center">
<span class="fa fa-home fa-2x"/>
<span class="fa fa-long-arrow-left fa-2x"/>
@ -74,7 +74,7 @@
Order items by weight, size and quantity, and allocate a specific location to easily have each new shipment sent out to other locations.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<div class="text-center">
<span class="fa fa-home fa-2x"/>
<span class="fa fa-arrows-h fa-2x"/>
@ -93,9 +93,9 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Experience full traceability</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Experience full traceability</h2>
<h3 class="oe_slogan">Keep track of every stock move</h3>
<div class="oe_bg_img oe_centered">
<img class="oe_picture" src="warehouse_illu_02.png">
@ -106,20 +106,20 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Get clear &amp; complete reporting and dashboard</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Get clear &amp; complete reporting and dashboard</h2>
<h3 class="oe_slogan">Keep an eye on the efficiency of your warehouse</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32 text-justify'>
Get the insights you need to make smarter decisions, using reporting and dashboards. Design custom dashboards to analyze your warehouse efficiency at a glance. Dig deeper with real-time reports that anyone can create and share.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="stock_moves.png">
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Get more insights.</h2>
<h3 class="oe_slogan">Improve the performance of your organization with Odoo Surveys.</h3>
<div class="oe_span12">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Get more insights.</h2>
<h3 class="oe_slogan">Improve the performance of your organization with Flectra Surveys.</h3>
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="survey_sc_00.png" height="350">
</div>
@ -10,14 +10,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Easily create appealing online surveys</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Easily create appealing online surveys</h2>
<h3 class="oe_slogan">Design, share and analyze in three intuitive steps</h3>
<p class="lead oe_mt32 oe_mb32">
One platform to manage it all: automate appraisals, satisfaction surveys, marketing campaign, feedback forms, etc.
</p>
<div class="oe_span6">
<div class="col-md-6">
<span class="fa fa-pencil fa-2x pull-left"></span>
<h3>
<b>Design and test your survey</b>
@ -25,7 +25,7 @@
<p class="oe_mt16 text-justify" style="margin-left:35px;">
Create appealing and clear survey forms with no effort thanks to Odoo&apos;s intuitive building blocks where you immediately see how it looks like. Edit inline content at any time.</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<span class="fa fa-share fa-2x pull-left"></span>
<h3>
<b>Share and collect data</b>
@ -34,8 +34,8 @@
Share your surveys rapidly with Odoo's built-in sharing system. Communicate about your surveys in just a few clicks.</p>
</div>
</div>
<div class="oe_row">
<div class="oe_span6">
<div class="row">
<div class="col-md-6">
<span class="fa fa-search-plus fa-2x pull-left"></span>
<h3>
<b>Analyze answers</b>
@ -43,7 +43,7 @@
<p class="oe_mt16 text-justify" style="margin-left:40px;">
No need to synchronize results with your database. Odoo takes care of it automatically! Obtain results and view results charts in real time.</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<span class="fa fa-line-chart fa-2x pull-left"></span>
<h3>
<b>Immediately benefit from the results</b>
@ -54,14 +54,14 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Simple and intuitive from design to analysis</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Simple and intuitive from design to analysis</h2>
<h3 class="oe_slogan">Gathering information is no longer time consuming</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="survey_feedback_form.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Easy from the start thanks to an extremely user-friendly interface, Odoo Surveys allows you to create and edit surveys with no effort. React to your marketing needs and provide studies anytime. Run your statistics, measure response rates and extract the analysis in a few clicks. Don&apos;t waste time on the process and focus on qualitative and quantitative analysis.
</p>
@ -69,5 +69,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

BIN
addons/web/doc/_static/flectrahq.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -1,5 +1,5 @@
<p class="logo"><a href="https://doc.odoo.com/">
<img class="logo" src="{{ pathto('_static/openerp.png', 1) }}" alt="Logo"/>
<p class="logo"><a href="https://doc.flectrahq.com/">
<img class="logo" src="{{ pathto('_static/flectrahq.png', 1) }}" alt="Logo"/>
</a></p>
<h3>Other Docs</h3>

View File

@ -1,3 +1,3 @@
<p class="logo"><a href="{{ pathto(master_doc) }}">
<img class="logo" src="{{ pathto('_static/openerp.png', 1) }}" alt="Logo"/>
<img class="logo" src="{{ pathto('_static/flectrahq.png', 1) }}" alt="Logo"/>
</a></p>

View File

@ -1,4 +1,4 @@
@sheet-max-width: 860px;
@sheet-max-width: 1024px;
@sheet-min-width: 650px;
@sheet-padding: 16px;

View File

@ -1,6 +1,6 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Your enterprise website builder</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Your enterprise website builder</h2>
<h3 class="oe_slogan">Easy. Mobile. Open Source.</h3>
<div class="text-center oe_mt32">
<video width="70%" height="70%" controls>
@ -11,28 +11,28 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Forget about c &lt;&gt;de</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Forget about c &lt;&gt;de</h2>
<h3 class="oe_slogan">Just drag &amp; drop business features</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32">
Get all your business needs, out-of-the-box.<br/>Add features as you grow: jobs, e-commerce, customer portal, events, company blog, call-to-action, newsletter, etc.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="ecommerce.png"/>
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Your brand. Your website.</h2>
<div class="oe_span6">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Your brand. Your website.</h2>
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="website_edit.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Get a website that automatically adjusts to fit your brand and style guidelines.<br/>Branding is critical for business success. Odoo provides you tools to easily achieve branding needs.
</p>
@ -40,11 +40,11 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Turn visitors into customers</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Turn visitors into customers</h2>
<h3 class="oe_slogan">With a fully integrated marketing stack</h3>
<div class="oe_span6">
<div class="col-md-6">
<h3 class="oe_slogan" style="margin-top: 8px;">SEO Tools</h3>
<p class="text-justify">
Our Search Engine Optimization tool integrates with Google to analyze the relevancy of your content in real time. Get more visitors with a better targeted content.
@ -52,7 +52,7 @@
<p class="text-justify">
Your website is optimized by default. You don't have to worry about technical 301 redirects, page speeds, google schemas, twitter cards, sitemaps, etc.
</div>
<div class="oe_span6">
<div class="col-md-6">
<h3 class="oe_slogan" style="margin-top: 8px;">Call to Action</h3>
<p class="text-justify">
Easily drag &amp; drop call-to-actions to boost your conversion rates. Choose the best call to action for every page: customize forms, add pop-up on exits, fine tune newsletter subscriptions, etc.
@ -64,10 +64,10 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<section class="container oe_dark">
<div class="row oe_spaced">
<h3 class="oe_slogan">A/B Testing</h3>
<div class="oe_span6 text-justify">
<div class="col-md-6 text-justify">
<p>
Test variations before publishing any page. Launch A/B testing campaigns in just a click. Use the integration with other modules to measure impact on leads, revenues, conversion rates, etc. Nothing to configure, it all works out-of-the-box.
</p>
@ -75,19 +75,19 @@
Save time by having your full marketing stack fully integrated. Getting a top level marketing automation is a piece of cake with Odoo.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="a_b_testing.png" style="margin-top: -32px;">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<section class="container oe_dark">
<div class="row oe_spaced">
<h3 class="oe_slogan">Track Visitors</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="users.png" style="margin-top: -32px;">
</div>
<div class="oe_span6 text-justify">
<div class="col-md-6 text-justify">
<p>
Track visitors inside and outside your website. Measure the performance of your marketing campaign whether it's by email or through external websites or social media.
</p>
@ -98,10 +98,10 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h3 class="oe_slogan" style="margin-top: -32px;">Mass Mailing</h3>
<div class="oe_span6 text-justify">
<div class="col-md-6 text-justify">
<p>
From email acquisition to mass mailing, get everything fully integrated. Get statistics on your mails, from the clicks to the revenue with a full integration between sale and accounting.
</p>
@ -109,16 +109,16 @@
Forget about using third party apps. You don't need to import/export list of contacts, configure trackers between mails, website and orders, etc. It all works out-of-the-box.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="flow.png" style="margin-top: -32px;">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Extend your website with hundreds of Apps</h2>
<div class="oe_span4">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Extend your website with hundreds of Apps</h2>
<div class="col-md-4">
<h4><b>Sell Online</b></h4>
<ul class="list-unstyled">
<li>- eCommerce</li>
@ -137,7 +137,7 @@
<li>- Helpdesk</li>
</ul>
</div>
<div class="oe_span4">
<div class="col-md-4">
<h4><b>Marketplaces Integrations</b></h4>
<ul class="list-unstyled">
<li>- Amazon <small>(coming soon)</small></li>
@ -154,11 +154,11 @@
<b>Easy inline edition of highly dynamic content.</b>
</h4>
</div>
<div class="oe_span4">
<div class="col-md-4">
<img class="oe_picture" src="website_sc_04.png">
</div>
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Share your stories</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Share your stories</h2>
<h3 class="oe_slogan">Beautiful open source blogging platform</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="website_blog_sc_00.png" height="350">
</div>
@ -10,14 +10,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Develop your content marketing strategy</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Develop your content marketing strategy</h2>
<h3 class="oe_slogan">Focus on content production, forget the tedious back-end</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="blog_create.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Simply sit down and be start writing. Odoo Blog will allow you to get started in no time. Our easy-to-use drag &amp; drop feature will give you a blog with attractive design that&apos;s mobile-friendly and looks great out-of-the-box.
</p>
@ -25,50 +25,50 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Engage and retain your audience on all platforms</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Engage and retain your audience on all platforms</h2>
<h3 class="oe_slogan oe_mb32">Your blog posts are meant to be shared easily</h3>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-plus-square fa-2x oe_mb8"></span>
<p>Comment at the end of a blog post or annotate paragraphs inside it.</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-facebook-square fa-2x"></span>
<span class="fa fa-linkedin-square fa-2x"></span>
<span class="fa fa-google-plus-square fa-2x"></span>
<p class="oe_mt8">Easily share on social media (Facebook, Twitter, LinkedIn, Google+, etc) and optimize your content strategy.</p>
</div>
<div class="oe_span4 text-center">
<div class="col-md-4 text-center">
<span class="fa fa-twitter-square fa-2x oe_mb8"></span>
<p>Highlight any sentence and automatically generate a tweet in just a click.</p>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Make your blog readable on any device</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Make your blog readable on any device</h2>
<h3 class="oe_slogan">A responsive platform to stay close to your audience.</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Read your favorites blog posts anytime, anywhere. Your blog is embedded on Odoo Website and thus works perfectly on mobile, tablet and desktop.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture" src="website_blog_sc_03.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Grow your subscribers with smart call-to-actions</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Grow your subscribers with smart call-to-actions</h2>
<h3 class="oe_slogan">Get recurrent visitors and boost your blog traffic</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="website_popup.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Easily collect your readers' email addresses with the smart Newsletter registration popup, which appears when they are about to leave the page.
</p>
@ -76,5 +76,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,39 +1,36 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<div class="oe_span12">
<section class="container">
<div class="row oe_spaced">
<div class="col-md-12">
<h2 class="oe_slogan">Your Contact Form</h2>
<h3 class="oe_slogan">Integrate contact forms with your leads</h3>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_demo oe_picture oe_screenshot">
<img src="contact.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
This simple application integrates a contact form in your
"Contact us" page. Forms submissions create leads automatically
in Odoo CRM.
</p>
<div class="oe_centeralign oe_websiteonly">
<a href="http://www.openerp.com/start?app=website" class="oe_button oe_big oe_tacky">Start your <span class="oe_emph">free</span> website</a>
</div>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Easy Contact Page</h2>
<h3 class="oe_slogan">A contact form is better than an email</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Get your leads filled up automatically with your contact form
integration. This application allows a better qualification of
the lead which is perfect to link them to marketing campaigns.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_bg_img oe_centered">
<img class="oe_picture oe_screenshot" src="email.png">
</div>
@ -41,14 +38,14 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Fully Integrated With Others Apps</h2>
<h3 class="oe_slogan">Get hundreds of open source apps for free</h3>
<div class="oe_span4">
<div class="col-md-4">
<a href="/apps/website_sale">
<h3>eCommerce</h3>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="website_sale.png">
</div>
</a>
@ -56,10 +53,10 @@
Promote products, sell online, optimize visitors' shopping experiences.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<a href="/apps/website_blog">
<h3>Blogs</h3>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="website_event.png">
</div>
</a>
@ -67,10 +64,10 @@
Write news, attract new visitors, build customer loyalty.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<a href="/apps/website">
<h3>CMS</h3>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="website_cms.png">
</div>
</a>
@ -78,7 +75,7 @@
Easily create awesome websites with no technical knowledge required.
</p>
</div>
<div class="oe_span12 oe_centered oe_muted">
<div class="col-md-12 oe_centered oe_muted">
<a href="/apps">
and hundreds more applications...
</a>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Create your own events</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Create your own events</h2>
<h3 class="oe_slogan">Organize, publish and promote.</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="event_sc_00.png">
</div>
@ -10,9 +10,9 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Host events that resonates with your audience</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Host events that resonates with your audience</h2>
<h3 class="oe_slogan">Easily create live or online events</h3>
<p class="oe_mt32">
One platform to manage it all. Odoo Events covers all aspects of an event manager's work: organization, visibility, promotion. Use it with any kind of event, including conferences, meetings, seminars, training and webinars.
@ -20,19 +20,19 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<div class="oe_span6">
<section class="container">
<div class="row oe_spaced">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="website_event.png" style="margin-left: -1px;">
<h2 class="oe_slogan oe_mt32" style="text-align: left; color:#875A7B;">Design classy event web pages</h2>
<h2 class="oe_slogan oe_mt32" style="text-align: left; ">Design classy event web pages</h2>
<h3 class="oe_slogan" style="text-align: left;">Publish an event Web page has never been so simple</h3>
<p class="oe_mt32">
Bring to life your event in a few clicks with our building blocks approach. Forget about code and quickly turn your idea into visuals.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="events.png" style="margin-left: -1px;">
<h2 class="oe_slogan oe_mt32" style="text-align: left; color:#875A7B;">Great events offer great content</h2>
<h2 class="oe_slogan oe_mt32" style="text-align: left; ">Great events offer great content</h2>
<h3 class="oe_slogan" style="text-align: left; margin-bottom: 60px;">Organize tracks and manage speakers</h3>
<p class="oe_mt32">
Add a talk proposal form on your event websites to allow visitors to submit talks and speakers. Organize the validation process of every talk, and schedule them easily.
@ -41,41 +41,41 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<div class="oe_span3 text-center">
<section class="container oe_dark">
<div class="row oe_spaced">
<div class="col-md-3 text-center">
<span class="fa fa-2x fa-desktop"/>
<p class="oe_mt16">
Odoo's unique frontend and backend integration makes organization and publication extremely simple.
</p>
</div>
<div class="oe_span3 text-center">
<div class="col-md-3 text-center">
<span class="fa fa-2x fa-calendar"/>
<p class="oe_mt16">Automatically display your event&apos;s schedule in a clear, classy design on your website.</p>
</div>
<div class="oe_span3 text-center">
<div class="col-md-3 text-center">
<span class="fa fa-2x fa-search"/>
<p class="oe_mt16">Allow your visitors to easily search and browse through the program and talks filter by tags, locations or speakers.</p>
</div>
<div class="oe_span3 text-center">
<div class="col-md-3 text-center">
<span class="fa fa-2x fa-paint-brush"/>
<p class="oe_mt16">Easily design clear and visually appealing speakers' biographies talks descriptions.</p>
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<div class="oe_span6">
<section class="container">
<div class="row oe_spaced">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="sponsors.png" style="margin-left: -1px;">
<h2 class="oe_slogan oe_mt32" style="text-align: left; color:#875A7B;">Get sponsors to come to you</h2>
<h2 class="oe_slogan oe_mt32" style="text-align: left; ">Get sponsors to come to you</h2>
<h3 class="oe_slogan" style="text-align: left;">Promote your sponsors</h3>
<p class="oe_mt32 text-justify">
Easily manage existing and new sponsors with Odoo Events. Add sponsors to your events and publish sponsors per level (e.g., gold) on the bottom of every page of the event.</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="website_seo.png" style="margin-left: -1px;">
<h2 class="oe_slogan oe_mt32" style="text-align: left; color:#875A7B;">Increase your events&apos; visibility</h2>
<h2 class="oe_slogan oe_mt32" style="text-align: left; ">Increase your events&apos; visibility</h2>
<h3 class="oe_slogan" style="text-align: left; margin-bottom: 60px;">SEO integration and Google Analytics</h3>
<p class="oe_mt32 text-justify">
Ready-to-use SEO tools are available directly in Odoo with no configuration required. Keyword suggestion according to Google most searched terms, automatically structured content to promote your events and products efficiently in Google, and Google Analytics integration to track your shopping cart. Events and sitemaps are created automatically.</p>
@ -83,14 +83,14 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Total promotion tools</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Total promotion tools</h2>
<h3 class="oe_slogan">Promote events efficiently on all channels</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="event_promote.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Segment your audience, leverage social media and email marketing to promote your events to the right audience. Odoo Events&apos; smooth integration with countless Odoo apps simplifies promotion to the extreme. Setup automated campaigns for attendees, or automatically send timely emails to registrants. Optimize conversions with ad-hoc landing pages for your different marketing campaigns.
</p>
@ -98,14 +98,14 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Clean Google Analytics integration</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Clean Google Analytics integration</h2>
<h3 class="oe_slogan">Control your sales funnel with Google Analytics</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="analytics.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Know your event&apos;s analytics inside out. Odoo's Google Analytics trackers are configured by default to track all kind of events related to shopping carts, call-to-actions, etc. Analyze, improve, repeat! All Odoo marketing tools and programs (mass mailing, marketing campaigns, etc) are also linked with Google Analytics in order to provide you with a full 360&deg; view of your business.
</p>
@ -113,5 +113,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,15 +1,15 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<div class="oe_span12">
<section class="container">
<div class="row oe_spaced">
<div class="col-md-12">
<h2 class="oe_slogan">Organize Events, Trainings &amp; Webinars</h2>
<h3 class="oe_slogan">Schedule, Promote, Sell, Organize</h3>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_demo oe_picture oe_screenshot">
<img src="event.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Get extra features per event; multiple pages, sponsors,
multiple talks, talk proposal form, agenda, event-related news,
@ -19,11 +19,11 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Organize Your Tracks</h2>
<h3 class="oe_slogan">From the talk proposal to the publication</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Add a talk proposal form on your events to allow visitors to
submit talks and speakers. Organize the validation process
@ -34,7 +34,7 @@
speaker biographies and talks description.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_bg_img oe_centered">
<img class="oe_picture oe_screenshot" src="tracks.png">
</div>
@ -42,14 +42,14 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Agenda and List of Talks</h2>
<h3 class="oe_slogan">A strong user interface</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="tracks.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Get a beautiful agenda for each event published automatically on
your website. Allow your visitors to easily search and browse
@ -59,11 +59,11 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Manage Sponsors</h2>
<h3 class="oe_slogan">Sell sponsorship, promote your sponsors</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Add sponsors to your events and publish sponsors per level (e.g.
bronze, silver, gold) on the bottom of every page of the event.
@ -72,20 +72,20 @@
a full sales cycle integration.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="sponsor.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Communicate Efficiently</h2>
<h3 class="oe_slogan">Activate a blog for some events</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="blog.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
You can activate a blog for each event allowing you to communicate
on specific events. Visitors can subscribe to news to get informed.

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Connect with your community</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Connect with your community</h2>
<h3 class="oe_slogan">Open source Stackoverflow &amp; Quora alternative</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="forum_sc_00.png">
</div>
@ -10,10 +10,10 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan oe_mb32" style="color:#875A7B;">What can you do with Odoo Forum?</h2>
<div class="oe_span4">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan oe_mb32" style="">What can you do with Flectra Forum?</h2>
<div class="col-md-4">
<h2>
<b>Drive more traffic to your website</b>
</h2>
@ -22,7 +22,7 @@
Rank for more keywords and improve your SEO with fresh content created by your community everyday. Search engines like Google are always rewarding websites that provide unique and regular content.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<h2>
<b>Anticipate your customers&apos; needs</b>
</h2>
@ -31,7 +31,7 @@
Keep track of your customers&apos; needs and wishes by analysing the hottest, most viewed and most shared topics. The forum is integrated with Google Analytics to help you keep track of likes and shares - even outside of your website.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<h2>
<b>Build your own documentation library</b>
</h2>
@ -43,42 +43,42 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Give your visitors the information they need</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Give your visitors the information they need</h2>
<h3 class="oe_slogan">Encourage collaboration and generate insightful discussions</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Position your website as a reliable source of information and solve your visitors&apos; problems by providing them the information they need. Make sure everyone benefits from the discussions and answers generated and becomes an expert in your specific field. Let them share rich media in a breeze.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="forum_sc_02.png"/>
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Provide outstanding customer satisfaction</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Provide outstanding customer satisfaction</h2>
<h3 class="oe_slogan">Improve your product support and reduce your workload</h3>
<p class="oe_mt32 text-center">
Better than a helpline or a FAQ section, a forum will allow your customers to ask questions and find answers quickly, without wasting time on the phone, saving you money! It&apos;s the most powerful database you can find. Your employees and your whole community will take part!
</p>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture" src="forum_sc_03.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Keep community engaged and content relevant</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Keep community engaged and content relevant</h2>
<h3 class="oe_slogan">Use motivational triggers to reward your contributors</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="forum_sc_04.png"/>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Grant badges to your members for their questions, answers, shares, likes and votes to reward the most active ones. Set up a moderation system with Karma points to give your most active members access to more functionalities and to reduce spamming messages.
</p>
@ -86,5 +86,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,13 +1,13 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan">Our Team Page</h2>
<h3 class="oe_slogan">Share your employees details on website</h3>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_big_img">
<img class="oe_picture oe_screenshot" src="team_page.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32">
Publish your employees public information on your "About Us" website page.
</p>

View File

@ -1,15 +1,15 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<div class="oe_span12">
<section class="container">
<div class="row oe_spaced">
<div class="col-md-12">
<h2 class="oe_slogan">Open Source Job Board</h2>
<h3 class="oe_slogan">Organize your job postings and applications</h3>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_demo oe_picture oe_screenshot">
<img src="jobs.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Organize your job board, promote your job announces and keep
track of application submissions easily. Follow every applicant
@ -19,11 +19,11 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Create Awsome Job Description Pages</h2>
<h3 class="oe_slogan">Get rid of old WYSIWYG editors</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Get a clean and professional look for your job annouces.
Odoo's unique <em>'edit inline'</em> approach makes website
@ -34,7 +34,7 @@
emphasizes the quality of your company.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_bg_img oe_centered">
<img class="oe_picture" src="jobs2.png">
</div>
@ -42,14 +42,14 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Post Your Jobs on Best Job Boards</h2>
<h3 class="oe_slogan">LinkedIn, Monster, Craigslist, Careerbuilder,...</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="jobs3.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Connect automatically to most famous job board websites;
linkedIn, Monster, Craigslist, ... Every job position has a new
@ -65,11 +65,11 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Customize Your Recruitment Process</h2>
<h3 class="oe_slogan">Define your own stages and interviewers</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Use the kanban view and customize the steps of your recruitments
process; pre-qualification, first interview, second interview,
@ -80,21 +80,21 @@
external job boards.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="jobs4.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Streamline Your Recruitment Process</h2>
<h3 class="oe_slogan">Index resumes, track applicants, search profiles</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="hr_recruitment.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Follow applicants in your recruitment process with the smart
kanban view. Save time by automating some communications with
@ -109,16 +109,16 @@
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Integrated Surveys</h2>
<h3 class="oe_slogan">Define your own online or offline surveys</h3>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_bg_img">
<img class="oe_picture" src="jobs4.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Create your own interview canvas based on our best practices.
Use the survey designer to adapt questions to your own process.
@ -129,13 +129,13 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Fully Integrated With Others Apps</h2>
<h3 class="oe_slogan">Get hundreds of open source apps for free</h3>
<div class="oe_span4">
<div class="col-md-4">
<a href="/apps/website">
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="website.png">
</div>
<h3>CMS</h3>
@ -144,10 +144,10 @@
Easily create awesome websites with no technical knowledge required.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<a href="/apps/website_blog">
<h3>Blogs</h3>
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="blog.png">
</div>
</a>
@ -155,9 +155,9 @@
Write news, attract new visitors, build customer loyalty.
</p>
</div>
<div class="oe_span4">
<div class="col-md-4">
<a href="/apps/website_event">
<div class="oe_row_img oe_centered">
<div class="row_img oe_centered">
<img class="oe_picture oe_screenshot" src="events.png">
</div>
<h3>Online Events</h3>
@ -167,7 +167,7 @@
webinars, trainings, etc.
</p>
</div>
<div class="oe_span12 oe_centered oe_muted">
<div class="col-md-12 oe_centered oe_muted">
<a href="/apps">
and hundreds more applications...
</a>

View File

@ -1,13 +1,13 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan">Send Quotes Online</h2>
<h3 class="oe_slogan">Create polished, professional quotes in minutes</h3>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_demo oe_picture oe_screenshot">
<img src="sale_quote.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Use templates to create polished, professional quotes in minutes. Send these
quotes by email and let your customer sign online. Use cross-selling and
@ -17,11 +17,11 @@ discounts to push boost your sales.
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row">
<section class="container oe_dark">
<div class="row">
<h2 class="oe_slogan">Electronic Signature</h2>
<h3 class="oe_slogan">No more fax or scans in emails</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Let your customers sign proposals online. Use up-selling techniques to
propose them some options.
@ -30,7 +30,7 @@ propose them some options.
Spend the extra time focusing on selling, not recording data.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_bg_img">
<img class="oe_picture oe_screenshot" src="quote_sign.png">
</div>
@ -38,15 +38,15 @@ Spend the extra time focusing on selling, not recording data.
</div>
</section>
<section class="oe_container">
<div class="oe_row">
<section class="container">
<div class="row">
<h2 class="oe_slogan">Communicate Efficiently</h2>
<div class="oe_span6">
<div class="col-md-6">
<div class="oe_bg_img">
<img class="oe_picture oe_screenshot" src="sale_price.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class='oe_mt32'>
Have clear pricing strategies.
</p>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Modern Open Source Online Store</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Modern Open Source Online Store</h2>
<h3 class="oe_slogan">Awesome product pages. Mobile friendly. Easy.</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="website_sale_sc_00.png">
</div>
@ -10,14 +10,14 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Create appealing product pages</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Create appealing product pages</h2>
<h3 class="oe_slogan">Building your online store has never been so easy</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="website_sale_product.png"/>
</div>
<div class="oe_span6 text-justify">
<div class="col-md-6 text-justify">
<p class="oe_mt32">
Simply drag &amp; drop pre-made building blocks to set your desired elements into place. Edit text inline straight on the web page to fine tune the product description, characteristics and images.</p>
<p class="oe_mt8">
@ -27,11 +27,11 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Increase your average cart revenue</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Increase your average cart revenue</h2>
<h3 class="oe_slogan">Sell more with upselling, cross selling and product variants</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32">
Show visitors similar but more expensive products from your catalog.
</p>
@ -42,20 +42,20 @@
Allow your clients to customize their product with different color, size and more!
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="suggested.png" height="300">
</div>
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Personal customer portal</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Personal customer portal</h2>
<h3 class="oe_slogan">Where customers can consult shipping statuses, invoices and delivery orders.</h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="website_sale_SO.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Provide your customers with a complete 24/7 access to up-to-date information through a dedicated customer portal where they can track their orders, download their invoice or delivery order and manage their return and claims. No need to navigate across multiple documents - everything is centralized in one place.
</p>
@ -63,17 +63,17 @@
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<section class="container">
<div class="row oe_spaced">
<div class="col-md-7">
<h2 class="oe_slogan" style="color:#875A7B; text-align: left;">Marketplaces integration</h2>
<h2 class="oe_slogan" style=" text-align: left;">Marketplaces integration</h2>
<h3 class="oe_slogan" style="text-align: left;">Amazon &amp; eBay</h3>
<p class="oe_mt16 text-justify">
Get extra exposure and sell more by publishing your products on eBay and Amazon. Import and manage your items straight from your Odoo instance.
</p>
</div>
<div class="col-md-5">
<h2 class="oe_slogan" style="color:#875A7B; text-align: left;">Shippers integration</h2>
<h2 class="oe_slogan" style=" text-align: left;">Shippers integration</h2>
<h3 class="oe_slogan" style="text-align: left;">UPS, DHL &amp; FedEx</h3>
<p class="oe_mt16 text-justify">
Speed up your shipment process and track your packages from Odoo. Select between multiple rates by shipping providers.
@ -82,5 +82,5 @@
</div>
</section>
<section class="oe_container oe_separator">
<section class="container oe_separator">
</section>

View File

@ -1,8 +1,8 @@
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Share your knowledge</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Share your knowledge</h2>
<h3 class="oe_slogan">The power of YouTube and Slideshare combined on your website</h3>
<div class="oe_span12">
<div class="col-md-12">
<div class="oe_demo oe_picture oe_screenshot">
<img src="public_channel.png" height="350">
</div>
@ -10,29 +10,29 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Powerful document management system</h2>
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Powerful document management system</h2>
<h3 class="oe_slogan">Publish presentations, videos, images and documents directly on your website</h3>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
Say goodbye to complicated archives and third-party files hosts. With Odoo Slides you can centralize all your documents on your website and share them publicly or privately with selected groups.
</p>
</div>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="slides1.png">
</div>
</div>
</section>
<section class="oe_container">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan" style="color:#875A7B;">Share your content with the world</h2>
<section class="container">
<div class="row oe_spaced">
<h2 class="oe_slogan" style="">Share your content with the world</h2>
<h3 class="oe_slogan">Make it easy for your visitors and customers to access your content </h3>
<div class="oe_span6">
<div class="col-md-6">
<img class="oe_picture oe_screenshot" src="slides2.png">
</div>
<div class="oe_span6">
<div class="col-md-6">
<p class="oe_mt32 text-justify">
With Odoo Slides, you have many ways to share your presentations and videos- on social media, by email or even by embedding the content straight to another website.
</p>
@ -40,10 +40,10 @@
</div>
</section>
<section class="oe_container oe_dark">
<div class="oe_row oe_spaced">
<h2 class="oe_slogan oe_mb32" style="color:#875A7B;">Showcase your work and success</h2>
<div class="oe_span6">
<section class="container oe_dark">
<div class="row oe_spaced">
<h2 class="oe_slogan oe_mb32" style="">Showcase your work and success</h2>
<div class="col-md-6">
<div class="text-center">
<span class="fa fa-unlock-alt fa-2x"></span>
<h4 class="oe_mt16"><b>Centralize internal documentation</b></h4>
@ -56,7 +56,7 @@
<img class="oe_picture oe_screenshot" src="slides3.png">
</div>
</div>
<div class="oe_span6">
<div class="col-md-6">
<div class="text-center">
<span class="fa fa-microphone fa-2x"></span>
<h4 class="oe_mt16 oe_mb16"><b>Compile and share material from your training, conferences and talks</b></h4>

View File

@ -75,254 +75,254 @@
* LAYOUT *
* --------------------------------- */
/* ------ BASE GRID CONSTRUCTS ----- */
.oe_page {
margin: 0px auto 64px auto;
max-width: 100%;
}
/*.oe_page {*/
/*margin: 0px auto 64px auto;*/
/*max-width: 100%;*/
/*}*/
.oe_row {
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
}
/*.oe_row {*/
/*width: 100%;*/
/*margin-top: 16px;*/
/*margin-bottom: 16px;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*}*/
.oe_row.oe_fit {
width: auto;
}
/*.oe_row.oe_fit {*/
/*width: auto;*/
/*}*/
.oe_clearfix:after, .oe_row:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/*.oe_clearfix:after, .oe_row:after {*/
/*content: ".";*/
/*display: block;*/
/*clear: both;*/
/*visibility: hidden;*/
/*line-height: 0;*/
/*height: 0;*/
/*}*/
[class*='oe_span'] {
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 16px;
}
/*[class*='oe_span'] {*/
/*float: left;*/
/*-moz-box-sizing: border-box;*/
/*-webkit-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*padding: 0 16px;*/
/*}*/
.oe_span12 {
width: 100%;
}
/*.oe_span12 {*/
/*width: 100%;*/
/*}*/
.oe_span10 {
width: 83.33333%;
}
/*.oe_span10 {*/
/*width: 83.33333%;*/
/*}*/
.oe_span9 {
width: 75%;
}
/*.oe_span9 {*/
/*width: 75%;*/
/*}*/
.oe_span8 {
width: 66.66667%;
}
/*.oe_span8 {*/
/*width: 66.66667%;*/
/*}*/
.oe_span6 {
width: 50%;
}
/*.oe_span6 {*/
/*width: 50%;*/
/*}*/
.oe_span4 {
width: 33.33333%;
}
/*.oe_span4 {*/
/*width: 33.33333%;*/
/*}*/
.oe_span3 {
width: 25%;
}
/*.oe_span3 {*/
/*width: 25%;*/
/*}*/
.oe_span2 {
width: 16.66667%;
}
/*.oe_span2 {*/
/*width: 16.66667%;*/
/*}*/
[class*='oe_span'].oe_fit {
padding-left: 0px !important;
padding-right: 0px !important;
}
/*[class*='oe_span'].oe_fit {*/
/*padding-left: 0px !important;*/
/*padding-right: 0px !important;*/
/*}*/
[class*='oe_span'].oe_right {
float: right;
}
/*[class*='oe_span'].oe_right {*/
/*float: right;*/
/*}*/
.oe_row.oe_flex [class*='oe_span'] {
display: inline-block;
float: none;
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 16px;
width: auto;
}
.oe_row.oe_flex .oe_span12 {
max-width: 100%;
}
.oe_row.oe_flex .oe_span10 {
max-width: 83.33333%;
}
.oe_row.oe_flex .oe_span9 {
max-width: 75%;
}
.oe_row.oe_flex .oe_span8 {
max-width: 66.66667%;
}
.oe_row.oe_flex .oe_span6 {
max-width: 50%;
}
.oe_row.oe_flex .oe_span4 {
max-width: 33.33333%;
}
.oe_row.oe_flex .oe_span3 {
max-width: 25%;
}
.oe_row.oe_flex .oe_span2 {
max-width: 16.66667%;
}
/*.oe_row.oe_flex [class*='oe_span'] {*/
/*display: inline-block;*/
/*float: none;*/
/*vertical-align: top;*/
/*-moz-box-sizing: border-box;*/
/*-webkit-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*padding: 0 16px;*/
/*width: auto;*/
/*}*/
/*.oe_row.oe_flex .oe_span12 {*/
/*max-width: 100%;*/
/*}*/
/*.oe_row.oe_flex .oe_span10 {*/
/*max-width: 83.33333%;*/
/*}*/
/*.oe_row.oe_flex .oe_span9 {*/
/*max-width: 75%;*/
/*}*/
/*.oe_row.oe_flex .oe_span8 {*/
/*max-width: 66.66667%;*/
/*}*/
/*.oe_row.oe_flex .oe_span6 {*/
/*max-width: 50%;*/
/*}*/
/*.oe_row.oe_flex .oe_span4 {*/
/*max-width: 33.33333%;*/
/*}*/
/*.oe_row.oe_flex .oe_span3 {*/
/*max-width: 25%;*/
/*}*/
/*.oe_row.oe_flex .oe_span2 {*/
/*max-width: 16.66667%;*/
/*}*/
.oe_mb0 {
margin-bottom: 0px !important;
}
/*.oe_mb0 {*/
/*margin-bottom: 0px !important;*/
/*}*/
.oe_mb4 {
margin-bottom: 4px !important;
}
/*.oe_mb4 {*/
/*margin-bottom: 4px !important;*/
/*}*/
.oe_mb8 {
margin-bottom: 8px !important;
}
/*.oe_mb8 {*/
/*margin-bottom: 8px !important;*/
/*}*/
.oe_mb16 {
margin-bottom: 16px !important;
}
/*.oe_mb16 {*/
/*margin-bottom: 16px !important;*/
/*}*/
.oe_mb32 {
margin-bottom: 32px !important;
}
/*.oe_mb32 {*/
/*margin-bottom: 32px !important;*/
/*}*/
.oe_mb48 {
margin-bottom: 48px !important;
}
/*.oe_mb48 {*/
/*margin-bottom: 48px !important;*/
/*}*/
.oe_mb64 {
margin-bottom: 64px !important;
}
/*.oe_mb64 {*/
/*margin-bottom: 64px !important;*/
/*}*/
.oe_mt0 {
margin-top: 0px !important;
}
/*.oe_mt0 {*/
/*margin-top: 0px !important;*/
/*}*/
.oe_mt4 {
margin-top: 4px !important;
}
/*.oe_mt4 {*/
/*margin-top: 4px !important;*/
/*}*/
.oe_mt8 {
margin-top: 8px !important;
}
/*.oe_mt8 {*/
/*margin-top: 8px !important;*/
/*}*/
.oe_mt16 {
margin-top: 16px !important;
}
/*.oe_mt16 {*/
/*margin-top: 16px !important;*/
/*}*/
.oe_mt32 {
margin-top: 32px !important;
}
/*.oe_mt32 {*/
/*margin-top: 32px !important;*/
/*}*/
.oe_mt48 {
margin-top: 48px !important;
}
/*.oe_mt48 {*/
/*margin-top: 48px !important;*/
/*}*/
.oe_mt64 {
margin-top: 64px !important;
}
/*.oe_mt64 {*/
/*margin-top: 64px !important;*/
/*}*/
/* ------ GENERIC LAYOUT MODIFIERS ----- */
.oe_rightfit {
padding-right: 0px !important;
}
/*!* ------ GENERIC LAYOUT MODIFIERS ----- *!*/
/*.oe_rightfit {*/
/*padding-right: 0px !important;*/
/*}*/
.oe_leftfit {
padding-left: 0px !important;
}
/*.oe_leftfit {*/
/*padding-left: 0px !important;*/
/*}*/
.oe_leftalign {
text-align: left;
}
/*.oe_leftalign {*/
/*text-align: left;*/
/*}*/
.oe_rightalign {
text-align: right;
}
/*.oe_rightalign {*/
/*text-align: right;*/
/*}*/
.oe_centeralign {
text-align: center;
}
/*.oe_centeralign {*/
/*text-align: center;*/
/*}*/
.oe_centered {
margin-left: auto;
margin-right: auto;
}
/*.oe_centered {*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*}*/
.oe_hidden {
display: none !important;
opacity: 0 !important;
}
/*.oe_hidden {*/
/*display: none !important;*/
/*opacity: 0 !important;*/
/*}*/
.oe_invisible {
visibility: hidden !important;
}
/*.oe_invisible {*/
/*visibility: hidden !important;*/
/*}*/
.oe_transparent {
opacity: 0 !important;
}
/*.oe_transparent {*/
/*opacity: 0 !important;*/
/*}*/
.oe_mb0 {
margin-bottom: 0px !important;
}
/*.oe_mb0 {*/
/*margin-bottom: 0px !important;*/
/*}*/
.oe_mb4 {
margin-bottom: 4px !important;
}
/*.oe_mb4 {*/
/*margin-bottom: 4px !important;*/
/*}*/
.oe_mb8 {
margin-bottom: 8px !important;
}
/*.oe_mb8 {*/
/*margin-bottom: 8px !important;*/
/*}*/
.oe_mb16 {
margin-bottom: 16px !important;
}
/*.oe_mb16 {*/
/*margin-bottom: 16px !important;*/
/*}*/
.oe_mb32 {
margin-bottom: 32px !important;
}
/*.oe_mb32 {*/
/*margin-bottom: 32px !important;*/
/*}*/
.oe_mb64 {
margin-bottom: 64px !important;
}
/*.oe_mb64 {*/
/*margin-bottom: 64px !important;*/
/*}*/
.oe_spaced {
margin-top: 32px;
margin-bottom: 32px;
}
/*.oe_spaced {*/
/*margin-top: 32px;*/
/*margin-bottom: 32px;*/
/*}*/
.oe_more_spaced {
margin-top: 64px;
margin-bottom: 64px;
}
/*.oe_more_spaced {*/
/*margin-top: 64px;*/
/*margin-bottom: 64px;*/
/*}*/
.oe_padded {
padding-top: 16px;
padding-bottom: 16px;
}
/*.oe_padded {*/
/*padding-top: 16px;*/
/*padding-bottom: 16px;*/
/*}*/
.oe_more_padded {
padding-top: 32px;
padding-bottom: 32px;
}
/*.oe_more_padded {*/
/*padding-top: 32px;*/
/*padding-bottom: 32px;*/
/*}*/
/* --------------------------------- *
* WEBPAGE COMPONENTS *
@ -575,9 +575,9 @@
/* ------ PICTURES ----- */
.oe_picture {
display: block;
max-width: 84%;
max-width: 100%;
max-height: 400px;
margin: 16px 8%;
margin: 16px auto;
}
.oe_screenshot {

View File

@ -40,8 +40,8 @@ $v8_anchor_visited_color: rgb(91, 40, 79)
background: $v8_bg_color
font-size: 16px
.container
width: 100%
//.container
// width: 100%
.oe_websiteonly
display: none
@ -83,170 +83,170 @@ $v8_anchor_visited_color: rgb(91, 40, 79)
* --------------------------------- */
/* ------ BASE GRID CONSTRUCTS ----- */
//
//.oe_page
// margin: 0px auto 64px auto
// max-width: 100%
.oe_page
margin: 0px auto 64px auto
max-width: 100%
.oe_row
width: 100%
margin-top: 16px
margin-bottom: 16px
margin-left: auto
margin-right: auto
.oe_row.oe_fit
width: auto
.oe_clearfix:after, .oe_row:after
content: "."
display: block
clear: both
visibility: hidden
line-height: 0
height: 0
$oe_span12_width: 100%
$oe_span10_width: 83.33333333%
$oe_span9_width: 75%
$oe_span8_width: 66.66666667%
$oe_span6_width: 50%
$oe_span4_width: 33.33333333%
$oe_span3_width: 25%
$oe_span2_width: 16.66666667%
[class*='oe_span']
float: left
+box-sizing(border-box)
padding: 0 16px
.oe_span12
width: $oe_span12_width
.oe_span10
width: $oe_span10_width
.oe_span9
width: $oe_span9_width
.oe_span8
width: $oe_span8_width
.oe_span6
width: $oe_span6_width
.oe_span4
width: $oe_span4_width
.oe_span3
width: $oe_span3_width
.oe_span2
width: $oe_span2_width
[class*='oe_span'].oe_fit
padding-left: 0px !important
padding-right: 0px !important
[class*='oe_span'].oe_right
float: right
.oe_row.oe_flex
[class*='oe_span']
display: inline-block
float: none
vertical-align: top
+box-sizing(border-box)
padding: 0 16px
width: auto
.oe_span12
max-width: $oe_span12_width
.oe_span10
max-width: $oe_span10_width
.oe_span9
max-width: $oe_span9_width
.oe_span8
max-width: $oe_span8_width
.oe_span6
max-width: $oe_span6_width
.oe_span4
max-width: $oe_span4_width
.oe_span3
max-width: $oe_span3_width
.oe_span2
max-width: $oe_span2_width
.oe_mb0
margin-bottom: 0px !important
.oe_mb4
margin-bottom: 4px !important
.oe_mb8
margin-bottom: 8px !important
.oe_mb16
margin-bottom: 16px !important
.oe_mb32
margin-bottom: 32px !important
.oe_mb48
margin-bottom: 48px !important
.oe_mb64
margin-bottom: 64px !important
.oe_mt0
margin-top: 0px !important
.oe_mt4
margin-top: 4px !important
.oe_mt8
margin-top: 8px !important
.oe_mt16
margin-top: 16px !important
.oe_mt32
margin-top: 32px !important
.oe_mt48
margin-top: 48px !important
.oe_mt64
margin-top: 64px !important
/* ------ GENERIC LAYOUT MODIFIERS ----- */
.oe_rightfit
padding-right: 0px !important
.oe_leftfit
padding-left: 0px !important
.oe_leftalign
text-align: left
.oe_rightalign
text-align: right
.oe_centeralign
text-align: center
.oe_centered
margin-left: auto
margin-right: auto
.oe_hidden
display: none !important
opacity: 0 !important
.oe_invisible
visibility: hidden !important
.oe_transparent
opacity: 0 !important
.oe_mb0
margin-bottom: 0px !important
.oe_mb4
margin-bottom: 4px !important
.oe_mb8
margin-bottom: 8px !important
.oe_mb16
margin-bottom: 16px !important
.oe_mb32
margin-bottom: 32px !important
.oe_mb64
margin-bottom: 64px !important
.oe_spaced
margin-top: 32px
margin-bottom: 32px
.oe_more_spaced
margin-top: 64px
margin-bottom: 64px
.oe_padded
padding-top: 16px
padding-bottom: 16px
.oe_more_padded
padding-top: 32px
padding-bottom: 32px
//
//.oe_row
// width: 100%
// margin-top: 16px
// margin-bottom: 16px
// margin-left: auto
// margin-right: auto
//
//.oe_row.oe_fit
// width: auto
//
//.oe_clearfix:after, .oe_row:after
// content: "."
// display: block
// clear: both
// visibility: hidden
// line-height: 0
// height: 0
//
//$oe_span12_width: 100%
//$oe_span10_width: 83.33333333%
//$oe_span9_width: 75%
//$oe_span8_width: 66.66666667%
//$oe_span6_width: 50%
//$oe_span4_width: 33.33333333%
//$oe_span3_width: 25%
//$oe_span2_width: 16.66666667%
//
//[class*='oe_span']
// float: left
// +box-sizing(border-box)
// padding: 0 16px
//.oe_span12
// width: $oe_span12_width
//.oe_span10
// width: $oe_span10_width
//.oe_span9
// width: $oe_span9_width
//.oe_span8
// width: $oe_span8_width
//.oe_span6
// width: $oe_span6_width
//.oe_span4
// width: $oe_span4_width
//.oe_span3
// width: $oe_span3_width
//.oe_span2
// width: $oe_span2_width
//
//[class*='oe_span'].oe_fit
// padding-left: 0px !important
// padding-right: 0px !important
//
//[class*='oe_span'].oe_right
// float: right
//
//.oe_row.oe_flex
// [class*='oe_span']
// display: inline-block
// float: none
// vertical-align: top
// +box-sizing(border-box)
// padding: 0 16px
// width: auto
// .oe_span12
// max-width: $oe_span12_width
// .oe_span10
// max-width: $oe_span10_width
// .oe_span9
// max-width: $oe_span9_width
// .oe_span8
// max-width: $oe_span8_width
// .oe_span6
// max-width: $oe_span6_width
// .oe_span4
// max-width: $oe_span4_width
// .oe_span3
// max-width: $oe_span3_width
// .oe_span2
// max-width: $oe_span2_width
//
//.oe_mb0
// margin-bottom: 0px !important
//.oe_mb4
// margin-bottom: 4px !important
//.oe_mb8
// margin-bottom: 8px !important
//.oe_mb16
// margin-bottom: 16px !important
//.oe_mb32
// margin-bottom: 32px !important
//.oe_mb48
// margin-bottom: 48px !important
//.oe_mb64
// margin-bottom: 64px !important
//
//.oe_mt0
// margin-top: 0px !important
//.oe_mt4
// margin-top: 4px !important
//.oe_mt8
// margin-top: 8px !important
//.oe_mt16
// margin-top: 16px !important
//.oe_mt32
// margin-top: 32px !important
//.oe_mt48
// margin-top: 48px !important
//.oe_mt64
// margin-top: 64px !important
//
///* ------ GENERIC LAYOUT MODIFIERS ----- */
//
//.oe_rightfit
// padding-right: 0px !important
//.oe_leftfit
// padding-left: 0px !important
//.oe_leftalign
// text-align: left
//.oe_rightalign
// text-align: right
//.oe_centeralign
// text-align: center
//.oe_centered
// margin-left: auto
// margin-right: auto
//.oe_hidden
// display: none !important
// opacity: 0 !important
//.oe_invisible
// visibility: hidden !important
//.oe_transparent
// opacity: 0 !important
//
//.oe_mb0
// margin-bottom: 0px !important
//.oe_mb4
// margin-bottom: 4px !important
//.oe_mb8
// margin-bottom: 8px !important
//.oe_mb16
// margin-bottom: 16px !important
//.oe_mb32
// margin-bottom: 32px !important
//.oe_mb64
// margin-bottom: 64px !important
//
//.oe_spaced
// margin-top: 32px
// margin-bottom: 32px
//.oe_more_spaced
// margin-top: 64px
// margin-bottom: 64px
//.oe_padded
// padding-top: 16px
// padding-bottom: 16px
//.oe_more_padded
// padding-top: 32px
// padding-bottom: 32px
/* --------------------------------- *
* WEBPAGE COMPONENTS *
@ -369,6 +369,7 @@ $oe_span2_width: 16.66666667%
margin-top: 32px
margin-bottom: 32px
h1.oe_slogan
font-size: 64px
font-weight: 900
@ -446,9 +447,9 @@ $oe_span2_width: 16.66666667%
// display a picture in a span
.oe_picture
display: block
max-width: 84%
max-width: 100%
max-height: 400px
margin: 16px 8%
margin: 16px auto
// style the picture like a screenshot
.oe_screenshot