Web Design

I am deeply inspired by nature’s simple, yet complex, abstract yet highly detailed qualities. From the clear blue skies that represent the vastness of possibilities to the emerald green seas that reflect depth and wonder; from the earth that brings forth life, the diversity of every living organism that flourishes in our solar system cries out wonder and awe. Every color, font style, and image you see has been carefully selected to create a visually beautiful, simple, and clear look to this e-portfolio.

Practical, Simple, and User-friendly Assessment Tools

Assessment Tool 1

Below is a link to a quiz I created using a pre-built template modifying and updating the HTML, JavaScript, and CSS code. I wanted to customize a pre-built quiz beyond the basic functionality. I delved deeper into HTML and discovered the power of CSS for styling. Using CSS, I

• Changed the overall design and feel (colors, fonts, layout)
• Added a logo
• Created a more user-friendly interface (rounded corners, spacing)

I increased the number of questions from 5 to 10 and updated the solution key in the JavaScript file. I leveraged our existing web hosting service (Hostinger) to publish the quiz on a subdomain. Take your intellect for a jog and check out the final quiz!

Contributions of The Islamic Civilization: Quiz

Assessment Tool 2

To create a poetry-themed drag-and-drop assessment for my students, I started with a pre-built template. I customized the HTML and CSS to:

• Increase answer choicesAdded an extra option for each question.
• Lock correct answers:Prevent accidental changes to correct placements.
• Enhance design:
  • Adjusted font sizes and colors
  • Added margins and padding for better spacing
• Rounded box corners for a softer look
• Centered alignment for a cleaner layout
• I also updated the JavaScript file to include 10 questions and their corresponding answers.

By following the instructions and experimenting with the code, I successfully created a visually appealing and interactive assessment tool.

Feel free to give it a try to refresh your memory of American poets! Check out the final quiz!

Famous American Poets: DragDrop