A responsive and interactive web app template using HTML and CSS. The project is organized towards the realization of each requirement, ensuring easy management, clarity and smooth deployment. This template is a refactor for the existing site of Horiseon to make it more accessible and semantical.
-
Semantic HTML elements can be found throughout the source code
-
HTML elements follow a logical structure independent of styling and positioning
-
Image and icon elements contain accessible alt attributes
-
Heading attributes fall in sequential order
-
Title elements are concise and descriptive
-
CSS selectors and properties are consolidated and organized to follow a semantic structure
For users, the project can be easily accessed by following the git clone process toward your local repository.
To observe the new usability of this web app, you can review the updates made by opening the Chrome DevTools by pressing Command+Option+I (macOS) or Control+Shift+I (Windows). A console panel should open either below or to the side of the webpage in the browser. There, you will see the updated Web app of Horiseon aimed towards semantics and accessibility of the HTML and CSS codes.
The Screenshot of the deployed application can be observed in the DemoSample file in the repo (note: not optimized for mobile and tablets).
In Collaboration towards this project, I received guidance from the TAs and instructors. The tutorial materials and other resources provided for the enrolled students at the Skills Bootcamp in Front-End Development acted as sources for primary and secondary links for reference.
The MIT license is been applied for this project, please take a look at the LICENSE in the repo.