Skip to main content
100%

mon template de page web responsive

✓ Published0🌍 Public
Aabernier
Last edited Jan 24, 2019
Created on Jan 7, 2019

This example shows a minimal two-page website with distinct background colors for its home and restaurant sections, demonstrating how to structure a responsive HTML template with separate pages. The code uses jQuery 3.3.1 and plain JavaScript, with a shared stylesheet that applies a red background to the `#accueil` page and yellow to the `#restaurant` page. A simple `program.js` file logs "coucou" to the console on load, while the HTML includes viewport metadata for mobile scaling. No interactive data visualization is present; it serves purely as a static multi-page layout foundation.

AI-generated description

Similar vizzes

Loading thumbnail…

mon template de page web

This example demonstrates a minimal web page that loads jQuery and a custom script. The page displays a red background via the `styles.css` stylesheet, while `program.js` executes a simple `alert('Bonjour')` on load. The HTML structure includes a basic `<head>` and `<body>`, with no visible data visualization or interaction. The code uses the jQuery library (version 3.3.1) but does not call any specific visualization APIs.

Aabernier
83% match
Loading thumbnail…

HTML Test

This example demonstrates a minimal HTML page styled with CSS and enhanced with JavaScript. It renders a heading and an unordered list using standard HTML elements. The page applies a monospace font and a large text size through an external stylesheet (styles.css). The code relies on core web technologies—HTML for structure, CSS for presentation, and JavaScript for interactivity—offering a simple template for web-based visualization development. It references a React-based starter alternative for comparison.

JJorrr2
61% match
Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that uses inline CSS for styling and JavaScript for console output, serving as a foundational template for web-based visualization projects. The page displays the text “Hello HTML” in large, centered type, while a script logs “Hello JavaScript!” to the browser’s developer console, highlighting the separation of structure, presentation, and behavior. With no external libraries or frameworks, it relies purely on native HTML, CSS, and JavaScript to establish a bare-bones starting point for more complex data-visualization work. The accompanying `index.js` file contains a JSON array of car data, though it is not currently integrated into the page.

FFranz Jimeno
60% match
Loading thumbnail…

hello

This example displays the French text “Bonjour !” in a minimal HTML page. The page is written in French and contains no JavaScript or external libraries, relying solely on static HTML markup. The content is rendered directly by the browser using default text styling, with no data processing or visualization techniques involved. The page’s sole purpose is to present a simple greeting message.

Aabernier
60% match
Loading thumbnail…

Minimal reponsive javascript framework

This example demonstrates a responsive design framework that switches between mobile, tablet, and desktop states based on the browser window's width. It uses jQuery to listen for window resize events, comparing the document width against breakpoints of 768 and 1100 pixels. The code triggers custom 'MOBILE', 'TABLET', and 'DESKTOP' events on the document, attaching show/hide functions to these states via the jQuery `live` API. A 200-millisecond timer minimizes lag during resizing.

SSimonS
60% match
Loading thumbnail…

Créer une belle page html

This example displays the results of the August 2020 municipal elections in France’s ten largest cities, listing each winner in an ordered list with a prominent title and styled links. The page is built with a mix of static HTML and CSS, while React 16.10.0 is loaded via UMD scripts and used in `index.js` to render a separate “Hello React!” message as the root element. The code includes internal and external hyperlinks, using CSS selectors like `#bigTitle` and `#lienAutrePage` to style the header and a link to Le Monde’s election results.

KKams2015
59% match
Loading thumbnail…

HTML Starter

This example displays a minimal web page with the text “Hello HTML” centered on a white background. The page uses a plain HTML document with a CSS style block that sets the body’s text alignment and font size. A JavaScript script tag logs the message “Hello JavaScript!” to the browser’s console. The example demonstrates the basic structure of an HTML page, including the document type declaration, head, and body sections, without relying on any external libraries or frameworks.

Yyann-toullec
59% match
Loading thumbnail…

LESSON 81 JAVASCRIPT

This example demonstrates a responsive navigation menu for a single-page website, built with HTML, CSS, and vanilla JavaScript. It shows a hamburger button that toggles a sliding panel containing anchor links to five numbered sections. The code uses CSS custom properties for theming, the Hamburgers library for the animated icon, and JavaScript event listeners to handle menu interactions and smooth scrolling. The page features a green background and a yellow header, with all styling defined in an external stylesheet.

Jjuansebas930329
59% match