HTML CSS - Créer un site de Fast Food

Aujourd'hui , on se retrouve pour le 32 ème entrainement avec du HTML/CSS
✍️ Ressources : www.mediafire.com/file/0dfb7q...
📝Corrigé écrit : github.com/GravenilvecTV/Rest...
🖼️ Credit :
- License Flaticon : [e-mail] (GravenDev)
- IStockPhotos : [e-mail]
🎥 Logiciels:
Montage: Davinci Resolve
Tournage : Action Mirillis
Logiciel : Visual Studio Code
- Matt's Blues - Kevin MacLeod
Matt's Blues par Kevin MacLeod est distribué sous la licence Creative Commons Attribution (creativecommons.org/licenses/...
)
Source : incompetech.com/music/royalty-...
Artiste : incompetech.com/
Musique Outro: Dorian - Andrew Langdon
📌Mon Twitter : graven.yt/twitter
👁️‍🗨️Mon Discord: graven.yt/discord
💰 Soutenir la chaine ? graven.yt/premium

[@TomCodeur]

Félicitation, tu m'as donné l'envie de commander une pizza 🍕

[@drz_exzot645]

Un super travail et très très bien expliqué, faire du code en live c'est une très bonne idée et méthode pour apprendre, surtout le CSS . Merci et félicitation à toi !

[@84Mariion]

1er Tuto réalisé après quelques semaines/mois de prise en main d' HTML/CSS avec des bouts d'exo. Je suis super contente 😄😄😄 une 1ère mise en situation réelle avec l'énoncé de l'exercice qui permet de travailler seul, de se creuser la tête de son côté 🤯🤯🤯 et puis le corriger en vidéo, qui aide les ptits novices à comprendre le raisonnement des tâches à effectuer, par où commencer, dans quels ordres faire les choses. Tout parait tellement plus clair avec tes explications 🤔😜 J'ai adoré!!!! 😀😄😃 JavaScript sera pour plus tard, je boss l'algo pour mieux comprendre les choses. Hâte d'enchainer sur les prochains tutos!!! 😉 Merci GRAVEN!!

[@chtoukanews4437]

Hi Mister Graven, merci pour le détail des détails. Vraiment le cour est bien structuré. 👍👍Bravo.

[@8__-__8]

Super vidéo, le rendu et grave sympa et en même temps ça nous apprend les bases, merci

[@shiver_punk_sq4428]

C'est un peu tard pour commenter cette vidéo, mais franchement merci bcp, ta vidéo m'a énormément aidé, MERCI !!!!!!!!

[@hacksell42]

+1 Abo , j'aurai du connaitre cette vidéo bien avant , super vidéo qui apprend bien le HTML CSS , dommage que mtn je connais , mais vrmt super vidéo

[@alizine76]

je vous remercie graven vraiment c'est très agréable de vous suivre et de connaitre des techniques supplémentaire merci une autre fois

[@Gravenilvectuto]

pas de probleme, à tres vite pour de nouveaux tp ;)

[@93vranseeee84]

très bon travail merci beaucoup à toi !

[@diaksanga]

Salut mon prof virtuel, lolll... je blague. salut Graven, tu fais du bon boulot mon ami, stp ne t'arrête pas avec les défis car ça nous aide énormément. merci et big up.

[@anne-emmanuellejean462]

vraiment intéressante ta rediffusion va vraiment m'aider merci beaucoup

[@andriamanalinah]

Voilà enfin un vrai cours. Clair et concret . BRAVO

[@Gravenilvectuto]

merci bien !

[@123prui]

respect graven c du bon taff

[@frosteezbs]

sa donne grave faim !! je regarderai la vidéo les jours où j'ai pas la dale

[@liliasara4489]

Intéressant merci bk je vais réaliser cette exercice

[@eyaamara8565]

bravo .. c'est un excellent travail .. tu m'as aidé beaucoup .. merci

[@aronabarry1405]

merci 1000 fois Graven ! tu m'as sauve vraiment cela était mon sujet de pratique cette année

[@ismaillakrafli922]

stp le lien vers le github ne marche pas aussi ce st mon sjt de cette annes-è-

[@fatiha6454]

Oui c dommage

[@anyma_crypto]

graven sache que jadore ce que tu fais, c'est vraiment super, surtout le taf de ouf que sa doit te faire. Mais comment je timaginais grave pas comme sa🤣🤣❤

[@TheNicoleblondin]

Toujours net claire précis, continu comme ça!

[@Gravenilvectuto]

merci

[@lex1s08]

Salut Graven, Est ce que tu peux mettre la video dans la playliste je galère sur switch a la retrouver

[@stacykalu4226]

J'ai trop cherché et j'ai trouvé. Merci beaucoup pour cette vidéo très riches.🔥🔥

[@thybaupr82]

1:50:19 moment décontractant du live 🤣 sinon franchement trop bien, j'ai regardé toute la redif et c'est un plaisir merci beaucoup !

[@rsonto88]

Tu es un excellent prof

[@dtforceempire4048]

merci pour ce tp graven j'ai grave kiffé et sa m'aide beaucoup j'espere d'autres tp pour par exemple creer une page d'impression de marque sur vetement

