Corvisart Multimédia - SITES.GOOGLE

Corvisart Multimédia

Initiation à l’outil de création de site sites.google

Table des matières

Utilitaires en ligne

Prompt sur copilot

Trouver des Podcasts

Trouver des musiques

Code player Soundcloud 600

Dégradé & masque

Dégradé simple orienté vers la droite, masque texte

Intégration SVG

Slider de présentation

Intégrations vidéos URL

Intégrations vidéos depuis votre drive google

Intégrations audios (URL du fichier)

Intégrations des PDF depuis votre drive Google

Boutons de contact & formulaires de contact

Formulaire de contact

Pour créer un site Google

Des solutions adaptées à Google sites

Nous allons explorer ensemble les possibilités de l’outil Sites de Google et découvrir les menus la construction des pages les formats d'images, les notions de responsive.

Concorde Story

Utilitaires en ligne

Prompt sur copilot

airline pilot of the air france company during the sixties walking with black shoes inside the airport before boarding with the concorde airplane on his back with the style of the realist painting of gruau

Intégration de Podcast audio

Le lien vers l’émission

Tomoe Gozen, l'histoire d'une femme samouraï

Code player spotify 352

Code pour une intégration du player spotify (normal 352px)

Code player spotify 152

Code pour une intégration du player spotify (Compacte 152px)

Code player Apple

Code pour une intégration du player Apple podcast

Code player Apple avec liste

Code pour une intégration du player Apple podcast avec liste

Trouver des Podcasts

Podcasts Google

Rechercher et écouter des Podcasts

Podcasts Apple

Rechercher et écouter des Podcasts

Trouver des musiques

Code player Soundcloud 600

Code pour une intégration du player Soundcloud

Soundcloud

Rechercher et écouter de la musique

Dégradé & masque

Codepen plein écran

Pleine page

Dégradé simple orienté vers la droite "to right"

Dégradé simple orienté vers la droite "to right"

Dégradé simple orienté vers la droite, masque texte

Code à copier et à intégrer <> dans votre page de site Google ⬇️

<h1>Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris .</h1>

</div>

<style>

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

.grad9 {

margin: 0 auto;

border-radius: 2vh;

max-width: 98%;

max-height: fit-content;

padding: 4%;

overflow: hidden;

background-color: rgba(255, 255, 255, 1);

}

.grad9 h1 {

font-family: "Inter", sans-serif;

text-align: justify;

font-weight: 900;

font-size: 48px;

line-height: 42px;

text-transform: uppercase;

letter-spacing: -0.14em;

overflow-wrap: break-word;

word-break: break-all;

background-image: linear-gradient(to right, rgba(255, 88, 51, 0), rgba(255, 88, 51, 1), rgba(127, 179, 213, 1), rgba(127, 179, 213, 0));

background-clip: text;

-webkit-text-fill-color: transparent;

}

</style>

Dégradé utilisé pour réaliser des rayures, masque texte

Code à copier et à intégrer <> dans votre page de site Google ⬇️

<h1><br>Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . Lycée Corvisart Tolbiac Paris . </h1>

</div>

<style>

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

.grad10 {

margin: 0 auto;

border-radius: 2vh;

max-width: 98%;

max-height: fit-content;

padding: 0 4% 4% 4%;

overflow: hidden;

background-color: transparent;

}

.grad10 h1 {

font-family: "Inter", sans-serif;

text-align: justify;

font-weight: 900;

font-size: 63px;

line-height: 1.2;

text-transform: uppercase;

letter-spacing: normal;

overflow-wrap: break-word;

word-break: break-all;

background-image: repeating-linear-gradient(-45deg, rgba(89, 0, 255, 1), rgba(89, 0, 255, 1) 10px, rgba(141, 133, 250, 1) 10px, rgba(141, 133, 250, 1) 20px );

background-clip: text;

-webkit-text-fill-color: transparent;

}

</style>

Intégration SVG

Logo au format SVG, attributs de style

<?xml version="1.0" encoding="utf-8"?>

viewBox="0 0 400 40" style="enable-background:new 0 0 400 40;" xml:space="preserve">

<g>

<path d="M17.1,19c-0.2-0.6,0.1-1.2,0.7-1.4l0,0c0.6-0.2,1.2,0.1,1.4,0.7l5.1,14.3c0.5,1.4,2.1,2.5,3.6,2.5c0,0,7.8,0,13,0

c3.4,0,6.5-3,6.9-6.6c0.6-5.5,1.1-11.1,1.7-16.6c0.4-3.7-2.5-6.6-6.4-6.6c-3.8,0-8.6,0-8.6,0c-1.5,0-2.2,1.1-1.7,2.5l4.9,13.1

