Final Project- Introduction to the HTML5

Final Project Description

Your final project is to create a web page that matches the example given here. Your page must match mine exactly other than the title and any parts that have been highlighted in yellow. (If you would like to open this image in a separate window you can find it here. If you need help with this content due to difficulties accessing the text, you can find a textual description of the image below at http://intro-webdesign.com/projectdescription.html.)


Grading Checklist

  1. doctype
  2. head
  3. body
  • nav -- add four links, they can go to anywhere you like or nowhere at all
  • section - Favorite Foods
  • section - Achievements
  • section - More About Me
4. footer - The image from the footer can be found at my website: http://www.intro-webdesign.com/images/newlogo.png

>>>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Final Project</title>
</head>
<body>
    <header>
        <h1>Jai Gora</h1>
        <nav>
            <a href = "http://www.gmail.com">One</a>
            <a href = "http://www.facebook.com">Two</a>
            <a href = "http://www.google.com">Three</a><br>
    </nav>
    </header>
    <section>
        <h2>Favorite Foods</h2>
        <ul>
            <li>Rajma</li>
            <li>Gulab Jamun</li>
            <li>Ghewar</li>
            <li>Panner Bhurji</li>
            <li>Rasgulla</li>
        </ul>
    </section>
    <section>
        <h2>Achievements</h2>
        Progress in this course (100%)
        <progress value="100" max="100"></progress>
        <br>
        Progress in the Specialization capstone (20%)
        <progress value="20" max="100"></progress>
        <br>
        Progress in life goals (100%)
        <progress value="100" max="100"></progress>
    </section>
    <section>
        <h2>More About Me</h2>
        <details>
            <summary>My Childhood</summary>I grew up in Rohtak.I really miss my university (Shri Mata Vaishno Devi University)
        </details>
    </section>
    <footer>
        <img src="http://www.intro-webdesign.com/images/newlogo.png" alt="Web Design For Everyone">
        This page was created by Jai Gora and Colleen van Lent.
        To learn more about web design, visit
        <a href="http://www.intro-webdesign.com/">Intro to Web Design</a>
    </footer>
</body>
</html>



Comments

Post a Comment

Popular posts from this blog

Introduction to the Internet of Things and Embedded Systems (Week 2)

1.        Identify two embedded systems that are sold on the market today and analyze their interfaces. >>>      DIGITAL CAMERA       A digital camera is very good example of Embedded system.       Cameras that we use today are smart and have a lot of features that were not present in early        cameras all because of embedded system used in them.       A digital camera has basically three functions, to capture image which we call data, to store            image data, and to represent this data.       Today images are stored and processed in form of digital data in bits.           HOME SECURITY SYSTEMS       Home security systems has another good example of Embedded systems.       These systems have several features just as checking for fire or gas leakages, and...
Read more

The Arduino Platform and C Programming (Week 1)

Image
1.         Install the Arduino IDE on your computer. Compile the "Blink" example, upload the example to the             Arduino board, and make sure that the LED blinks. Use the  www.tinkercad.com ​ simulator if you                 do not have the Arduino hardware.            Take and upload a screen shot that shows the "Done compiling" message and the byte number                 information in the message area. >>> 2.       Install the Arduino IDE on your computer, compile the "Blink" example (review Lecture 3.2 for a                  refresher). Then, upload the example to the Arduino, and make sure that the LED blinks. Use                    the ww...
Read more

Why Downloading Speed Is Less ?

Telecom companies says that you will get internet speed of 16Mbps. But when you download a file, you get speed only of 2MBps. Have you ever wondered what is the reason behind this ? Bits & Bytes Internet speed is measured in 2 units that most people don't know - MBps or mbps. See the capital and small "B". The value of 1b (bit) & 1B (byte) is given below. This means that 16Mbps is equals to 2MBps. 8 bits = 1 byte 16Mbps = 2MBps Reason   Telecom companies use smaller unit Mbps for advertising & attracting users. and when you use internet the speed gets divided by 8.
Read more