[@vaiflo4503]

iî’ ki pas

[@user-qi1ju3yx2q]

❤🎉vous êtes le meilleur

[@victorfrison1503]

J'ai tout compris , comme d'hab, tu expliques vraiment bien

[@Gravenilvectuto]

merci

[@redamadjoub]

Bravo pour ce style de vidéo ! Au top !

[@scorpiobtw.]

super vidéo

[@wise-ken9247]

so nice!

[@moussahadjbelkacem6771]

merci pour cette vidéo ; je rencontre un petit problème c'est que quand j'utilise le framwork bootstrap cela empêche l'exécution de jquery si vous pouvez m'aider; merci .

[@TntTnt-oz7iv]

4.5/5 Exellennnnnnnnnnnnnnt continue comme ca t'es l'meilleur tu m'aide beaucoup dans mes debut merci

[@Gravenilvectuto]

merci !

[@ZENDessin]

Merci pour ce partage tellement usefull !

[@Gravenilvectuto]

Merci à vous 😊

[@gerardd5068]

SUPER!

[@edbgs4140]

slt Graven merci pour ton tuto, perso je suis en cyber sécurité et j'ai réussi a codé un site web sans problème GG mec

[@Fulbion]

ça m'a donné faim ce tp. même si ça compte pas je vais essayer de le refaire !

[@davvigne1297]

Je débute dans le développement web, je te découvre et je dois avouer que tes cours sont très clairs ! Bravo à toi

[@yamlouu]

Salut graven super tes explication

[@1g1k.]

trop cool

[@chewing-gumrose5114]

Je vais m'exercer après ma maquette sa va vraiment m'aider merci

[@garius3559]

Cool tes vidéos

[@emilegarcia4879]

Salut, superbe vidéo toujours, on apprend beaucoup. je suis tous tes tutos avec attention. Merci

[@Gravenilvectuto]

merci

[@mrwahbi6004]

tu dechires mec !

[@japhetaliridrichntsiba4543]

ohhhhhh la vache jai galerer pour bien faire et vos video sont cool sa m'aide trop super Merci encore merci pour le rythme ces pas genre trop rapide une personne a tout le temp pour etre sur la ligne

[@darkrun1943]

Tres bonne video

[@rezraziaziz5547]

Bravo, je suis un débutant et je trouve ton programme bien expliqué merci. Juste une question sur quel éditeur de code on peut développer une application point de vente merci encore

[@user-vd2sg6zx2j]

Merci beaucoup monsieur

[@roms81]

A la place de ".sticky + nav.menu" on peut mettre "nav.menu.sticky" (pour moi ça ne marche pas avec le +) Et merci pour cette video j'apprend a coder dans bcp de langages grace a toi ^^

[@davidchangea]

salut graven, le lien pour les images est cassé et j'aimerai bien faire ce projet, tu aurai un lien pour les récupérer? merci :)

[@estebantremoco2952]

Salut, je regarde avec plus d'une année de retard, mais à tout hasard, aurais-tu traité de la base de données, prise de commande, etc. dans une autre vidéo ? Si oui, laquelle ?

[@oulaipatrice]

Bonjour la correction n'est plus disponible

[@elyshamadimba246]

slt frero bon boulot

[@rsonto88]

Bonjour à tous quelqu'un pourrai-il me dire comment on enlève les petits points du curseur dans l'éditeur Visual Code? A quel paramètre dois je toucher? merci d'avance SVP

[@dracoolsileg]

la deniere heure était difficile a suivre, sinon vive ton tuto et merci d'avoir donné toutes les sources images y compris.

[@katiatia6793]

merci beaucoup

[@kevinriviere4736]

Superbe vidéo encore ! Peux-tu me donner le clavier que tu as stp? J’aime bien le bruit du clavier et la souris stp :) et j’en cherche un de ce style :) ça serais génial merci !

[@abdoufatahgaye7561]

Graven : hey bien salut à tous c graven 😂😂

[@djedjedu89]

Bonjour Graven, merci pour tous tes super tutos. Mais à 40'56, quand tu parles de balise clandestine, ne serait ce pas plutot des balises orphelines? en tout cas bravo pour la qualité de tes tutos !

[@Gravenilvectuto]

Oui je me suis trompé

[@romcold8371]

Salut 1:11:52 pour la transparence du titre il faut dans div.title-box changer le blanc du background-color en transparent ^^

[@Cracotte_et_Peni]

HTML c'est super

[@marketresearchinvestment3142]

Super !!!

[@Gravenilvectuto]

top !

[@marketresearchinvestment3142]

C'est cool !!!!

[@YoungYuri]

Bonsoir, vous avez telechargé les images d'ou s'il vous plait ??

[@Jimmson]

Où je peut trouver ces images ?

[@antech5658]

enfaite pour le problème de marge entre le menu et le header à 1:29:32 il fallait simplement réduire la hauteur que prend la div qui a la class slide à 667px(hauteur des images) puis sur le ul faire un simple margin:0 auto;

[@plz-clift8865]

Pour le cours de programmation tu es mon prof de secours

