blentell / html-interview

Home Page:https://blentell.github.io/html-interview/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTML Interview

In this assignment, we'll work in groups of 2-3 students. This is a great time to meet your fellow classmates!

Although we're working in groups for this assignment, we'll still turn in separate code submissions.

Instructions

Part 0: Project set up

Start off by forking this repository. Forking an existing repository is just like creating a new one except that your new repository will contain a copy of the forked code.

After forking the repository, enable GitHub Pages. To do this, go to the Settings tab of your repository, then go to Pages on the left. Change source to 'Main' or 'Master' depending on which option you have. Then click save. The page should refresh and a URL to your hosted project should be visible.

Finally, copy that URL, navigate back to the home page of your repository, click the gear icon next to the 'About' section on the right, and set the 'Website' of your project to be this GitHub Pages URL.

Part 1: Ten questions, ten answers

As a group, think of ten total questions that you can ask one another and record the answers to.

Have each person answer the ten questions. Write down both the questions and their answers.

Part 2: Building an HTML page

Now that you have all the questions and answers, its time to display them in HTML.

We'll create a section on the page for each student's answers.

  • Start out by creating an empty HTML page with the HTML starter code
  • Create 2-3 <div> elements in the <body> section of the HTML, one for each student
  • Inside each <div>
    • Create a header (either <h1>, <h2>, etc) with the student's name
    • Under the header, create an anchor tag that links to the student's GitHub page
    • Under the link, add an image of the student, set the image's height to 250px
    • And finally, create an ordered list that contains a list item for each question and answer
      • Each question and answer should be stored in a single list item element (<li>)
      • The question part of the list item should be bolded

About

https://blentell.github.io/html-interview/


Languages

Language:HTML 100.0%