Shopboost/list.html at master · stnltd/Shopboost · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="Assets/list.png">
    <title>List</title>

    <style>
        body{
            background-color: aqua;
            margin-left: 40px;

        }
    </style>
</head>
<body>

    <a href="index.html">HomePage</a> <br>
        <a href="about.html">About</a> <br>
        <a href="product.html">Product</a> <br>
        <a href="gallery.html">Gallery</a> <br>


<h1>Mobile Operating System</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolor quidem porro necessitatibus provident voluptas eligendi eius laborum vero culpa fugit soluta earum ipsam mollitia similique commodi voluptate, deserunt impedit ab.</p>
<ol type="I">
    <li>Andriod</li>
    <li>Blackberry</li>
    <li>Iphone</li>
    <li>Windows Phone</li>
</ol>

<h1>Mobile Manufactures</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia praesentium quos perferendis sed similique natus, eveniet doloribus eum laboriosam iste numquam aliquid ipsum ea, explicabo labore dicta? Quis, ipsa culpa.
Aut itaque cupiditate excepturi sint debitis nam, dolorem voluptatibus modi nobis adipisci tempore nostrum? Deleniti eligendi, cupiditate eum omnis suscipit ab provident, ipsam eaque dolorum quod in dicta alias autem.</p>

<ul style="list-style-type: square;">
    <li>Samsung</li>
    <li>HTC</li>
    <li>MicroMax</li>
    <li>Apple</li>
</ul>

<h1>Multi-level Nested List</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed architecto esse, rem ad, incidunt voluptates cum totam unde laborum a atque odio mollitia magnam perferendis nemo in debitis aliquam consequatur?
Libero recusandae deserunt beatae, excepturi doloribus saepe aliquid eveniet dicta consequatur fugit officiis corporis molestiae sequi repudiandae minima aliquam enim adipisci cupiditate ipsa totam ab placeat? Sed voluptas deleniti repellat.</p>

<ul>
    <li>Daily Computing</li>
    <li>Web Design
       <ol>
        <li>HTML 5</li>
        <li>HyperLink</li>
        <li>Inserting Inmages</li>
       </ol>

    </li>
    <li>Javascript
        <ul>
            <li>Conditional structure
                <ul>
                    <li>If Statement</li>
                    <li>If else Statement</li>
                    <li>Case Statement</li>
                </ul>
            </li>
            <li>Loop statement</li>
        </ul>
    </li>
</ul>

</body>
</html>