Skip to main content
SimilarExport ZIP
100%

Astor's Portfolio

✓ Published0🌍 Public
JJastor11
Last edited Aug 18, 2015
Created on Aug 18, 2015

This example presents a personal portfolio website for Jeff Astor, featuring a single-page layout with a navigation header linking to Home, About, Portfolio, and Contact sections. The page currently displays a hero image placeholder and an empty image tag, with no content yet populated in the main sections. The code uses standard HTML5 and CSS3, with a top navigation bar styled using a linear gradient (`background: linear-gradient(white, #19B5FE, white)`) and absolute positioning. The header employs a logo and a horizontal list-based menu, with CSS selectors like `.topnav a` and `.nav-list ul li` controlling link styling and layout.

AI-generated description

Similar vizzes

Loading thumbnail…

portfolio

This example is a blank HTML page titled "portfolio" that uses CSS and JavaScript, though it contains no active code or visual elements. The page includes an empty `<body>` tag and a `<style>` block with no defined rules, leaving the rendering entirely empty. It serves as a minimal starter template for a React-based visualization project, as referenced in the README, but exhibits no data, charts, or interactive behavior. The implementation relies solely on plain HTML structure without any libraries such as D3 or Three.js.

TTheAllen1
66% match
Loading thumbnail…

luxurytravelwebsite prompt for testing coding agents

The AURORA LUXE TRAVEL site demonstrates a futuristic luxury travel brand through a single-page Next.js application with TypeScript and Tailwind CSS. It showcases a dark-mode glassmorphism design with animated gradient blobs, neon accents, and a cinematic hero section featuring parallax-like effects. The page includes destination cards with hover shimmer and tilt effects, membership tiers, and a concierge form with client-side validation. Framer Motion powers scroll-based section reveals and entrance animations, while next/image optimizes remote Unsplash images configured through allowed domains. Interactive elements include a sticky glass navbar with active section highlighting and a mobile floating CTA button.

IIoTeacher
61% match
Loading thumbnail…

Portfolio Head

This example displays a single large word, “ooooo D3 version 7,” in the center of the page as a minimalist portfolio header. The visualization uses the D3.js v7 library’s `select` method to target the body element and set its text content. The page’s styling relies on a 13em font size and centered text alignment, with no additional data or interactive behavior shown. The code demonstrates a basic D3 selection and text manipulation operation within a simple HTML structure.

AAlexanderShaw
59% match
Loading thumbnail…

My Website

This example demonstrates a multi-section static website with navigation, content areas, and a contact form. It uses plain HTML for structure and CSS for styling, including a fixed header, responsive sections, and button hover effects. The code also imports D3.js to set the text content of a message div, alongside a local ES6 module for a string export. The page includes a footer and client-side form elements, with no interactive data visualization.

SSriharshakurra
59% 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
59% match
Loading thumbnail…

Fork of CSS Display 2 (lists)

This example demonstrates a simple horizontal navigation menu with links to Intro, Portfolio, and Projects sections. It shows how CSS list properties and inline-block positioning create a right-aligned, black-background nav bar where links appear in white and gain an underline on hover or focus. The code uses HTML unordered lists alongside CSS styling with Google Fonts’ Roboto typeface loaded via @import, relying on properties like list-style-type, display, margin-inline, and text-decoration to achieve the visual layout.

WWRCIECH
59% match
Loading thumbnail…

Grayson Technology

This example presents a static promotional landing page for Grayson Technology, a fictional company focused on sustainable mobility solutions. It displays a welcome header, a navigation bar, and a section describing eco-friendly e-bikes and sustainable automobiles. The design is built with plain HTML and CSS, including a styled header, flexbox-based navigation, and a footer with social media links. The page uses standard CSS properties for layout and styling, with no JavaScript or external libraries. It does not include any interactive data visualizations or dynamic content.

NNita
59% match
Loading thumbnail…

Untitled

This example demonstrates a responsive website layout built with HTML5 and CSS, featuring a navigation bar, introductory image, and content sections for boxes, events, and projects. The page uses semantic structural elements like `header`, `nav`, `main`, and `section` tags to organize material, with styling applied through a CSS framework. The design incorporates interactive buttons and links, and the visual hierarchy relies on header tags and horizontal rules. The layout is defined directly in the HTML structure, with no JavaScript libraries or data-viz libraries present.

DDannwiz
59% match