c9-first-workspace/index.html at master · prodigy44/c9-first-workspace · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <title>Hello...</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <!-- USE THE COMMENTS BELOW TO COMPLETE ACTIVITIES 1 through 6. -->
    <!-- Press RUN and "Preview Running Application" -->
    <!-- To view your changes, save your editted files and refresh the preview page -->

    <!-- 1. Change the content of the h tag to customize the header of your webpage with your name -->
    <h1 id="one">Welcome to Layla's page.</h1>

    <!-- 2. Change the content of the p tag with the id two to a paragraph about you.
    	Include your age, your favorite hobby, and one interesting fact about you.-->
    <p id="two">I'm sixteen. My hobbies are watching netflix, going on the internet and relaxing. An interesting fact about me is nothing.</p></p>

    <!-- 3. Change the h2 tag with the id of three to include your favorite food. -->
    <h2 id="three">My favorite food is french fries.</h2>

    <!-- 4. Change the image with id image1 to be your favorite food. -->
    <img id="image1" src="http://cdn.potatopro.com/cdn/farfuture/hU5XuQNKIBXiWjVsMhK1PJKO_MyXmc_YVv8OcPHYJyg/mtime:1470929551/sites/default/files/pictures/french-fries-1200.jpg">

    <!-- 5. Change the image with id image2 to be your favorite food. -->
    <h2 id="four">I was born in Manhattan.</h2>

    <!-- 6. Did you save this file and click "Preview" above?? -->

    <button id="button1" class="buttonStyle">click me</button>

    <button id="button2" class="buttonStyle">No, click me!</button>

    <button id="button3" class="buttonStyle">Don't click me!!</button>

    <br><img id="image2" src="https://assets-cdn.github.com/images/modules/logos_page/Octocat.png">
  </body>
</html>