Créer un landing page pour halloween

Aujourd'hui nouvelle tutoriels on va créer une page d'atterrissage d'Halloween avec les fonctionnalités suivantes:
Fonctionnalités:

Conçue avec HTML, CSS et JavaScript
Contient des images animées.
Landing Page
Compatible avec tous les appareils mobiles et doté d'une interface utilisateur belle et agréable.
Et bien sûr, pour ceux d'entre vous qui préfèrent passer directement aux affaires, nous avons aussi les codes sources à télécharger: ouvrez-le, et découvrez tous les trésors que renferme ce tutoriel.
Télécharger le code source

Cliquer sur le bouton pour obtenir le code source
Halloween.zip gratuit 1,2 MB Coding Team UiDev@@@66
Votre attention !
Ce fichier est protégée par mot de passe et le mot de passe est UiDev@@@66
Join the conversation (4)
4 comments

Adrien

Wow j'ai vraiment adorée le code merci beaucoup coding team je recommande vivement
Anonymous

Ç quoi le mot de passe svp
Anonymous

C'est super 😄
1. Coding Team
  
  Merci beaucoup et bon codage à vous 🙂‍↔️
N'hésitez pas de mentionner votre nom d'utilisateur Telegram à la fin de votre message pour recevoir des cadeaux de la part des modérateurs. Merci de commenter
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2422103421-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4LWi9arFWdXG2zmfHaKuS084A4Dg:1755533035353';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3407944014762602824','//codingteamblog.blogspot.com/2023/11/creer-un-landing-page-pour-halloween.html?hl\x3den','3407944014762602824');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3407944014762602824', 'title': 'Coding Team', 'url': 'https://codingteamblog.blogspot.com/2023/11/creer-un-landing-page-pour-halloween.html?hl\x3den', 'canonicalUrl': 'https://codingteamblog.blogspot.com/2023/11/creer-un-landing-page-pour-halloween.html', 'homepageUrl': 'https://codingteamblog.blogspot.com/?hl\x3den', 'searchUrl': 'https://codingteamblog.blogspot.com/search', 'canonicalHomepageUrl': 'https://codingteamblog.blogspot.com/', 'blogspotFaviconUrl': 'https://codingteamblog.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Coding Team - Atom\x22 href\x3d\x22https://codingteamblog.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Coding Team - RSS\x22 href\x3d\x22https://codingteamblog.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Coding Team - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3407944014762602824/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Coding Team - Atom\x22 href\x3d\x22https://codingteamblog.blogspot.com/feeds/3002405099831879090/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1214813439421958', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/e5cf7f8e1203bae2', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Lire le post', 'pageType': 'item', 'postId': '3002405099831879090', 'postImageUrl': 'https://telegra.ph/file/f86ba82a4183f706533af.png', 'pageName': 'Cr\xe9er un landing page pour halloween ', 'pageTitle': 'Coding Team: Cr\xe9er un landing page pour halloween ', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Cr\xe9er un landing page pour halloween ', 'description': 'Coding Team est une plateforme en ligne d\xe9di\xe9e au partage des contenues sur la programmation', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_szarcPHxDJzl4RAkxd20p0TW3I5wST7go-aUJiGQZeTOWrhUf_Pxo-nKm9m25SKVpPgy5Fu0_41EWctb1aXcD3oS8xgwSv9OVMX1yF12YakOZJ_H0', 'url': 'https://codingteamblog.blogspot.com/2023/11/creer-un-landing-page-pour-halloween.html?hl\x3den', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3002405099831879090}}, {'name': 'widgets', 'data': [{'title': 'Coding Team (Header)', 'type': 'Header', 'sectionId': 'sec_Header_Title', 'id': 'Header01'}, {'title': 'Tu cherches quelque chose ?', 'type': 'BlogSearch', 'sectionId': 'sec_Header_Search', 'id': 'BlogSearch01'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'sec_Header_Icon', 'id': 'TextList01'}, {'title': 'Account Popup', 'type': 'HTML', 'sectionId': 'sec_Header_Icon', 'id': 'HTML101'}, {'title': 'Mes articles sauvegard\xe9s', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList02'}, {'title': 'Traduction', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList03'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'sec_Nav_Widgets_1', 'id': 'HTML01'}, {'title': 'Additional Links', 'type': 'PageList', 'sectionId': 'sec_Nav_Widgets_2', 'id': 'PageList02'}, {'title': 'Social Links', 'type': 'LinkList', 'sectionId': 'sec_Nav_Widgets_2', 'id': 'LinkList04'}, {'title': '\xc0 la une', 'type': 'FeaturedPost', 'sectionId': 'sec_Top_Widgets', 'id': 'FeaturedPost01', 'postId': '7009507976147434963'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'sec_Main_Widgets', 'id': 'Blog01', 'posts': [{'id': '3002405099831879090', 'title': 'Cr\xe9er un landing page pour halloween ', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_szarcPHxDJzl4RAkxd20p0TW3I5wST7go-aUJiGQZeTOWrhUf_Pxo-nKm9m25SKVpPgy5Fu0_41EWctb1aXcD3oS8xgwSv9OVMX1yF12YakOZJ_H0', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': '\xc9crit par'}, {'name': 'timestamp', 'label': 'Le'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': '\xbb'}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'author', 'label': '\xc9crit par'}, {'name': 'timestamp', 'label': 'Le'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': '\xbb'}, {'name': 'location', 'label': 'Location:'}]}, {'title': 'Retrouve les posts par th\xe8me', 'type': 'LinkList', 'sectionId': 'sec_Main_Widgets', 'id': 'LinkList08'}, {'title': 'Sommaire', 'type': 'HTML', 'sectionId': 'sec_Main_Widgets', 'id': 'HTML11'}, {'title': 'Les plus consult\xe9s', 'type': 'PopularPosts', 'sectionId': 'sec_Side_Widgets', 'id': 'PopularPosts01', 'posts': [{'title': 'Viens, on recr\xe9e le jeu Mario en JavaScript de A \xe0 Z', 'id': 7009507976147434963}, {'title': 'Viens, on code un d\xe9tecteur de visages avec JavaScript', 'id': 6428505793949372787}, {'title': 'Comment les sites rep\xe8rent ton VPN\u2026 et comment coder \xe7a en JavaScript', 'id': 6245062989513308616}, {'title': 'annyang : La reconnaissance vocale en JavaScript, facile comme bonjour !', 'id': 1535200490824420115}, {'title': 'Guide complet sur la s\xe9curit\xe9 web : apprenez \xe0 prot\xe9ger votre site', 'id': 6841632117234841512}, {'title': 'Viens, on r\xe9cup\xe8re toutes les infos de ton appareil avec les APIs JavaScript', 'id': 7350947031185507071}, {'title': ' D\xe9couvrez 10 actions surpuissantes que JavaScript peut r\xe9aliser dans le navigateur', 'id': 1801905118542041424}]}, {'title': 'Parcourir par cat\xe9gorie', 'type': 'Label', 'sectionId': 'sec_Side_Widgets', 'id': 'Label01'}, {'title': 'Amenez-moi l\xe0-bas', 'type': 'HTML', 'sectionId': 'sec_Error_404', 'id': 'HTML404'}, {'title': 'Coding Team', 'type': 'Image', 'sectionId': 'sec_Footer_Organization', 'id': 'Image21'}, {'title': 'Nos r\xe9seaux sociaux', 'type': 'LinkList', 'sectionId': 'sec_Footer_Organization', 'id': 'LinkList21'}, {'title': 'Nos services', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList22'}, {'title': 'Resources', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList23'}, {'title': 'Nos projets', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList25'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'sec_Footer_Bottom', 'id': 'HTML21'}, {'title': 'Menu Mobile', 'type': 'TextList', 'sectionId': 'sec_Mobile_Menu', 'id': 'TextList99'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Theme_Hidden', 'id': 'Label41'}, {'title': '\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u09ab\u09b0\u09cd\u09ae', 'type': 'ContactForm', 'sectionId': 'sec_Theme_Hidden', 'id': 'ContactForm41'}, {'title': 'Pageviews last month', 'type': 'Stats', 'sectionId': 'sec_Theme_Hidden', 'id': 'Stats41'}, {'title': 'Firebase Configurations', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList61'}, {'title': 'Progressive Web App', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList62'}, {'title': 'Accepter les cookies', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList63'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header01', 'sec_Header_Title', document.getElementById('Header01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch01', 'sec_Header_Search', document.getElementById('BlogSearch01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList01', 'sec_Header_Icon', document.getElementById('TextList01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML101', 'sec_Header_Icon', document.getElementById('HTML101'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList02', 'sec_Header_Icon', document.getElementById('LinkList02'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList03', 'sec_Header_Icon', document.getElementById('LinkList03'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML01', 'sec_Nav_Widgets_1', document.getElementById('HTML01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList02', 'sec_Nav_Widgets_2', document.getElementById('PageList02'), {'title': 'Additional Links', 'links': [{'isCurrentPage': false, 'href': 'https://codingteamblog.blogspot.com/p/sitemaps.html?hl\x3den', 'id': '6194121330377685704', 'title': 'Plan du site (Sitemap)'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList04', 'sec_Nav_Widgets_2', document.getElementById('LinkList04'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost01', 'sec_Top_Widgets', document.getElementById('FeaturedPost01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog01', 'sec_Main_Widgets', document.getElementById('Blog01'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList08', 'sec_Main_Widgets', document.getElementById('LinkList08'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sec_Main_Widgets', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts01', 'sec_Side_Widgets', document.getElementById('PopularPosts01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label01', 'sec_Side_Widgets', document.getElementById('Label01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'sec_Error_404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image21', 'sec_Footer_Organization', document.getElementById('Image21'), {'resize': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList21', 'sec_Footer_Organization', document.getElementById('LinkList21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList22', 'sec_Footer_Widgets', document.getElementById('LinkList22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList23', 'sec_Footer_Widgets', document.getElementById('LinkList23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList25', 'sec_Footer_Widgets', document.getElementById('LinkList25'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'sec_Footer_Bottom', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList99', 'sec_Mobile_Menu', document.getElementById('TextList99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label41', 'sec_Theme_Hidden', document.getElementById('Label41'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm41', 'sec_Theme_Hidden', document.getElementById('ContactForm41'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': '\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u09ab\u09b0\u09cd\u09ae', 'blogId': '3407944014762602824', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY7h-KxZjhzYVvsg3_uDNUtWEB5cOQ:1755533035353', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats41', 'sec_Theme_Hidden', document.getElementById('Stats41'), {'title': 'Pageviews last month', 'showGraphicalCounter': false, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//codingteamblog.blogspot.com/b/stats?hl\x3den\x26style\x3dBLACK_TRANSPARENT\x26timeRange\x3dLAST_WEEK\x26token\x3dAPq4FmD0DM9TcPY3GLwXTsND_XrwLAFzmS8imvZ5aXmUb6F713Moaqz1tJJWEx9wzCXFMaBmRIRF5Fq_df_loPkJmO_kEYtOkQ'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList61', 'sec_Addon_Widgets', document.getElementById('LinkList61'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList62', 'sec_Addon_Widgets', document.getElementById('LinkList62'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList63', 'sec_Addon_Widgets', document.getElementById('LinkList63'), {}, 'displayModeFull'));
</script>
</body>
Coding Team

Créer un landing page pour halloween

Fonctionnalités:

Télécharger le code source

4 comments

Viens, on recrée le jeu Mario en JavaScript de A à Z

Viens, on code un détecteur de visages avec JavaScript

Comment les sites repèrent ton VPN… et comment coder ça en JavaScript

annyang : La reconnaissance vocale en JavaScript, facile comme bonjour !

Guide complet sur la sécurité web : apprenez à protéger votre site

Viens, on récupère toutes les infos de ton appareil avec les APIs JavaScript

Découvrez 10 actions surpuissantes que JavaScript peut réaliser dans le navigateur