c0.2,0.6-0.1,1.2-0.7,1.4l0,0c-0.6,0.2-1.2-0.1-1.4-0.7l-5.3-14c-0.5-1.4-2.1-2.5-3.6-2.5c0,0-9.6,0-15.7,0c-3.9,0-6.8,3-6.4,6.6

c0.6,5.5,1.1,11.1,1.7,16.6C6.6,32,9.7,35,13.1,35c3.2,0,7.1,0,7.1,0c1.5,0,2.3-1.1,1.8-2.5L17.1,19z"/>

</g>

<path d="M122.8,15.2c-0.6-0.3-0.8-0.9-0.5-1.5s0.9-0.8,1.5-0.5l15.6,7.7c1.3,0.6,2.5,0,2.7-1.5c0,0,0.4-4.2,0.8-7.7

c0.4-3.7-2.5-6.6-6.4-6.6c-10.7,0-21.3,0-32,0c-3.9,0-6.8,3-6.4,6.6c0.1,1.4,0.2,1.6,0.2,1.6c0.1,1.5,1.3,3.2,2.6,3.8l16.5,8.3

c0.6,0.3,0.8,1,0.5,1.5l0,0c-0.3,0.6-1,0.8-1.5,0.5L101,19.8c-1.3-0.7-2.3,0-2.1,1.5c0,0,0.4,3.9,0.7,7.1c0.4,3.7,3.5,6.6,6.9,6.6

c9.3,0,18.5,0,27.8,0c3.4,0,6.5-3,6.9-6.6c0.1-1.3,0.1-1.3,0.1-1.3c0.1-1.4-0.8-3.1-2.1-3.8L122.8,15.2z"/>

<path d="M94.1,28.3c-0.5-5.5-1-11.1-1.6-16.6C92.2,8,89.2,5,85.8,5C77.5,5,69.3,5,61,5c-3.4,0-6.4,3-6.8,6.6

c-0.5,5.5-1,11.1-1.6,16.6c-0.4,3.7,2.6,6.6,6.5,6.6c9.5,0,19,0,28.5,0C91.6,34.9,94.5,32,94.1,28.3z M88.4,20

c-0.7,4.8-7.4,8.7-15,8.7c-7.5,0-14.3-3.9-15-8.7s6-8.7,15-8.7C82.3,11.3,89.1,15.2,88.4,20z"/>

<path d="M284.6,28.3c-0.5-5.5-1-11.1-1.6-16.6C282.7,8,279.6,5,276.3,5c-8.2,0-16.5,0-24.7,0c-3.4,0-6.4,3-6.8,6.6

c-0.5,5.5-1,11.1-1.6,16.6c-0.4,3.7,2.6,6.6,6.5,6.6c9.5,0,19,0,28.5,0C282,34.9,285,32,284.6,28.3z M278.8,20

c-0.7,4.8-7.4,8.7-15,8.7c-7.5,0-14.3-3.9-15-8.7s6-8.7,15-8.7S279.5,15.2,278.8,20z"/>

<path d="M395.5,28.3c-0.5-5.5-1-11.1-1.6-16.6C393.6,8,390.5,5,387.1,5c-8.2,0-16.5,0-24.7,0c-3.4,0-6.4,3-6.8,6.6

c-0.5,5.5-1,11.1-1.6,16.6c-0.4,3.7,2.6,6.6,6.5,6.6c9.5,0,19,0,28.5,0C392.9,34.9,395.8,32,395.5,28.3z M389.7,20

c-0.7,4.8-7.4,8.7-15,8.7c-7.5,0-14.3-3.9-15-8.7s6-8.7,15-8.7S390.4,15.2,389.7,20z"/>

<path d="M188.6,30.2c0.9,1.2,2.2,1,2.8-0.3c0,0,0.1-0.2-0.1-1.7c-0.6-5.5-1.1-11.1-1.7-16.6C189.2,8,186.1,5,182.8,5

c-9.3,0-18.5,0-27.8,0c-3.4,0-6.5,3-6.9,6.6c-0.6,5.5-1.1,11.1-1.7,16.6c-0.2,1.7,0.1,2.1,0.1,2.1c0.7,1.3,2,1.4,2.9,0.2l10-12.7

c0.4-0.5,1.1-0.6,1.6-0.2l0,0c0.5,0.4,0.6,1.1,0.2,1.6l-10,12.7c-0.9,1.2-0.7,2.5,0.4,2.9c0,0,0,0,1.2,0c10.7,0,21.3,0,32,0