[@garius3559]

Pourquoi je n arrive pas a télécharger tes code source sur github

[@FlyTestVideos]

la balise peux remplacer le link et le fichier css

[@user-ox9vg8jz1n]

Comment tu fais pour ton fond d écran animé?

[@killian.1603]

Bonjour et avant tout superbe vidéo. J'ai une question quand je fais ouvrir mon fichier "reveal in file explore" je ne peux pas l'ouvrir, mon format de doc est seulement "fichier HTLM" et le tiens est en "chrome HTLM" es ce que c'est cela qui fait que ça ne marche pas pour moi et si oui comment y remédier ?

[@killian.1603]

J'ai finalement trouvé, je l'ai dans un premier temps enregister puis ouvert et le tour est joué

[@le_kaki_rouge]

mais c est obliger le php pr le mettre en ligne (public) le site

[@elyshamadimba246]

slt man merci et bravo a toi

[@Gravenilvectuto]

avec plaisir

[@quizy.6089]

Bonsoir , désolé de vous déranger, cependant j'aimerais me corriger mais la correction ne s'affiche dans Git-Hub

[@tonyclash2529]

pour les images comment je faire ?

[@thatsbass]

je n'arrive pas telecharger à telecharger le tp et les documents pour le refaire

[@musictoze]

Salut Graven, les images ne sont pu disponibles ?

[@user-qk7lz3iw8t]

bonjour, merci pour cette video je suis débutante et j essai de suivre les etapes mais mes image ne s affiche pas

[@guyadja]

Bonjour, je suis nouveau sur ta page et je veux essayer de coder ton exercice sur le resto. Malheureusement, je n'arrive pas à mettre la main sur les ressources. Apparemment, elles ne sont plus à l'endroit indiqué dans la vidéo. Si possible, pourrais tu m'indiquer un lien de téléchargement me permettant de les avoir ? Merci d'avance. Auquel cas, tant pis j'essayerai de le faire sans les ressources.

[@jeadinmoussolo9470]

bonjour graven je voudrais savoir sy il y'aura la suite

[@Fungus8953]

Le smooth ne marche plus même avec la correction

[@yogisarto979]

Tu peux utiliser scrollreveal pour revelez le h1 et le p de la page

[@vrin.c5305]

salut graven je suis fortement intéressé par les formations que tu proposes. j'aimerai réellement devenir web dev mais il y a tellement de chose que je ne sais par quoi commencer. je vais paraitre idiot, ce n'est pas grave je suis derriere mon ecran (lol), mais j'aimerai quand me prenne la main afin de devenir un excellent dev. avoir des cours a suivre avec une ligne directrice. pour ca, je suis pret a travailler 15 heures par jour dimanche inclut. es tu en capacité de m'orienter stp.

[@EOKYOO]

graven te genial

[@Gravenilvectuto]

:)

[@theblackdev7817]

sinon j'attends le prochain défi avec impatience 😀

[@Gravenilvectuto]

top !

[@momo5553]

0:01 😂

[@fayko1310]

Au lieu d'utiliser des flex box juste pour du texte, tu peux utiliser : text-aligne: center;

[@btprk9980]

mais au début, au lieu de faire "aller sur la page, rafraichir..." moi je fais f5 et ca me lance un onglet Google Chrome et où ya ma page

[@winerfbmtvfuala]

bonjour maitre graven ,pouvez vous m'aider a réalise ce site de livraison des produits de restauration à domicile donc livreur vite fait parce que j'ai seulement 25 jours pour le faire ma soutenance

[@marketresearchinvestment3142]

Est ce qu'on peut utiliser live serveur sans installer wampserver ?

[@Gravenilvectuto]

nan il te faut wampserver

[@marketresearchinvestment3142]

FANTASTIQUE CE QUE TU FAIT

[@Cracotte_et_Peni]

😃

[@reddot3893]

Comment tu fais pour avoir un écran animé ?

[@Gravenilvectuto]

wallpaper engine sur steam :)

[@khnafianas8973]

Bonjour je voulais savoir où je pourrais avoir les tp à faire s’il vous plaît ? Merci

[@folowars4931]

Sur son discord je crois

[@nazimait2778]

hey GRAVEN je pense qu'il y a un problème dans le lien de l'énonce

[@SeryEmmanuel]

mais pourquoi quand j'essaie d'insérer une image de la même manière en vain

[@donovanehoute1112]

gg et desoler pour le live avec @_TotoWorld_

[@ludovicpene9634]

quand t'arrives cette année sur les vidéos tous les liens sont inaccessibles ;(

[@theblackdev7817]

super live jai raté aujourd'hui mais c'est pas grave

[@Gravenilvectuto]

oui regarde tranquillement la rediff

[@jeadinmoussolo9470]

la suite avec le panier base de données

[@nayftn8883]

tu peu nous donner le code stp ?

[@gaxmeur1752]

Je suis le 600 likes !

[@Shadow_X113]

J'arrive pas a trouver le bons site je pense car sa me mait un site avec des liens pour des croisiers

[@winerfbmtvfuala]

ok j'ai vue le code du site merci