Create A Chessboard
This challenge teaches you how to create and format a table.
You’ll also need to learn how to insert UNICODE characters.
Create a chessboard.
The board should be alternating colors and an eight-by-eight grid.
Here are the UNICODE characters you’ll need for the pieces.
1) White King: ♔.
2) White Queen: ♕.
3) White Rook: ♖.
4) White Bishop: ♗.
5) White K.
,
Create A Parallax Website
A parallax website has a fixed image in the background that stays in place while you scroll through other parts of the page.
It’s a popular effect in web designand gives an elegant look and feel to a page.
Design a parallax webpage.
Divide the page into three or four sections.
Set three or four background images and align text to each section.
You’.
,
Create A Product Landing Page
Many websites are designed to showcase and sell products.
A product landing page needs to be attractive, informative, and easy to read to appeal to consumers.
Your product landing page should include:.
1) A picture of the product.
2) A header and footer.
3) Columns.
4) Multiple sections Consider the color scheme and ensure that elementsdon’t overlap ea.
,
Create A Restaurant Website
A restaurant website is similar to a product landing page in that it should showcase the restaurant and menu items appealingly.
It’s more complex, though, with images of different foods and drinks.
First, create a responsive restaurant website using a viewport and media queries.
,
Create A Survey Form
HTML formsare an important part of many websites.
Create a form for a survey on the topic of your choice.
Include a variety of answer options, including text fields, dropdowns, radio buttons, checkboxes, and a submit button.
Don’t forget to add a title, and consider using CSS to improve the look of your form.
Here’s an example.
,
Create A Tribute Page
Choose a historical figure who’s meaningful to you and create a webpage dedicated to them.
The webpage should include:.
1) A title or headingwith the person’s name.
2) An image of the person.
3) A caption for the image.
4) A timeline of the person’s life in the form of a list This can be completed with only HTML, but use CSS to give it some style.
,
Create A Wikipedia Page
Wikipedia is one of the backbones of the internet, and it has a relatively simple layout.
Create a Wikipedia page on the topic of your choice.
It should include:.
1) A title or heading.
2) A table of contents with linksto sections within the page.
3) Superscript number links that link to the corresponding number in the reference section.
4) An ordered .
,
Create An Event Or Conference Website
This challenge continues the theme of building attractive web pages.
This one will include a registration button that links to a registration form.
You’ll also need details and images of the speaker or performer and venue.
Describe the event and include multiple sections along with a header and footer.
Consider the color scheme and use fonts that a.
,
Create An Html and Css-Only Search Results Page
Create a mock Google search results page.
It should include:.
1) The Google logo.
2) A search bar at the top.
3) A list of search results with clickable links Here’s an exampleof what it might look like.