Skip to content

This project presents the resume of Hércules Silva using HTML for structure, detailing skills, academic grades in a table, and a contact form, while the linked CSS provides a clean, responsive, and modern aesthetic with a primary blue color scheme.

Notifications You must be signed in to change notification settings

herculesbuen47-coder/Project-4

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

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.

About

This project presents the resume of Hércules Silva using HTML for structure, detailing skills, academic grades in a table, and a contact form, while the linked CSS provides a clean, responsive, and modern aesthetic with a primary blue color scheme.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published