c1.4,0,1.4,0,1.4,0c1.3-0.6,1.6-2,0.7-3.1l-9.8-12.5c-0.4-0.5-0.3-1.2,0.2-1.6l0,0c0.5-0.4,1.2-0.3,1.6,0.2L188.6,30.2z"/>

<g>

<path d="M332.6,32.5c-0.5,1.4,0.3,2.5,1.8,2.5c0,0,3.6,0,6.7,0c3.4,0,6.6-3,7.1-6.6c0.8-5.5,1.6-11.1,2.3-16.6

c0.5-3.7-2.2-6.6-6.2-6.6c-6.5,0-16.8,0-16.8,0c-1.5,0-3.1,1.1-3.6,2.5l-2.4,6.3c-0.5,1.4-1.1,2.7-1.3,2.9

c-0.2,0.2-1.1,0.3-1.3,0.2c-0.3-0.1-1.1-1.7-1.6-3.1l-2.4-6.3c-0.5-1.4-2.1-2.5-3.6-2.5c0,0-10.3,0-16.8,0c-3.9,0-6.7,3-6.2,6.6

c0.8,5.5,1.6,11.1,2.3,16.6c0.5,3.7,3.7,6.6,7.1,6.6c3.1,0,6.7,0,6.7,0c1.5,0,2.3-1.1,1.8-2.5L301.4,19c-0.2-0.6,0.1-1.2,0.7-1.4

l0,0c0.6-0.2,1.2,0.1,1.4,0.7l5.1,14.3c0.5,1.4,2.1,2.5,3.6,2.5h14.4c1.5,0,3.1-1.1,3.6-2.5l5.1-14.3c0.2-0.6,0.9-0.9,1.4-0.7l0,0

c0.6,0.2,0.9,0.9,0.7,1.4L332.6,32.5z"/>

</g>

<path d="M233.6,5.1c-10.7,0-21.3,0-32,0c-3.9,0-6.8,3-6.4,6.6c0.6,5.5,1.1,11.1,1.7,16.6c0.4,3.7,3.5,6.6,6.9,6.6

c4.2,0,9.8,0,9.8,0c1.5,0,2.3-1.1,1.8-2.5l-2.8-7.7c-0.2-0.6,0.1-1.2,0.7-1.4l0,0c0.6-0.2,1.2,0.1,1.4,0.7l3,8.5

c0.5,1.4,2.1,2.5,3.6,2.5c0,0,6.6,0,12,0c3.4,0,3.6-2.2,2.6-5s-1.7-5.2-1.7-5.2c-0.2-0.6,0.1-1.3,0.7-1.4c0.4-0.1,1.1-0.2,1.8-0.4

c2.3-0.7,2.5-2.3,3-6.2c0.2-1.7,0.3-3.3,0.5-5C240.5,8.1,237.6,5.1,233.6,5.1z M229.9,15.2h-13.5c-0.6,0-1.1-0.5-1.1-1.1

s0.5-1.1,1.1-1.1h13.5c0.6,0,1.1,0.5,1.1,1.1S230.5,15.2,229.9,15.2z"/>

</g>

</svg>

<style>

.highlight {

fill: rgba(204, 255, 0, 0.2);

stroke-width: 2;

stroke: rgba(204, 255, 0, 0.65);

}

.highlight:hover {

fill: rgba(204, 255, 0, 0.4);

stroke: rgba(204, 255, 0, 1);

}

</style>

Logo au format SVG, dégradé réalisé dans illustrator, attributs de style

<?xml version="1.0" encoding="utf-8"?>

.st0 {

display: none;

}

.st1 {

display: inline;

}

