Fluent-Design-For-Web/documentation_layout.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
<html>
    <head>
        <title>Fluent Design - Documentation Layout</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://fonts.googleapis.com/css?family=Product+Sans" rel="stylesheet">
        <link href="normalize.css" rel="stylesheet" type="text/css">
        <link href="fluent.css" rel="stylesheet" type="text/css">
        <link href="Icons/css/fluent-icons.css" rel="stylesheet" type="text/css">
        <script src="fluent.js"></script>
    </head>
    <body>
        <h4>Page Name</h4><br>
        <h6>Component Name</h6>
        <div class="page_container code_container large10 medium10 small10 center zi2">
                <div class="column large10 medium10 small12">

                <!--Output Comes Here-->
                <h4>Heading 4</h4>

                <!--Code Comes Here-->
                <div class="codebar_text">
                    <span>&nbsp;&lt;&gt;</span>&nbsp;&nbsp;
                </div>
                <input type="checkbox" class="code_notifier primary_blue">

                <div class="code_content">
                        <p class="codeblock_text">
                            &lt;h4>Heading 1&lt;/h4>
                        </p>
                </div>
            </div>
        </div>
    </body>
</html>