makeinbharat.github.io/index.html at master · makeinbharat/makeinbharat.github.io · 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">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Halant:wght@500&display=swap" rel="stylesheet">
    <link href="./fdweb/fluent.css" type="text/css" rel="stylesheet">
    <link href="./fdweb/fluent-icons.css" type="text/css" rel="stylesheet">
    <link href="./styles/main.css" type="text/css" rel="stylesheet">
    <link href="./styles/animations.css" type="text/css" rel="stylesheet">
    <title>Make in Bharat</title>
</head>
<body>
        <section class="hero_bg">
            <div class="column large6 medium6 small12">
                <img src="./static/hero_bg.png" class="vert_mid"/>
            </div>
            <div class="column large6 medium6 small12">
                <span class="vert_mid" style="clip-path: polygon(0% 0%, 80% 0, 80% 100%, 0% 100%, 0% 100%);">
                    मेक इन
                </span>
                <span class="vert_mid ta_right" style="clip-path: polygon(40% 0%, 100% 0, 100% 100%, 90% 100%, 40% 100%);">
                    भारत
                </span>
            </div>
        </section>
        <a id="#about"></a>
        <section class="full_padder" style="background: radial-gradient(#ff993388, transparent);">
            <h1>हम कौन हैं?</h1>
            <div class="column large6 medium6 small12">
                <p class="content">
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus soluta culpa iste odit, alias explicabo minus reiciendis, eius asperiores provident placeat, magnam fuga mollitia ducimus exercitationem earum iure. Porro, beatae? Eius officiis perspiciatis, laborum sapiente dolorum neque. Minima dolorum optio iusto, dicta impedit est corporis suscipit accusamus, asperiores a non aspernatur voluptate placeat repellat, dolore fuga aliquid dolorem ducimus rerum error. Esse, ipsam. Alias voluptates fugit dolorem quibusdam eius esse provident sequi id voluptatem obcaecati, expedita exercitationem illo quod dolorum neque ducimus ratione iure ut perferendis dicta doloribus facilis? Quasi ab, dolore eum facilis repellat temporibus voluptatum nihil numquam provident?
                </p>
            </div>
            <div class="column large6 medium6 small12">
                <img src="./static/hero_bg.png" class="vert_mid"/>
            </div>
        </section>
</body>
<script src="./fdweb/fluent.js"></script>
</html>