-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
244 lines (222 loc) · 11 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<!-- box icons -->
<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
//To minimise the height of chatbox
$(document).ready(function () {
window.addEventListener('dfMessengerLoaded', function (event) {
$r1 = document.querySelector("df-messenger");
$r2 = $r1.shadowRoot.querySelector("df-messenger-chat");
$r3 = $r2.shadowRoot.querySelector("df-messenger-user-input"); //for other mods
var sheet = new CSSStyleSheet;
// manage box height from here
sheet.replaceSync(`div.chat-wrapper[opened="true"] { height: 450px }`);
$r2.shadowRoot.adoptedStyleSheets = [sheet];
});
});
</script>
</head>
<!-- added comment -->
<body>
<!-- header design -->
<header class="header">
<a href="#" class="logo">dAppFund.</a>
<i class="bx bx-menu" id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#services">Team</a>
<a href="#contact">Contact</a>
</nav>
</header>
<!-- ADDED COMMENT -->
<section class="home" id="home">
<div class="home-content">
<h3>This is</h3>
<h1>dAppFund</h1>
<h3>A <span>decentralized</span> investing website</h3>
<p>
A decentralized investing website that utilizes Web 3 technology and
smart contracts to provide a secure and transparent platform for
Pre-IPO investment.
</p>
<div class="social-media">
<a href="#"><i class="bx bxl-facebook"></i></a>
<a href="#"><i class="bx bxl-twitter"></i></a>
<a href="https://www.instagram.com/dappfund/" target="_blank"><i class="bx bxl-instagram-alt"></i></a>
<a href="https://github.com/manya706/dAppFund" target="_blank"><i class='bx bxl-github'></i></i></a>
</div>
<!-- <a href="#" class="btn">Connect Wallet</a> -->
<button class="btn" id="connect-button">Investor Login</button>
<script>
document
.getElementById("connect-button")
.addEventListener("click", (event) => {
window.location.assign("login-signup.html");
});
</script>
</div>
<div class="home-img">
<img src="images/My project.png" alt="" />
</div>
</section>
<!-- about section design -->
<section class="about" id="about">
<div class="about-img">
<!-- <img class="fimg" src="images/black_blockchain-removebg-preview.png" alt=""> -->
<img class="fimg" src="images/ftxx-removebg-2.png" alt="" />
</div>
<div class="about-content">
<h2 class="heading">Get <span>Funded</span> Through Us!</h2>
<p style="text-align: justify">
dAppFund(Decentralized Application Fund) is a decentralized investing
website that utilizes Web 3 technology and smart contracts to provide
a secure and transparent platform for investing. The website is
designed to allow individuals or groups to invest in entrepreneurial
ventures, creative projects, and more. Unlike traditional investing
platforms, which rely on centralized intermediaries to manage
transactions and funds, our platform uses smart contracts to automate
the process and ensure transparency, security, and trust.
</p>
<p style="text-align: justify" id="hidden-text">
Basically, smart contracts are self-executing programs that run on a
blockchain network, such as Ethereum. They act as a set of rules and
conditions that govern the behaviour of the platform, allowing users
to interact with each other and with the platform in a decentralized
manner. This means that the platform operates without the need for a
central authority, reducing the risk of fraud and improving the
efficiency of the process. The platform will be built on a
decentralized network, meaning that will operates without a central
authority or intermediary. Instead, the platform uses smart contracts,
which are self-executing computer programs that are stored on a
blockchain, to manage and automate the fundraising process. Users who
wish to create a campaign on the dAppFund platform would need to
register with an Ethereum wallet, which will allow them to create a
smart contract that outlines the details of their campaign, including
the funding goal, the duration of the campaign, and the terms of the
fundraising. Once the smart contract is created, it will be uploaded
to the Ethereum network, where it will be visible to potential
backers. Backers who wish to support a campaign can view the available
campaigns on the dAppFund platform and contribute to them by sending
Ethereum to the corresponding smart contract. The smart contract will
automatically release the funds to the campaign creator when the
funding goal is reached. If the funding goal is not reached within the
specified time frame, the smart contract will automatically return the
contributed funds to the backers. One of the main advantages of
dAppFund is that it provides a transparent and secure fundraising
process, as all transactions are recorded on the blockchain, and the
smart contracts are designed to operate automatically, without the
need for a central authority or intermediary. This reduces the risk of
fraud or mismanagement and provides greater accountability and
transparency for both campaign creators and backers. Overall, the
dAppFund project aims to leverage the power of Web 3 and blockchain
technology to provide a decentralized and secure platform for
crowdfunding, promoting innovation and collaboration while minimizing
the risk of fraud and misuse of funds.
</p>
<a class="btn" id="read-more-btn" onclick="toggleText()">Read More</a>
</div>
</section>
<!-- WHY PRE-SEED INVESTING? -->
<section class="WhyBlockchain" id="WhyBlockchain">
<div>
<h3 class="heading">Why</h3>
<h1 class="heading">Blockchain</h1>
<h3 class="heading">For Pre-Seed Funding</h3>
<img class="preimg" src="images/Brainwriting.png" alt="">
</section>
<!-- services section design -->
<section class="services" id="services">
<h2 class="heading">Our <span>Team</span></h2>
<div class="services-container">
<div class="services-box">
<img style="width: 20%; border: 2px solid white; border-radius: 50%" src="images/man.png" alt="" />
<h3>Anuj Pandey</h3>
<p style="text-align: justify">
As a proficient frontend developer, I take pride in my expertise in
HTML, CSS, and JavaScript. I have a natural flair for design, and I
am committed to creating intuitive, user-friendly web experiences
that delight users. As a part of dAppFund, I have played an
instrumental role in managing the frontend of our website, ensuring
that every aspect of the user experience is seamless, engaging, and
visually stunning. I take pride in my ability to create responsive
designs that work flawlessly across different platforms and devices.
But my passion for frontend development goes beyond just creating
beautiful websites. I am also a blockchain enthusiast, and I am
actively exploring the intricacies of connecting Metamask wallet to
the frontend and building smart contracts. I believe that my ability
to blend my frontend skills with blockchain technology sets me apart
as a developer who can bring a unique perspective and skillset to
any project. I am confident that I will be able to deliver the
project.
</p>
<!-- <a href="#" class="btn">Read More</a> -->
</div>
<div class="services-box">
<img style="width: 20%; border: 2px solid white; border-radius: 50%" src="images/woman.png" alt="" />
<h3>Manya Sharma</h3>
<p style="text-align: justify">
Being a skilled frontend developer, I take immense satisfaction in
my competence in HTML, CSS, and JavaScript. My inclination towards
creative designing and my unwavering commitment towards crafting
user-friendly and intuitive web experiences makes me stand out. I
have played a fundamental role in handling the frontend of our
website as part of dAppFund, where I ensure that every aspect of the
user experience is smoothly executed, engaging, and visually
delightful. My forte lies in producing responsive designs that
flawlessly function across various platforms and devices. However, I
am not content with just building beautiful websites. As an avid
blockchain enthusiast, I am exploring exciting opportunities to
connect Metamask wallet with the frontend and develop smart
contracts. Integrating my frontend skills with blockchain technology
gives me a unique perspective and set of skills that sets me apart
as a developer, providing me with an edge in any given project.
</p>
<!-- <a href="#" class="btn">Read More</a> -->
</div>
</div>
</section>
<!-- contacts section design -->
<section style="background-color: black;" class="whyreg" >
<h2 class="heading">Are you a <span>Pre-Seed</span> start-up having potential to be the next <span>Unicorn?</span>
</h2>
<h1 class="heading">Get Register Now! <a href="company-enquiry.html"><i class='bx bx-right-top-arrow-circle'></i></i></a></h1>
<div id="earth">
<img class="img5" src="images\globe.jpg">
</div>
</section>
<!-- footer design -->
<footer class="footer">
<div class="footer-text">
<p>Copyright © 2023 Team dAppFund | All Rights Reserved.</p>
</div>
<div class="footer-iconTop">
<a href="#home"><i class="bx bx-up-arrow-alt"></i></a>
</div>
</footer>
<!-- custom js -->
<script src="js/script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger intent="WELCOME" chat-title="dAppFund" agent-id="fb499369-df14-40d7-8867-8f9a51098cea"
language-code="en"></df-messenger>
<style>
df-messenger {
--df-messenger-bot-message: rgb(35, 183, 194);
--df-messenger-button-titlebar-color: rgb(48, 188, 198);
--df-messenger-chat-background-color: #f4f8f7;
--df-messenger-font-color: white;
--df-messenger-send-icon: #111215;
--df-messenger-user-message: rgb(32, 221, 235);
}
</style>
</body>
</html>