.st2 {

clip-path: url(#SVGID_00000114773031894060876140000006756687320194273179_);

}

.st3 {

clip-path: url(#SVGID_00000056426690527546532470000006561359382248412295_);

}

.st4 {

clip-path: url(#SVGID_00000162333593188470282480000012083263335801541564_);

}

.st5 {

clip-path: url(#SVGID_00000146498361705280136260000004563103857523406732_);

}

.st6 {

clip-path: url(#SVGID_00000033349695193109232250000006342985937012541097_);

}

.st7 {

clip-path: url(#SVGID_00000174582863918626606170000000643402046715643284_);

}

.st8 {

clip-path: url(#SVGID_00000146465384394705380800000001699881192109880493_);

}

.st9 {

clip-path: url(#SVGID_00000014628832815125403180000010834637148229789058_);

}

.st10 {

clip-path: url(#SVGID_00000173130532858016396720000017469662866604093368_);

fill: url(#SVGID_00000018219499823354876920000008791347891030005380_);

}

.st11 {

fill: url(#SVGID_00000150077105786141350690000013240590561889675167_);

}

.st12 {

clip-path: url(#SVGID_00000146496540359591799350000007132241750440226727_);

}

.st13 {

clip-path: url(#SVGID_00000060009132760757561640000016404897515058288020_);

}

.st14 {

clip-path: url(#SVGID_00000047761551355354082440000006098879464932987045_);

}

.st15 {

clip-path: url(#SVGID_00000168117524730799003930000015928585857354756242_);

}

.st16 {

clip-path: url(#SVGID_00000030477410517288393390000005839345169741181859_);

}

.st17 {

clip-path: url(#SVGID_00000163039276511957164240000012662930417822747583_);

}

.st18 {

clip-path: url(#SVGID_00000045595847333947967740000006704680388436039315_);

}

.st19 {

clip-path: url(#SVGID_00000093876829742723045460000007128723660487581059_);

}

.st20 {

clip-path: url(#SVGID_00000005248779273914902920000010742210900014475141_);

fill: url(#SVGID_00000153695045703415309760000013673926524043217797_);

}

.st21 {

display: none;

fill: url(#SVGID_00000078021388492506176340000008348344421102165940_);

}

</style>

<defs>

</defs>

<defs>

<path id="SVGID_00000049933509653566116160000001944415912319557259_" d="M35.8,47.3c-0.5-1.5,0.3-3,1.8-3.6l0,0

c1.5-0.5,3,0.3,3.6,1.8l12.9,36.3c1.3,3.6,5.3,6.3,9.1,6.3h33c8.6,0,16.5-7.6,17.5-16.7c1.5-14,2.8-28.2,4.3-42.1

c1-9.4-6.3-16.7-16.2-16.7H80c-3.8,0-5.6,2.8-4.3,6.3l12.4,33.2c0.5,1.5,0,3-1.8,3.6l0,0c-1.5,0.5-3-0.3-3.6-1.8L69.3,18.4

c-1.3-3.6-5.3-6.3-9.1-6.3H20.3c-9.9,0-17.3,7.6-16.2,16.7c1.5,14,2.8,28.2,4.3,42.1c0.8,9.4,8.6,17,17.3,17h18

c3.8,0,5.8-2.8,4.6-6.3C48.2,81.6,35.8,47.3,35.8,47.3z" />

</defs>

<defs>

<path id="SVGID_00000019655299941741659790000007836731154006262927_" d="M304,37.7c-1.5-0.8-2-2.3-1.3-3.8

c0.8-1.5,2.3-2,3.8-1.3l39.6,19.5c3.3,1.5,6.3,0,6.9-3.8c0,0,1-10.7,2-19.5c1-9.4-6.3-16.7-16.2-16.7h-81.2

c-9.9,0-17.3,7.6-16.2,16.7c0,3.6,0.5,4.1,0.5,4.1c0,3.8,3.3,8.1,6.6,9.6l41.9,21.1c1.5,0.8,2,2.5,1.3,3.8l0,0

c-0.8,1.5-2.5,2-3.8,1.3l-39.1-19.3c-3.3-1.8-5.8,0-5.3,3.8c0,0,1,9.9,1.8,18c1,9.4,8.9,16.7,17.5,16.7h70.5

c8.6,0,16.5-7.6,17.5-16.7v-3.3c0.5-3.6-1.8-7.9-5.1-9.6C345.6,58.2,304,37.7,304,37.7z" />

</defs>

<defs>

<path id="SVGID_00000042007238943221371450000017900095638328104104_" d="M231.2,70.9c-1.3-14-2.5-28.2-4.1-42.1

c-0.8-9.4-8.4-17-17-17h-62.9c-8.6,0-16.2,7.6-17.3,16.7c-1.3,14-2.5,28.2-4.1,42.1c-1,9.4,6.6,16.7,16.5,16.7h72.3

C224.8,87.7,232.2,80.3,231.2,70.9z M216.7,49.9c-1.8,12.2-18.8,22.1-38.1,22.1s-36.3-9.9-38.1-22.1s15.2-22.1,38.1-22.1

S218.5,37.7,216.7,49.9z" />

</defs>

<defs>

<path id="SVGID_00000026876145657050777590000001360814216845965748_" d="M714.6,70.9c-1.3-14-2.5-28.2-4.1-42.1

c-0.8-9.4-8.6-17-17-17h-62.7c-8.6,0-16.2,7.6-17.3,16.7c-1.3,14-2.5,28.2-4.1,42.1c-1,9.4,6.6,16.7,16.5,16.7h72.3

C708,87.7,715.6,80.3,714.6,70.9L714.6,70.9z M699.8,49.9c-1.8,12.2-18.8,22.1-38.1,22.1c-19.3,0-36.3-9.9-38.1-22.1

c-1.8-12.2,15.2-22.1,38.1-22.1C684.6,27.8,701.6,37.7,699.8,49.9z" />

</defs>

<defs>

<path id="SVGID_00000019640012602851676130000009122415968793900723_" d="M995.9,70.9c-1.3-14-2.5-28.2-4.1-42.1

c-0.8-9.4-8.6-17-17.3-17H912c-8.6,0-16.2,7.6-17.3,16.7c-1.3,14-2.5,28.2-4.1,42.1c-1,9.4,6.6,16.7,16.5,16.7h72.3

C989.3,87.7,996.7,80.3,995.9,70.9z M981.2,49.9c-1.8,12.2-18.8,22.1-38.1,22.1c-19.3,0-36.3-9.9-38.1-22.1s15.2-22.1,38.1-22.1

C966,27.8,983,37.7,981.2,49.9z" />

</defs>

<defs>

<path id="SVGID_00000088120075006559115240000004793379154244446116_" d="M471,75.8c2.3,3,5.6,2.5,7.1-0.8c0,0,0.3-0.5-0.3-4.3

c-1.5-14-2.8-28.2-4.3-42.1c-1-9.1-8.9-16.7-17.3-16.7h-70.5c-8.6,0-16.5,7.6-17.5,16.7c-1.5,14-2.8,28.2-4.3,42.1

c-0.5,4.3,0.3,5.3,0.3,5.3c1.8,3.3,5.1,3.6,7.4,0.5l25.4-32.2c1-1.3,2.8-1.5,4.1-0.5l0,0c1.3,1,1.5,2.8,0.5,4.1l-25.4,32.2

c-2.3,3-1.8,6.3,1,7.4h87.8c3.3-1.5,4.1-5.1,1.8-7.9l-24.9-31.7c-1-1.3-0.8-3,0.5-4.1l0,0c1.3-1,3-0.8,4.1,0.5L471,75.8z" />

</defs>

<defs>

<path id="SVGID_00000070822565841528058820000005492917650569839249_" d="M836.3,81.6c-1.3,3.6,0.8,6.3,4.6,6.3h17

c8.6,0,16.7-7.6,18-16.7c2-14,4.1-28.2,5.8-42.1c1.3-9.4-5.6-16.7-15.7-16.7h-42.6c-3.8,0-7.9,2.8-9.1,6.3l-6.1,16

c-1.3,3.6-2.8,6.9-3.3,7.4c-0.5,0.5-2.8,0.8-3.3,0.5c-0.8-0.3-2.8-4.3-4.1-7.9l-6.1-16c-1.3-3.6-5.3-6.3-9.1-6.3h-42.6

c-9.9,0-17,7.6-15.7,16.7c2,14,4.1,28.2,5.8,42.1c1.3,9.4,9.4,16.7,18,16.7h17c3.8,0,5.8-2.8,4.6-6.3l-12.2-34.3

c-0.5-1.5,0.3-3,1.8-3.6l0,0c1.5-0.5,3,0.3,3.6,1.8l12.9,36.3c1.3,3.6,5.3,6.3,9.1,6.3h36.5c3.8,0,7.9-2.8,9.1-6.3l12.9-36.3

c0.5-1.5,2.3-2.3,3.6-1.8l0,0c1.5,0.5,2.3,2.3,1.8,3.6L836.3,81.6L836.3,81.6z" />

</defs>

<defs>

<path id="SVGID_00000160904056034554093570000016116590843015277704_" d="M585.1,12.1H504c-9.9,0-17.3,7.6-16.2,16.7

c1.5,14,2.8,28.2,4.3,42.1c1,9.4,8.9,16.7,17.5,16.7h24.9c3.8,0,5.8-2.8,4.6-6.3l-7.1-19.5c-0.5-1.5,0.3-3,1.8-3.6l0,0

c1.5-0.5,3,0.3,3.6,1.8l7.6,21.6c1.3,3.6,5.3,6.3,9.1,6.3h30.4c8.6,0,9.1-5.6,6.6-12.7c-2.5-7.1-4.3-13.2-4.3-13.2

c-0.5-1.5,0.3-3.3,1.8-3.6c1-0.3,2.8-0.5,4.6-1c5.8-1.8,6.3-5.8,7.6-15.7c0.5-4.3,0.8-8.4,1.3-12.7

C602.7,19.7,595.3,12.1,585.1,12.1z M575.8,37.7h-34.3c-1.5,0-2.8-1.3-2.8-2.8c0-1.5,1.3-2.8,2.8-2.8h34.3c1.5,0,2.8,1.3,2.8,2.8

C578.6,36.4,577.3,37.7,575.8,37.7z" />

</defs>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</linearGradient>

</g>

</linearGradient>

</g>

<g>

<defs>

</defs>

<defs>

<path id="SVGID_00000155146345799095598470000014359474656746212484_" d="M35.8,47.3c-0.5-1.5,0.3-3,1.8-3.6l0,0

c1.5-0.5,3,0.3,3.6,1.8l12.9,36.3c1.3,3.6,5.3,6.3,9.1,6.3h33c8.6,0,16.5-7.6,17.5-16.7c1.5-14,2.8-28.2,4.3-42.1

c1-9.4-6.3-16.7-16.2-16.7H80c-3.8,0-5.6,2.8-4.3,6.3l12.4,33.2c0.5,1.5,0,3-1.8,3.6l0,0c-1.5,0.5-3-0.3-3.6-1.8L69.3,18.4

c-1.3-3.6-5.3-6.3-9.1-6.3H20.3c-9.9,0-17.3,7.6-16.2,16.7c1.5,14,2.8,28.2,4.3,42.1c0.8,9.4,8.6,17,17.3,17h18

c3.8,0,5.8-2.8,4.6-6.3C48.2,81.6,35.8,47.3,35.8,47.3z" />

</defs>

<defs>

<path id="SVGID_00000057107358275023182580000008464248233659283612_" d="M304,37.7c-1.5-0.8-2-2.3-1.3-3.8

c0.8-1.5,2.3-2,3.8-1.3l39.6,19.5c3.3,1.5,6.3,0,6.9-3.8c0,0,1-10.7,2-19.5c1-9.4-6.3-16.7-16.2-16.7h-81.2

c-9.9,0-17.3,7.6-16.2,16.7c0,3.6,0.5,4.1,0.5,4.1c0,3.8,3.3,8.1,6.6,9.6l41.9,21.1c1.5,0.8,2,2.5,1.3,3.8l0,0

c-0.8,1.5-2.5,2-3.8,1.3l-39.1-19.3c-3.3-1.8-5.8,0-5.3,3.8c0,0,1,9.9,1.8,18c1,9.4,8.9,16.7,17.5,16.7h70.5

c8.6,0,16.5-7.6,17.5-16.7v-3.3c0.5-3.6-1.8-7.9-5.1-9.6C345.6,58.2,304,37.7,304,37.7z" />

</defs>

<defs>

<path id="SVGID_00000162349292940455046960000008676565992425170062_" d="M231.2,70.9c-1.3-14-2.5-28.2-4.1-42.1

c-0.8-9.4-8.4-17-17-17h-62.9c-8.6,0-16.2,7.6-17.3,16.7c-1.3,14-2.5,28.2-4.1,42.1c-1,9.4,6.6,16.7,16.5,16.7h72.3

C224.8,87.7,232.2,80.3,231.2,70.9z M216.7,49.9c-1.8,12.2-18.8,22.1-38.1,22.1s-36.3-9.9-38.1-22.1s15.2-22.1,38.1-22.1

S218.5,37.7,216.7,49.9z" />

</defs>

<defs>

<path id="SVGID_00000090990795028290076020000014262804640929967282_" d="M714.6,70.9c-1.3-14-2.5-28.2-4.1-42.1

c-0.8-9.4-8.6-17-17-17h-62.7c-8.6,0-16.2,7.6-17.3,16.7c-1.3,14-2.5,28.2-4.1,42.1c-1,9.4,6.6,16.7,16.5,16.7h72.3

C708,87.7,715.6,80.3,714.6,70.9L714.6,70.9z M699.8,49.9c-1.8,12.2-18.8,22.1-38.1,22.1c-19.3,0-36.3-9.9-38.1-22.1

c-1.8-12.2,15.2-22.1,38.1-22.1C684.6,27.8,701.6,37.7,699.8,49.9z" />

</defs>

<defs>

<path id="SVGID_00000084527410768314099580000018215749982477988788_" d="M995.9,70.9c-1.3-14-2.5-28.2-4.1-42.1

c-0.8-9.4-8.6-17-17.3-17H912c-8.6,0-16.2,7.6-17.3,16.7c-1.3,14-2.5,28.2-4.1,42.1c-1,9.4,6.6,16.7,16.5,16.7h72.3

C989.3,87.7,996.7,80.3,995.9,70.9z M981.2,49.9c-1.8,12.2-18.8,22.1-38.1,22.1c-19.3,0-36.3-9.9-38.1-22.1s15.2-22.1,38.1-22.1

C966,27.8,983,37.7,981.2,49.9z" />

</defs>

<defs>

<path id="SVGID_00000090990892783940941820000005171536095471553976_" d="M471,75.8c2.3,3,5.6,2.5,7.1-0.8c0,0,0.3-0.5-0.3-4.3

c-1.5-14-2.8-28.2-4.3-42.1c-1-9.1-8.9-16.7-17.3-16.7h-70.5c-8.6,0-16.5,7.6-17.5,16.7c-1.5,14-2.8,28.2-4.3,42.1

c-0.5,4.3,0.3,5.3,0.3,5.3c1.8,3.3,5.1,3.6,7.4,0.5l25.4-32.2c1-1.3,2.8-1.5,4.1-0.5l0,0c1.3,1,1.5,2.8,0.5,4.1l-25.4,32.2

c-2.3,3-1.8,6.3,1,7.4h87.8c3.3-1.5,4.1-5.1,1.8-7.9l-24.9-31.7c-1-1.3-0.8-3,0.5-4.1l0,0c1.3-1,3-0.8,4.1,0.5L471,75.8z" />

</defs>

<defs>

<path id="SVGID_00000181086728057376449470000012215906089242697135_" d="M836.3,81.6c-1.3,3.6,0.8,6.3,4.6,6.3h17

c8.6,0,16.7-7.6,18-16.7c2-14,4.1-28.2,5.8-42.1c1.3-9.4-5.6-16.7-15.7-16.7h-42.6c-3.8,0-7.9,2.8-9.1,6.3l-6.1,16

c-1.3,3.6-2.8,6.9-3.3,7.4c-0.5,0.5-2.8,0.8-3.3,0.5c-0.8-0.3-2.8-4.3-4.1-7.9l-6.1-16c-1.3-3.6-5.3-6.3-9.1-6.3h-42.6

c-9.9,0-17,7.6-15.7,16.7c2,14,4.1,28.2,5.8,42.1c1.3,9.4,9.4,16.7,18,16.7h17c3.8,0,5.8-2.8,4.6-6.3l-12.2-34.3

c-0.5-1.5,0.3-3,1.8-3.6l0,0c1.5-0.5,3,0.3,3.6,1.8l12.9,36.3c1.3,3.6,5.3,6.3,9.1,6.3h36.5c3.8,0,7.9-2.8,9.1-6.3l12.9-36.3

c0.5-1.5,2.3-2.3,3.6-1.8l0,0c1.5,0.5,2.3,2.3,1.8,3.6L836.3,81.6L836.3,81.6z" />

</defs>

<defs>

<path id="SVGID_00000132784727945287911290000008177231427457393075_" d="M585.1,12.1H504c-9.9,0-17.3,7.6-16.2,16.7

c1.5,14,2.8,28.2,4.3,42.1c1,9.4,8.9,16.7,17.5,16.7h24.9c3.8,0,5.8-2.8,4.6-6.3l-7.1-19.5c-0.5-1.5,0.3-3,1.8-3.6l0,0

c1.5-0.5,3,0.3,3.6,1.8l7.6,21.6c1.3,3.6,5.3,6.3,9.1,6.3h30.4c8.6,0,9.1-5.6,6.6-12.7c-2.5-7.1-4.3-13.2-4.3-13.2

c-0.5-1.5,0.3-3.3,1.8-3.6c1-0.3,2.8-0.5,4.6-1c5.8-1.8,6.3-5.8,7.6-15.7c0.5-4.3,0.8-8.4,1.3-12.7

C602.7,19.7,595.3,12.1,585.1,12.1z M575.8,37.7h-34.3c-1.5,0-2.8-1.3-2.8-2.8c0-1.5,1.3-2.8,2.8-2.8h34.3c1.5,0,2.8,1.3,2.8,2.8

C578.6,36.4,577.3,37.7,575.8,37.7z" />

</defs>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</linearGradient>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</clipPath>

</linearGradient>

</g>

</linearGradient>

</g>

</svg>

<style>

.highlight {

stroke-width: 4;

stroke: rgba(255, 255, 255, 0.5);

}

.highlight:hover {

stroke-width: 6;

stroke: rgba(255, 255, 255, 0.3);

}

</style>

Nostromo agency

Slider de présentation

Slider de présentation / slides png avec alpha / fond de section avec un gif animé

Slider de présentation / slides png avec alpha / fond de section grand image JPG

Slider de présentation / slides png avec alpha / fond de section aplat couleur image png

Slider de présentation / slides png avec alpha / fond de section dégradé crée dans Photoshop ft webp

Intégrations vidéos URL

<> Intégrer > à partir d'une URL

L'intégration depuis une URL permet notamment de présenter plus esthétiquement les vidéos verticales

site. coverr.co liens vidéos direct (url)

1.vidéo haute

https://cdn.coverr.co/videos/coverr-top-shot-of-a-surfer-couple/720p.mp4

2.vidéo gauche

https://cdn.coverr.co/videos/coverr-waves-crashing-near-the-coast-4158/720p.mp4

site. tumblr.com liens vidéos direct (url)

1.vidéo

https://va.media.tumblr.com/tumblr_s8nga7VjGa1qgac6v.mp4

Intégrations vidéos depuis votre drive google

Insérer > Drive

la vidéo sur votre drive > insérer

route-montagne.mp4

coverr-surfer-catching-a-wave-on-a-surfboard-4149-1080p.mp4

Intégrations audios (URL du fichier)

Musique créée par et avec Suno

suno.com

Player audio par défaut

The Folk.mp3

Player audio avec fond

</div>

<style>

.back-player {

width: 100%;

height: 100%;

min-height: fit-content;

border-radius: 30px;

align-content: center;

background-size: cover;

background-repeat: no-repeat;

background-image: url("https://64.media.tumblr.com/5d5b5aa0490975413905050893eb4407/0c1412b5e8e9eccc-be/s1280x1920/ffe5a648859ddaab338b0efd94509653347766ce.jpg");

background-color: rgba(0, 238, 255, 1);

}

iframe {

margin-left: 5%;

margin-top: 10%;

width: 90%;

height: 90px;

min-height: max-content;

border-radius: 45px;

border-style: none;

}

</style>

Intégrations des PDF depuis votre drive Google

Insérer > Drive

le PDF votre drive > insérer

CV-pilot.pdf

Inserez depuis le drive

consultation du cv au ft pdf s'ouvre dans une modal pardessus la page du site. Pour le téléchargement du fichier utiliser le menu du lecteur acrobat du navigateur.

Avantage de cette méthode on ne quitte pas la page (pas de nouvel onglet)

🡻 Télécharger mon CV

Structure du lien pour le téléchargement de ce pdf

https://drive.google.com/uc?id=1JLF9XC6kkevJwltOFdIISHKrj2yKLH-0&export=download

🞺 Consulter mon CV

Structure du lien pour la consultation de ce pdf

https://drive.google.com/file/d/1JLF9XC6kkevJwltOFdIISHKrj2yKLH-0/view?usp=drive_link

Boutons de contact & formulaires de contact

bouton "mailto"

Pour le footer ou “pied de page” nous pouvons créer un simple bouton de contact de type “mailto”.

Version simple

mailto:corvisart.webmaster@gmail.com

contactez-nous

bouton "mailto"

Pour le footer ou “pied de page” nous pouvons créer un simple bouton de contact de type “mailto”.

Version avec sujet

mailto:corvisart.webmaster@gmail.com?subject=Bonjour&body=Votre message...

contactez-nous

Formulaire de contact

Créé avec google form

Formulaire de contact

Créé avec des widgets externes

elfsight.com

Widgets NoCode

Page d'exemple du site

Page updated

Google Sites

Report abuse

Initiation à l’outil de création de site sites.google

Table des matières

Utilitaires en ligne

rotato.app

svgbackgrounds.com

cssgradient.io

uicolors.app

Prompt sur copilot

Intégration de Podcast audio

Le lien vers l’émission

Code player spotify 352

Code player spotify 152

Code player Apple

Code player Apple avec liste

Trouver des Podcasts

Podcasts Google

Podcasts Apple

Trouver des musiques

Code player Soundcloud 600

Soundcloud

Dégradé & masque

Dégradé simple orienté vers la droite "to right"

Dégradé simple orienté vers la droite "to right"

Dégradé simple orienté vers la droite, masque texte

Dégradé utilisé pour réaliser des rayures, masque texte

Intégration SVG

Logo au format SVG, attributs de style

Logo au format SVG, dégradé réalisé dans illustrator, attributs de style

Slider de présentation

Intégrations vidéos URL

site. coverr.co liens vidéos direct (url)

site. tumblr.com liens vidéos direct (url)

Intégrations vidéos depuis votre drive google

Intégrations audios (URL du fichier)

Musique créée par et avec Suno

Player audio par défaut

Player audio avec fond

Intégrations des PDF depuis votre drive Google

Boutons de contact & formulaires de contact

bouton "mailto"

bouton "mailto"

Formulaire de contact

Formulaire de contact

elfsight.com

1er Semestre

2e Semestre

Compétition