Tous les blocs en pleine largeur

Les pages peuvent être pleine largeur en desktop, comme la page d'accueil

Table des matières

Fichiers à télécharger - Un fichier sans description

Définition - Plusieurs définitions - Titre + texte

Définition 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Définition 2

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Définition 3

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Définition - Plusieurs définitions - Titre sans texte

Définition 1

Définition 2

Définition 3

Définition - Une définition - Titre sans texte

Définition 1

Une intégration HTML (embed)

Transcription

Carte interactive

test html

du texte ici en html
Transcription

Un texte rouge

Fichiers à télécharger - Plusieurs fichiers sans description

Fichiers à télécharger - Un fichier avec description

Description du fichier à télécharger

Chapitre avec une image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id felis et nunc euismod consectetur. Maecenas eu tortor nunc. Duis aliquet mauris mauris, in fermentum ex tempus sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id felis et nunc euismod consectetur. Maecenas eu tortor nunc. Duis aliquet mauris mauris, in fermentum ex tempus sed.

Chapitre avec une image et une note

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id felis et nunc euismod consectetur. Maecenas eu tortor nunc. Duis aliquet mauris mauris, in fermentum ex tempus sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id felis et nunc euismod consectetur. Maecenas eu tortor nunc. Duis aliquet mauris mauris, in fermentum ex tempus sed.

La fenêtre est ouverte

Chapitre

Suspendisse et laoreet sapien. Mauris quis magna hendrerit, venenatis lorem vitae, ullamcorper urna. Cras non nisl malesuada, pharetra urna et, fringilla justo. Proin lacus mi, fringilla vitae dolor mollis, maximus tempus orci. Phasellus egestas semper felis nec pretium. Curabitur ultrices arcu dolor, nec lacinia ex ornare vitae. Morbi feugiat neque ac maximus mattis. Curabitur non est vitae orci malesuada consectetur.

Chapitre avec une note

Suspendisse et laoreet sapien. Mauris quis magna hendrerit, venenatis lorem vitae, ullamcorper urna. Cras non nisl malesuada, pharetra urna et, fringilla justo. Proin lacus mi, fringilla vitae dolor mollis, maximus tempus orci. Phasellus egestas semper felis nec pretium. Curabitur ultrices arcu dolor, nec lacinia ex ornare vitae. Morbi feugiat neque ac maximus mattis. Curabitur non est vitae orci malesuada consectetur.

Note de l'utilisateur

Image

Image - Crédit - Texte

Image - Crédit

Test dailymotion

Video
Transcription

Downpatrick head, la falaise sauvage face à l'Atlantique. L’abbaye de Kylemore, un château du XIXème siècle au bord du lac Pollacappul . L’Anneau de Kerry, l’une des plus belles routes d’Irlande. La Chaussée des Géants, un site géologique formé par des éruptions volcaniques il y a 60 millions d’années. La péninsule de Dingle, un paradis sauvage mêlant plages de sable, falaises, collines et montagnes. La péninsule de Sheep’s head, une beauté naturelle à découvrir en randonnée. La Vallée de Glendalough, une cité monastique en pleine nature. Le Burren, un plateau calcaire avec une richesse de l’écosystème. Le Gap of Dunloe, la resplendissante vallée glaciaire. Le Parc national du Connemara, le site qui a inspiré le chanteur Michel Sardou. Le pont de Carrick-a-Rede, utilisé pour la célèbre série Game Of Thrones. Les Falaises de Moher et son extraordinaire panorama sur l’océan. Les îles d’Aran, 3 îles rocheuses réputées pour leur patrimoine, leur culture et les paysages qu’elles offrent. Slieve League, n°2 des plus hautes falaises d’Europe.

CTA trois boutons + Texte + image + Crédit

Découvrez le support Osuny

Image ordinateur

Unsplash

1 seul témoignage - Texte court - Sans Auteur.e ni Métier

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CTA deux boutons + Texte + image + Crédit

Découvrez le support Osuny

Image ordinateur

Unsplash

1 seul témoignage - Texte court - Auteur.e sans Métier

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Alexis Benoit

1 seul témoignage - Texte long - Auteur.e - Métier

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non nisl nec nibh pellentesque scelerisque at at magna. Donec sodales lacus ut lacus ullamcorper ornare. Proin imperdiet in urna vel mattis. Curabitur magna augue, efficitur sed aliquam a, mattis quis lectus.

Alexis BenoitDev front

