Ecobiz Live

18
Ven, Oct
0 New Articles
Uncategorised
Typography
  • Smaller Small Medium Big Bigger
  • Default Helvetica Segoe Georgia Times

Core Typography

h1. Heading Secondary text

h2. Heading Secondary text

h3. Heading Secondary text

h4. Heading Secondary text

h5. Heading Secondary text
h6. Heading Secondary text

TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class.

Example body text

This is a lead paragraph. Make a paragraph stand out by adding .lead.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

Address

Company Name
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
P: (123) 456-7890
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

Emphasis classes

This is a .mute paragraph.

This is a .text-primary paragraph.

This is a .text-warning paragraph.

This is a .text-danger paragraph.

This is a .text-success paragraph.

This is a .text-info paragraph.

Alignment classes

This is a left aligned text .text-left

This is a center aligned text .text-center

This is a right aligned text .text-right

This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.

Blockquotes

This is a <blockquote> in a <.well>.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

 

Color Swatches

Brand Colors

#cc0000
Brand Primary
#669900
Brand Secondary
#ff8800
Brand Warning
#cc0000
Brand Danger
#0099cc
Brand Info
#669900
Brand Success

Grayscale Levels

#222222
Gray Darker
#444444
Gray Dark
#666666
Gray
#999999
Gray Light
#eeeeee
Gray Lighter
#f8f8f8
Gray Lightest

 

Navigations

Horizontal Navbar

Tabs

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

Vertical Menus

 

Forms

Buttons

Default Button
Primary Button
Success Button
Inverse Button
Info Button
Warning Button
Danger Button
Disabled Button

Inputs

Sample Basic Form

Legend
A longer block of help text that breaks onto a new line and may extend beyond one line.

 

Hero Units

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Primary Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Masthead

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

Primary Masthead

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Call to Action

 

Media Object

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Nested media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

More nested media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

 

Tables

Basic Tables

#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Bordered Tables

#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
#Column headingColumn headingColumn heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

 

Indicators

Alerts and Notifications

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.

Badges

Labels

Default Primary Success Info Warning Danger

 

Other useful components

List groups

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • Morbi leo risus
  • Morbi leo risus
  • 1 Morbi leo risus
9 Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus.

List group item heading

Donec id elit non mi porta gravida at eget metus.

Panels

Panel heading
Panel content

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Wells

Look, I'm in a small well!
Look, I'm in a well!
Look, I'm in a large well!

ONUDI - Employement for Youth

Industrie 4.0

Industrie 4.0

La CGECI - le patonat ivoirien, en partenariat avec l'Université Félix Houphouët-Boigny (UFHB), l'Organisation des Nations Unies pour le Développement Industriel (ONUDI), et l'Agence Universitaire de la Francophonie (AUF), a donné le coup d'envoi de l'African Digital Week 2024 avec une conférence dédiée à la jeunesse portant sur les nouveaux métiers de l'industrie 4.0.

Tribune libre

Opinions, Expertises, Débats

Tribunes

Le projet de budget de l’Etat Ivoirien pour l’année 2024, s’équilibre en ressources et en charges à 13 720,70 milliards de FCFA enregistrant une hausse globale de plus de 17,3% par rapport au 11 694,36 milliards de 2023. Il repose sur une hypothèse de maintien du rythme de croissance économique avec un taux qui devrait se situer à 7,0% cette année et en 2024.

Débats

Publiée au journal officiel le 17 Octobre dernier, l’Ordonnance n° 2023-719 du 13 Septembre 2023 portant réforme des Impôts sur les traitements et salaires, pensions et rentes viagères à la charge des salariés entrera en application à compter du 1er Janvier 2024. Zoom sur les changements découlant de la réforme, le nouveau mode de calcul de l’impôt et les impacts sur la gouvernance fiscale des employeurs.

Opinions

La Côte d'Ivoire a sollicité la Banque Africaine de Développement (BAD) pour le financement d'un nouveau programme: Programme de Production Alimentaire d'Urgence (PPUA).
Le financement du secteur agricole demeure largement insuffisant avec 3,2% des dépenses publiques contre 10% des engagements de Maputo de 2003.
La Côte d'Ivoire a importé 1.113.000 tonnes de riz en 2020, soit 50% de ses besoins, 105 214 tonnes de maïs et 694 176 tonnes de blé.
Le PPUA a été évalué par la BAD en juin 2022 par suite de la requête du gouvernement référencée 0582/MPD/CAB-00/CT-CA/arts du 08 juin 2022.
Le but du programme est d’amortir l’impact des chocs exogènes et de renforcer la souveraineté alimentaire du pays.
Ce nouveau programme en dit long sur l'efficacité de la politique publique agricole, en matière de sécurité et de souveraineté alimentaire, notamment l'efficacité du Programme National d'Investissement Agricole (PNIA) et du Plan National de Développement (PND) concernant le secteur agricole.
S'appuyant sur les documents du Programme Détaillé de Développement de l’Agriculture Africaine (PDDAA), le PNIA de première génération, mis en œuvre de 2010 à 2015, prolongé sur 2016, s'articulait autour de plusieurs objectifs stratégiques dont la sécurité et la souveraineté alimentaire de la Côte d'Ivoire.
Depuis 2016, le défi de la sécurité et de la souveraineté alimentaire est désormais un des axes couverts par le PND. Le PND 2016-2020 a pris en compte les objectifs à la fois économiques et sociaux de développement du secteur agricole au niveau national, selon trois axes dont la sécurité alimentaire et nutritionnelle, qui demeure importante à l'échelle nationale.
Selon vous, les politiques publiques agricoles visant la sécurité et la souveraineté alimentaire sont-elles vraiment efficaces?
Références:
- Rapport d'évaluation de projet du programme de production alimentaire d'urgence.
- Programme National d'Investissement Agricole de deuxième génération (2018-2025)
Débats

« Attention à la collecte de données », « Google nous surveille en permanence », « Les Gafa nous espionnent », « Nous sommes esclaves de ceux qui collectent nos données », peut-on entendre ici ou là, à l’occasion d’un verre entre amis ou d’une discussion de comptoir.