Skip to main content
SimilarExport ZIP
100%

DBC Phase 2 Practice Assessment Part 3

✓ Published0🌍 Public
EElaineYu
Last edited Oct 17, 2013
Created on Oct 17, 2013

A static, non-interactive product landing page for a fictional brand called HipSTIRR. The page uses HTML and CSS to display a header with navigation, a hero section, and a three-column feature layout via the CSS `column-count` property. It includes placeholder marketing copy and icon fonts from Font Awesome, with styling built on the Normalize.css reset and Google Fonts. The code does not include any data visualization or JavaScript libraries.

AI-generated description

Similar vizzes

Loading thumbnail…

DBC Phase 2 Practice Assessment Part 3

This example shows a responsive promotional landing page with a black header, navigation, and a centered three-column feature layout. The page uses custom CSS, along with the Normalize.css and Google Fonts libraries, to render hipster-themed marketing text and icons. It demonstrates fixed positioning, hover effects, and a grid-based layout built with floated block elements. The design uses the Font Awesome icon set for visual accents.

EElaineYu
85% match
Loading thumbnail…

Day2 - 30day30sites

This example presents a full-screen, scroll-driven exploration of the four seasons, using large background images and fixed-position text overlays to label each section. The page relies on background-attachment: fixed to create parallax-style imagery as the user scrolls, with anchor links in a navigation bar jumping to corresponding seasonal sections. Content is structured with plain HTML and CSS only, using background-image URLs for the season photos and absolute positioning with transforms to place the headings. No JavaScript libraries are used; the implementation is purely static markup and styling.

KKacieW
60% match
Loading thumbnail…

datasets #3

This example displays a static HTML page showing the message “Hello HTML!” in large, centered text. It uses plain CSS for styling and JavaScript is referenced but not implemented in the visible code. The page relies on standard HTML tags, with a `div` element carrying the message, and does not incorporate any external libraries or data visualization frameworks. The rendering approach is a basic document layout, with no interactive or dynamic behavior beyond the initial page load.

JJamesHop31
60% match
Loading thumbnail…

Hello there

This example presents a static HTML page that displays two large, colored text elements. The page uses a hypertext markup language (HTML) structure with external Cascading Style Sheets (CSS) styling. The CSS styles the main heading and a paragraph, applying specific fonts, sizes, and colors. The page does not incorporate any JavaScript libraries, data visualization frameworks, or dynamic data sources, rendering only static text content without interactive features.

EEagleV22
60% match
Loading thumbnail…

Hello D3 Starter

This example displays a static webpage with the message “Hello HTML!” centered and styled with large text. It serves as a minimal starter template, showing the foundational structure of an HTML page that integrates CSS for styling and JavaScript for potential interactivity. The code uses plain HTML elements, a `<style>` block for CSS rules, and an empty `index.js` file. No data visualization is present; it only demonstrates the basic layout and styling approach for beginning a project.

MMabelbao
60% match
Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that uses D3 v5, loaded from a CDN, to render a single styled `<div>` element containing placeholder text. The code sets up a basic document structure with a large centered body font and a bordered box, showing how to integrate D3 into a plain HTML page without any additional frameworks. It highlights the core pattern of combining standard HTML elements with D3’s script tag inclusion, serving as a foundational template for more complex visualizations.

Jjuhwanoh
59% match
Loading thumbnail…

4.14.2021.InfoDesign.2

This example demonstrates a static HTML page displaying Korean text that introduces web programming concepts, including HTML special characters and references to JavaScript and jQuery. The page uses semantic HTML5 elements—header, section, article, and footer—to structure the content, with inline CSS styling applied through attributes like `hr` alignment and font sizes. It does not employ any JavaScript libraries or data visualizations, relying solely on raw HTML and minimal styling to present textual information in a simple, clean layout.

EErin2021
59% match
Loading thumbnail…

Downing 5320 ICE4

This example demonstrates a simple, stylized webpage that presents a title, an animated rotating Earth image, and a link to a small CSV dataset. The page’s visual design is controlled through CSS, which sets a pink background, styled buttons, and colored text. The HTML structure relies on standard elements like divs, headings, and image tags, while the JavaScript file `Step3.js` is included to handle any interactive behavior. The data is static and stored in `ice5_data.csv`, and the rendering approach uses the browser’s native HTML and CSS capabilities without any external charting libraries.

Ddldowning
59% match