This project presents a single-page resume for "Hércules Silva" using a combination of an $\text{index.html}$ file for structure and content and a $\text{style.css}$ file for visual design. The explanation here will detail the components without using any special formatting, colors, or bolding outside of standard paragraph text.The $\text{index.html}$ file is a well-formed HTML5 document. It defines the resume's content, starting with essential metadata and a link to the external $\text{style.css}$. All core content is contained within the $\text{main}$ element, which acts as the page's central canvas. The $\text{header}$ section simply displays the candidate's name, Hércules Silva, as an $\text{h1}$. The body is organized into distinct $\text{section}$ elements. The "Habilidades Técnicas" section lists skills such as HTML5, CSS3, and JavaScript using an unordered list ($\text{ul}$). The "Histórico de Notas" section is structured around a $\text{table}$ that uses a $\text{caption}$ for a title and includes $\text{thead}$, $\text{tbody}$, and $\text{tfoot}$ to detail disciplines, load hours, and grades, with the $\text{tfoot}$ summarizing the "Média Geral" (8.75) using $\text{colspan}$. This table is wrapped in a $\text{div}$ with the class $\text{table-wrap}$ to manage responsiveness. The final primary section is the "Formulário de Contato," which is a functional $\text{form}$ containing standard input fields for Nome and E-mail (both $\text{required}$), a $\text{select}$ menu for selecting a Curso, and a $\text{textarea}$ for the main Mensagem, concluding with a $\text{submit}$ $\text{button}$. The document finishes with a $\text{footer}$ that neatly contains the candidate's contact information (email and LinkedIn link) within an $\text{address}$ tag.The $\text{style.css}$ file dictates the aesthetic, establishing a clean, modern look. It begins by defining custom properties in $\text{:root}$ for various elements, most notably setting the $\text{--color-primary}$ to a specific blue ($\text{#2563eb}$) which is used for headings and links. General styles ensure a consistent font, a light background, and a minimum page height. The $\text{main}$ content area is constrained to a maximum width, centered on the page, and styled with a white background and a subtle $\text{box-shadow}$. Headings are clearly differentiated, with $\text{h2}$ tags adopting the primary blue color. Tables are styled to be full-width, collapsed (border-collapse), and visually separated by light borders, with the $\text{th}$ and $\text{tfoot}$ rows having distinct background colors. The $\text{table-wrap}$ class manages horizontal scrolling for tables on smaller screens. The contact $\text{form}$ is styled as a distinct block with a light background and $\text{padding}$, using a $\text{flex}$ layout for organization. Input fields, $\text{select}$, and $\text{textarea}$ are given soft, rounded borders, and the $\text{submit}$ $\text{button}$ is prominently colored with the primary blue and includes a hover transition. Finally, a media query at 900px ensures the entire layout remains responsive by adjusting padding and table text sizes for optimal mobile viewing.