Fluent-Design-For-Web/testing.html at master · shivendrasaurav/Fluent-Design-For-Web · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Testing New Components</title>
    <link href="./fluent.css" rel="stylesheet" type="text/css" />
</head>
<body class="">

    <div class="collapsible">
        <button class="collapsible_button primary_blue">Collapsible Heading</button>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum fuga commodi magni asperiores amet error placeat, laborum optio qui incidunt corporis quibusdam. Architecto eum sapiente explicabo sunt numquam autem repudiandae sint laborum recusandae delectus atque culpa voluptates porro illum ut enim odio, adipisci corrupti optio et deleniti? Id corrupti iure veritatis distinctio! Commodi unde neque voluptatibus dolorum non deserunt sequi.</p>
    </div>

    <div class="collapsible">
        <button class="collapsible_button primary_blue">Collapsible Heading</button>
        <p>Collapsible Text</p>
    </div>

    <div class="collapsible">
        <button class="collapsible_button primary_blue">Collapsible Heading</button>
        <p>Collapsible Text</p>
    </div>

    <div class="collapsible">
        <button class="collapsible_button primary_blue">Collapsible Heading</button>
        <p>Collapsible Text</p>
    </div>

    <div class="collapsible">
        <button class="collapsible_button primary_blue">Collapsible Heading</button>
        <p>Collapsible Text</p>
    </div>

</body>
</html>