1 seul témoignage - Texte long - Auteur.e sans Métier

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non nisl nec nibh pellentesque scelerisque at at magna. Donec sodales lacus ut lacus ullamcorper ornare. Proin imperdiet in urna vel mattis. Curabitur magna augue, efficitur sed aliquam a, mattis quis lectus.

Alexis Benoit

1 seul témoignage - Texte court - Auteur.e - Métier - Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Alexis BenoitDev front

1 seul témoignage - Texte court - Métier - Sans Auteur.e

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Dev front

1 seul témoignage - Texte long - Sans Auteur.e ni Métier

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non nisl nec nibh pellentesque scelerisque at at magna. Donec sodales lacus ut lacus ullamcorper ornare. Proin imperdiet in urna vel mattis. Curabitur magna augue, efficitur sed aliquam a, mattis quis lectus.

1 seul témoignage - Texte long - Auteur.e - Métier - Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non nisl nec nibh pellentesque scelerisque at at magna. Donec sodales lacus ut lacus ullamcorper ornare. Proin imperdiet in urna vel mattis. Curabitur magna augue, efficitur sed aliquam a, mattis quis lectus.

Alexis BenoitDev front

1 seul témoignage - Texte long - Métier - Sans Auteur.e

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non nisl nec nibh pellentesque scelerisque at at magna. Donec sodales lacus ut lacus ullamcorper ornare. Proin imperdiet in urna vel mattis. Curabitur magna augue, efficitur sed aliquam a, mattis quis lectus.

Dev front

Plusieurs Témoignages - Sans Image - Sans Auteur.e ni métier

Fichiers à télécharger - Plusieurs fichiers avec description

Description du fichier à télécharger

Timeline - Horinzontal -Titre - Avec et sans texte

Timeline - Horinzontal-Titre - Sans texte

Test dailymotion avec titre vidéo

Titre de la vidéo Downpatrick head

Titre de la vidéo Downpatrick head

Transcription

Downpatrick head, la falaise sauvage face à l'Atlantique. L’abbaye de Kylemore, un château du XIXème siècle au bord du lac Pollacappul . L’Anneau de Kerry, l’une des plus belles routes d’Irlande. La Chaussée des Géants, un site géologique formé par des éruptions volcaniques il y a 60 millions d’années. La péninsule de Dingle, un paradis sauvage mêlant plages de sable, falaises, collines et montagnes. La péninsule de Sheep’s head, une beauté naturelle à découvrir en randonnée. La Vallée de Glendalough, une cité monastique en pleine nature. Le Burren, un plateau calcaire avec une richesse de l’écosystème. Le Gap of Dunloe, la resplendissante vallée glaciaire. Le Parc national du Connemara, le site qui a inspiré le chanteur Michel Sardou. Le pont de Carrick-a-Rede, utilisé pour la célèbre série Game Of Thrones. Les Falaises de Moher et son extraordinaire panorama sur l’océan. Les îles d’Aran, 3 îles rocheuses réputées pour leur patrimoine, leur culture et les paysages qu’elles offrent. Slieve League, n°2 des plus hautes falaises d’Europe.

Test vidéo Youtube

Video
Transcription

De jolis paysages

Test vidéo vimeo

Video
Transcription

Forgotten folk singer Lena Black releases her song, Charlotte, in 1971. Fifty years later, the pop singer T.Y.M. releases a highly-successful cover. "Charlotte" follows the fall-out of this pop song on the lives of the Black family, including Lena Black, her daughter Diane, and her 11-year-old grandson, Eli.

"Charlotte" is this week's Staff Pick Premiere. Read more about it here: vimeo.com/blog/post/staff-pick-premiere-charlotte-by-zach-dorn/

Tableau sans description

Magali AnglèsDoctorante
Alexis BenoitDev Front
Pierre-André BoissinotDev Back
Sébastien GayaDev Back
Arnaud LevyDev Back
Olivia SimonetDev Front

Tableau avec description

La team Noesya
Magali AnglèsDoctorante
Alexis BenoitDev Front
Pierre-André BoissinotDev Back
Sébastien GayaDev Back
Arnaud LevyDev Back
Olivia SimonetDev Front

Chiffre clé petit

  • 4%
    des gaz à effet de serre sont dus au numérique

Chiffre clé petit + texte

Le chiffre clé du numérique

  • 4%
    des gaz à effet de serre sont dus au numérique

Chiffre clé important

  • 904000
    C’est la surface estimée du parc datacenter français.

Chiffre clé important + Texte

Un chiffre clé important

  • 904000
    C’est la surface estimée du parc datacenter français.

