prototype/index.html at master · Ju8z/prototype · 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <link href="style.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <title>Fair Chance Investments</title>
    <link href="images/logo.png" rel="shortcut icon">
</head>
<body>

<div class="main_container ">
    <div id="navigation"></div>
</div>
<div class="main_header_container">
    <div class="header_content">
        <div class="header_txt">
            <h3>FAIR CHANCE FOR EVERYONE </h3>
            <h1>Take care of nature and get a solid income</h1>
            <p>Multi-phase launchpad platform with priority for passive income and a 100% deflationary governance token! Smart logic will be used in
                every phase to interact with each other to make it very sustainable for a long time.</p>
            <a href="#second_container">Get started</a>
        </div>
    </div>


</div>


<!-- second_container start here -------- -->

<div class="second_container" id="second_container">
    <div class="features_content">
        <br>
        <div class="dot_design">
            <hr>
            <div class="dot"></div>
        </div>
        <br>
        <h2>About</h2>
        <p>Are you looking for a better and safe investment that yields
            guaranteed
            results? If yes, then
            select fair chance
            investments. We
            ensure all
            investors get an equal chance to support their projects and earn passive income in no time. It would be great to invest somewhere where you know
            your chances of fair winning is high. The fair chance investments have many short-, mid- and long-term projects in the pipeline that are bound to
            give a good payback on your investments. You must have heard of cryptocurrency. The world is tilting towards this beautiful opportunity, and so are
            we. There are higher chances that the digital currency surpasses the actual paper currency and takes over the financial world. In place of this, we
            have organized a team of experts in our investment company who constantly work towards one goal, creating a passive income for all. Investing is not
            only about getting the actual money back; it is to secure the deposit and to get twice or more in return. Fortunately, the fair chance investments
            combine all the good tips, tricks, and techniques to guarantee a better and acceptable passive return. Even if you create a side business out of
            this investment, your investment is our priority, and we make sure to make a good deal out of it.</p>
        <div class="featured_cards">
            <div class="f_card">
                <div class="f_icon">
                    <img alt="" src="images/icon1.png"/>
                </div>
                <h3>VISION</h3>
                <p>We aim to provide vital resources, including financial professionals that work on digital assets and new blockchain technology. Moreover, our
                    transparent financial strategies have a broad and diverse array of sound investors and advisors who keep a keen eye on the changes.
                    Similarly, passion for cryptocurrency and wealth of knowledge is the core value we pass on to our investors and team.
                </p>
            </div>
            <div class="f_card">
                <div class="f_icon">
                    <img alt="" src="images/icons2.png"/>
                </div>
                <h3>MISSION STATEMENT</h3>
                <p>Fair chance investment is an independent group of experts who provide safe passive income on cryptocurrency marketing based on the digital
                    finance community. We are a community of experts who strongly believe that disruptive investment deserves unbiased education and
                    user-friendly products. We also collaborate with all crypto markets to reduce the risk management for greater passive return. Remember that
                    we have financial advisors to work on your existing cryptocurrency deals. You can also actively join us on Discord, Twitter, Medium for a
                    better approach.
                </p>
            </div>
            <div class="f_card">
                <div class="f_icon">
                    <img alt="" src="images/icons3.png"/>
                </div>
                <h3>THE SECRET FORMULA</h3>
                <p>Our experts have devised a secret formula that will win in all circumstances. But wait, there is more. Yes, you heard it right. There is more
                    than just the winning formula. We have a diverse roadmap convenient for all investors and bring passive income like a charm. We have
                    combined the secret formula with the roadmap to ensure sustainability and marketing progress. All our investors will join the winning team
                    on the first investment, so do not wait long. Join at the earliest to get the ultimate benefit.
                </p>
            </div>
        </div>
    </div>
</div>

<!-- third_container start here ------- -->

<div class="third_container">
    <div class="dot_design">
        <hr>
        <div class="dot"></div>
    </div>
    <br>
    <h2>published <span>on</span></h2>
    <div class="partner_logo">
        <img alt="" src="images/1-1.png"/>
        <img alt="" src="images/1-2.png"/>
        <img alt="" src="images/1-3.png"/>
        <img alt="" src="images/1-4.png"/>
    </div>
</div>

<!-- forth_container start here ------- -->

<section class="d-flex flex-column justify-content-end align-items-center" id="waves">
    <svg class="hero-waves" preserveAspectRatio="none" viewBox="0 24 150 28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
            <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="wave-path"/>
        </defs>
        <g class="wave1">
            <use fill="#293936" x="50" xlink:href="#wave-path" y="3"/>
        </g>
        <g class="wave2">
            <use fill="#ffffff" x="50" xlink:href="#wave-path" y="0"/>
        </g>
        <g class="wave3">
            <use x="50" xlink:href="#wave-path" y="9"/>
        </g>
    </svg>
