Skip to content

This single-page resume uses HTML to structure sections like Skills, Courses, and grade tables for "Hércules Silva," while the accompanying CSS (though containing unused dashboard styles) ensures a clean, modern, responsive design and presentation.

Notifications You must be signed in to change notification settings

herculesbuen47-coder/Project-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

This project demonstrates the construction of a robust, interactive, and user-friendly web form through the integration of HTML, CSS, and advanced JavaScript techniques, although the provided HTML file is a static resume, and the CSS contains many styles for a dashboard and navigation that are not utilized by the resume content. The core purpose of the accompanying JavaScript (not directly included in this request but explained previously) is to implement all client-side logic for dynamic form validation and interactivity. The HTML file provided, titled "Currículo de Hércules," uses semantic tags to structure the professional and academic information of "Hércules Silva," including an $\text{h1}$ for the name and a descriptive $\text{p}$ tag. It utilizes $\text{section}$ elements to organize content such as Technical Skills, presented in an unordered list ($\text{ul}$), and Courses/Certifications, displayed in an ordered list ($\text{ol}$ with $\text{type="I"}$). An Academic Glossary is structured using a definition list ($\text{dl}$), clearly associating terms like "Algoritmo" with their definitions. The historical data, specifically the "Histórico de Notas," is presented in a well-structured $\text{table}$ with a $\text{caption}$, $\text{thead}$, $\text{tbody}$, and a $\text{tfoot}$ that calculates the overall average. A second table, "Grade Semanal," showcases the use of $\text{rowspan}$ and $\text{colspan}$ to merge cells for scheduling visualization. Simple $\text{article}$ elements within a $\text{section}$ with class $\text{cards}$ and a final $\text{table}$ inside a $\text{div}$ with class $\text{table-wrap}$ are also included. The $\text{footer}$ contains the contact information within an $\text{address}$ tag. The associated $\text{style.css}$ file provides the visual layer, establishing a clean, modern aesthetic with a primary blue color scheme ($\text{var(--color-primary): #2563eb;}$). It defines a central content area ($\text{main}$) with a maximum width and shadow, resets base browser styles, and includes numerous predefined classes for a dashboard and navigation system (e.g., $\text{.navbar}$, $\text{.sidebar}$) which are not used in the resume but showcase the developer's styling capabilities. Crucially, the CSS includes responsive design media queries ($\text{@media (max-width: 900px)}$) to ensure the layout is functional and aesthetically pleasing on smaller screens, adjusting element widths and table padding. The combined files, though presenting a resume instead of a form, demonstrate solid knowledge of HTML structure and modern, responsive CSS design principles.

About

This single-page resume uses HTML to structure sections like Skills, Courses, and grade tables for "Hércules Silva," while the accompanying CSS (though containing unused dashboard styles) ensures a clean, modern, responsive design and presentation.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published