MNPRT/index.html at Singh · imanpr33trai/MNPRT · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Personal</title>
    <link rel="stylesheet" href="style.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Parkinsans:wght@300..800&display=swap');
        </style>
        <!-- <script src="https://cdn.tailwindcss.com"></script> -->

</head>
<body>
    <header class="main-header">
        <nav class="navigation">
            <div class="nav-bar">
                <a class="nav-item" href="#">About</a>
                <a class="nav-item" href="#">Skills</a>
                <a class="nav-item" href="#">Contact</a>
            </div>
        </nav>
    </header>

    <main class="main-content">
        <section class="sentence">
            <h6 class="line first-line">
                <span>because there is only one way <br>to make it to the next step <br>
                    — nailing your mvp —</span>
            </h6>
            <h2 class="line second-line">
                <span>we'll make <br>it work</span>
            </h2>

        </section>
        <section class="move">
            <div class="morque">
                <h6>
            we help pioneering founders build products as solid as their ideas
                </h6>
            </div>
            <div class="morque">
                <h6>
    we help pioneering founders build products as solid as their ideas
                </h6>
            </div>
            <div class="morque">
                <h6>
    we help pioneering founders build products as solid as their ideas
                </h6>
            </div>
            <div class="morque">
                <h6>
    we help pioneering founders build products as solid as their ideas
                </h6>
            </div>
        </section>
        <section class="blur-section">
            <div class="blur-text">
                <h1>anyone can build <br>fast today</h1>
            </div>
            <div class="grid-text">
                <h1>Let&#x27;s build <br>your value too</h1>
            </div>
                <div class="grid">
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box small"></div>
                    <div class="box"></div>
                    <div class="box small"></div>
                    <div class="box"></div>
                    <div class="box small"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box small"></div>
                    <div class="box"></div>
                    <div class="box small"></div>
                    <div class="box"></div>
                    <div class="box small"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                    <div class="box"></div>
                </div>
            </section>
        <section class="para">
            <div class="paragraph">
                <div class="para-graph">Startups who make it all have a think in
                     common.They've found the way to make
                     their value obvious to their useres and their
                     investers
                </div>
                <div class="para-graph">
                    Sadly for most, that path is kept in the
                    dark and stays out of react.
                </div>
                <div class="para-graph">
                    Our valur-first method focuses on
                     innovative tech insights and deep tactical
                     knowledge to give your MVP value for
                     everyone to see, feel and want to invest in.
                </div>
            </div>
        </section>
    </main>


</body>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script src="script.js"></script>
<script src="/lib/anime.min.js"></script>
</html>