</section>
<div class="forth_container">
    <img alt="" src="images/new-3.png"/>
    <div class="forth_content">
        <div class="dot_design">
            <hr>
            <div class="dot"></div>
        </div>
        <br>
        <h2>what is <span>Landshare</span></h2>
        <p class="f_p">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit vel sunt molestiae exercitationem minus soluta excepturi commodi
            blanditiis ut dolorem. Saepe ipsa modi explicabo tenetur. Praesentium, voluptatibus voluptate. A assumenda quidem et expedita nulla est veritatis
            laudantium asperiores laboriosam omnis!</p>
        <div class="dot_design">
            <hr>
            <div class="dot"></div>
        </div>
        <br>
        <h2>About <span>project</span></h2>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit vel sunt molestiae exercitationem minus soluta excepturi commodi blanditiis ut
            dolorem. Saepe ipsa modi explicabo tenetur. Praesentium, voluptatibus voluptate. A assumenda quidem et expedita nulla est veritatis laudantium
            asperiores laboriosam omnis!</p>
    </div>
</div>

<!-- ninth_container start here ---------- -->
<div class="ninth_container">
    <div class="ninth_heading">
        <h2>Landshare <span>token</span></h2>
        <div class="cards_row">
            <div class="card">
                <img alt="" src="images/slide01.png"/>
                <h3>Lorem Ipsum</h3>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta corporis voluptatum nihil deleniti porro dignissimos?</p>
            </div>
            <div class="card">
                <img alt="" src="images/slide02.png"/>
                <h3>Lorem Ipsum</h3>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta corporis voluptatum nihil deleniti porro dignissimos?</p>
            </div>
        </div>
        <div class="cards_row">
            <div class="card">
                <img alt="" src="images/slide03.png"/>
                <h3>Lorem Ipsum</h3>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta corporis voluptatum nihil deleniti porro dignissimos?</p>
            </div>
            <div class="card">
                <img alt="" src="images/slide04.png"/>
                <h3>Lorem Ipsum</h3>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta corporis voluptatum nihil deleniti porro dignissimos?</p>
            </div>
        </div>
    </div>
</div>

<!-- fifth_container start here ------------- -->

<div class="fifth_container">
    <hr>
    <h2>how does <span>landshare work?</span></h2>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nobis, officiis id.Voluptates numquam dolore natus!</p>
    <div class="content_one">
        <div class="left_side">
            <h2>1</h2>
            <p class="ch_hea">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, quae praesentium! Ipsam id laudantium autem impedit possimus labore
                facere iste! Minus aspernatur est vitae temporibus nisi illum quis veritatis quisquam, dolor porro maiores nam aperiam modi? Illum hic culpa
                iste!</p>
        </div>
        <img alt="" src="images/new-4.png"/>
    </div>
    <div class="content_two">
        <img alt="" src="images/new-5.png"/>
        <div class="left_side">
            <h2>2</h2>
            <p class="ch_hea">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est, quae praesentium! Ipsam id laudantium autem impedit possimus labore
                facere iste! Minus aspernatur est vitae temporibus nisi illum quis veritatis quisquam, dolor porro maiores nam aperiam modi? Illum hic culpa
                iste!</p>
        </div>
    </div>
</div>


<!-- token_information start here ----------- -->

<div class="token_information">
    <hr>
    <h2>token <span>pre-sale</span> information</h2>
    <p>Whole pre-sale information during all phases will be listed here.</p>
    <div class="token_detail">
        <h3>Fair Chance Investments Utility Token - Pre-Sale Details</h3>
        <div class="token_cards">
            <div class="t_card active">
                <p>Tokens for Pre Sale</p>
                <h2>100,000</h2>
            </div>
            <div class="t_card">
                <p>Tokens Price</p>
                <h2>10 $BUSD</h2>
            </div>
            <div class="t_card">
                <p>Max per User</p>
                <h2>1,000 $FCI</h2>
            </div>
            <div class="t_card">
                <p>Diamonds Hand VIP starting</p>
                <h2>1,000 $FCI</h2>
            </div>
        </div>
        <div class="token_numbers">

            <div class="num_row">
                <ul class="un_list no_hover">
                    <li></li>
                    <li>$FCI Token</li>
                    <li>$VUSD Token</li>
                    <li>Token Price</li>
                    <li>$FCI Receive</li>
                    <li>$VUSD Receive</li>
                    <li>Max $FCI per User</li>
                </ul>
            </div>
            <div class="num_row">
                <ul class="un_list">
                    <li class="first_li">Pre-Sale</li>
                    <li>100,000</li>
                    <li>10,000</li>
                    <li>10 $BUSD</li>
                    <li>1 $FCI</li>
                    <li>1 $VUSD</li>
                    <li>1,000 $FCI</li>
                </ul>
            </div>
            <div class="num_row">
                <ul class="un_list">
                    <li class="first_li">Public Sale</li>
                    <li>Unlimited</li>
                    <li>Unlimited</li>
                    <li>10 $VUSD</li>
                    <li>1 $FCI</li>
                    <li>0 $VUSD</li>
                    <li>10,000 $FCI</li>
                </ul>
            </div>
        </div>
    </div>
</div>


<!-- FOOTER -->
<div id="footer"></div>
<script src="helper.js"></script>

</body>
</html>