html5_course/index.html at master · Bananna86/html5_course · 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
<!DOCTYPE html>
<html>
<head>
    <title>Week 1 excercise</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">

    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">
    <style>
        /* following two viewport lines are equivalent to meta viewport statement above, needed for Windows */
        /* see http://www.quirksmode.org/blog/archives/2014/05/html5_dev_conf.html and http://dev.w3.org/csswg/css-device-adapt/ */
        @-ms-viewport { width: 100vw ; min-zoom: 100% ; zoom: 100% ; }  @viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; }
        @-ms-viewport { user-zoom: fixed ; min-zoom: 100% ; }           @viewport { user-zoom: fixed ; min-zoom: 100% ; }
    </style>

</head>

<body>
    <h1>My Favorite Recipes</h1>
    <p>This is a cheescake. What you need:</p>
    <ul id="ingredients" class="myList">
        <li>3 eggs</li>
        <li>500g low fat curd cheese</li>
        <li>2 spoons flour</li>
        <li>125g sugar</li>
        <li>125g butter</li>
        <li>1 pack vanilla sugar</li>
        <li>1/2 pack vanilla pudding</li>
        <li>1/2 pack backing powder</li>
    </ul>
    <p>Do the following steps</p>
    <ol id="steps" class="myList" reversed>
        <li>abc</li>
        <li>abc</li>
        <li>abc</li>
    </ol>

</body>
</html>