Coding

HTML Presentation Project

This project is for creating PowerPoint-style presentations using HTML with CSS for a talk.

promptBeginner5 min to valuemarkdown

0 views

Jan 23, 2026

Sign in to like and favorite skills

View Original Source

Share:

Related Skills

PromptBeginner5 minmarkdown

Markdown Converter

Agent skill for markdown-converter

PromptBeginner5 minmarkdown

Nano Banana Pro

Agent skill for nano-banana-pro

PromptBeginner5 minmarkdown

1password

Agent skill for 1password

HTML Presentation Project

This project is for creating PowerPoint-style presentations using HTML with CSS for a talk.

Technical Specifications:

Self-contained HTML: All CSS must be embedded in the HTML file
Styling: Use Tailwind CSS (CDN)
Typography: Import a monospace font similar to Visual Studio Code's default
Icons: Use Google Material Icons ONLY (https://fonts.googleapis.com/icon?family=Material+Icons)
- NO emoticons or colored icons
- Use
```
<i class="material-icons">icon_name</i>
```
  format
- Keep icons monochromatic and professional
Colors:
- Background: Light gray (
```
bg-gray-100
```
  or similar)
- Text: Dark gray (
```
text-gray-700
```
  or
```
text-gray-800
```
  - 2-3 tones lighter than black)
- Code/monospace style

Structure:

Simple slide-style presentations
Navigation between slides using simple HTML links (NO JavaScript)
Each slide is a separate HTML file (1.html, 2.html, etc.)
Clean and professional design for technical talks

Recommended Font:

Use 'JetBrains Mono' from Google Fonts or VS Code's default font: 'Consolas', 'Courier New', monospace

Each slide should have simple HTML links for navigation
Bottom left: "← Anterior" link to previous slide
Bottom right: "Siguiente →" link to next slide (e.g., 2.html, 3.html, etc.)
NO JavaScript navigation, only simple tags

Use Google Material Icons when icons are needed, not emoticons

Important Commands:

No specific build commands
Open HTML files directly in browser

Language:

All generated content should be in Spanish
Code and technical elements can remain in English as appropriate