Plusieurs chiffres clés

  • 69.6millions
    Nombre estimé de smartphones en France.
  • 15W
    La consommation médiane estimée d’un ordinateur portable en fonctionnement à l’horizon 2035.
  • 6%
    Le pourcentage de trafic de téléchargement que représentent les mises à jour logicielles.

Plusieurs chiffres clés + texte

Plusieurs chiffres clés du numérique.

  • 69.6millions
    Nombre estimé de smartphones en France.
  • 15W
    La consommation médiane estimée d’un ordinateur portable en fonctionnement à l’horizon 2035.
  • 6%
    Le pourcentage de trafic de téléchargement que représentent les mises à jour logicielles.

Actualités - Une sélection d'actualité

Définition - Une définition - Titre + texte

Définition 1

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Galerie Grille

Galerie Grille + Description

Organigramme - Personnes

Pierre-André Boissinot

Dev back

Alexis Benoit

Dev front

Arnaud Levy

Dev back

Sébastien Gaya

Dev back

Olivia Simonet

Dev back

Magali Anglès

Doctorant

Organigramme - Personnes - Description

Présentation de la team noesya

Pierre-André Boissinot

Dev back

Alexis Benoit

Dev front

Arnaud Levy

Dev back

Sébastien Gaya

Dev back

Olivia Simonet

Dev back

Magali Anglès

Doctorante

Organigramme - Personnes - Description - Liens cliquables vers personnes

Présentation de la team noesya

Organigramme - Personnes - Description - Liens cliquables vers personnes + Portrait

Présentation de la team noesya

Galerie Grille + Description + Texte image

Galerie Grille + Description + Texte image + Crédit image

Organigramme - Personnes - Description - Liens cliquables vers personnes + Portrait + Ordre alphabétique

Présentation de la team noesya

Galerie Carrousel

Galerie Carrousel + description

Partenaires

MICA

MICA

noesya

noesya

MIT Anthropology

MIT Anthropology

Partenaires - Description

Les partenaires de noesya

MICA

MICA

noesya

noesya

MIT Anthropology

MIT Anthropology

Partenaires - Description - liens cliquables

Les partenaires de noesya

Partenaires - Description - liens cliquables - ordre alphabétique

Les partenaires de noesya

Partenaires - longue liste

MICA

MICA

noesya

noesya

MIT Anthropology

MIT Anthropology

Rose Primaire

Rose Primaire

Université Bordeaux Montaigne

Université Bordeaux Montaigne

Class'Code

Class'Code

Degrowth Journal

Degrowth Journal

Scaleway

Scaleway

Galerie Carrousel + description + texte image

Galerie Carrousel + description + texte image + crédit

CTA simple

CTA simple + Texte

Découvrez le support Osuny

CTA simple + Texte + image

Découvrez le support Osuny

Image ordinateur

CTA simple + Texte + image + Crédit

Découvrez le support Osuny

Image ordinateur

Unsplash

CTA deux boutons + Texte

Découvrez le support Osuny

CTA deux boutons + Texte + Image

Découvrez le support Osuny

Image ordinateur

Plusieurs Témoignages - Image - Auteur.e - Métier

Plusieurs Témoignages - Image - Sans Auteur.e ni métier

Plusieurs Témoignages - Auteur.e

Plusieurs Témoignages - Auteur.e - Métier

Plusieurs Témoignages - Métier

Timeline - Vertical -Titre et texte

Septembre 2021

Création Scop noesya

Mars 2021

Dispositif Cifre

Mai 2021

Dispositif JEI

Juillet 2021

Lancement site IUT Bordeaux Montaigne

Timeline - Vertical -Titre - Avec et sans texte

Septembre 2021

Mars 2021

Dispositif Cifre

Mai 2021

Juillet 2021

Lancement site IUT Bordeaux Montaigne

Timeline - Vertical -Titre - Sans texte

Septembre 2021

Mars 2021

Mai 2021

Juillet 2021

Timeline - Horizontal -Titre et texte

Aide Osuny
ActionRaccourci
Afficher la grilleCtrl + g
Passer d’une page pleine largeur à une page avec barre latérale, et inversementCtrl + w
Contrôler les dimensions des images chargéesCtrl + i
Ouvre la page en production, si dans config.yaml debug.productionUrl est spécifiéCtrl + p
1
2
3
4
5
6
7
8
9
10
11
12
1 (8px)
2 (12px)
3 (24px)
4 (48px)
5 (64px)
6 (128px)
7 (256px)