forked from alpha2lucifer/IPR-THRIVE
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
267 lines (248 loc) · 14.5 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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!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>IPR Thrive</title>
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
<link rel="shortcut icon" href="https://res.cloudinary.com/crunchbase-production/image/upload/c_lpad,f_auto,q_auto:eco,dpr_1/krinnxb23kgp75s0jyhp" type="image/x-icon">
<!--fontawesome-->
<script src="https://kit.fontawesome.com/f44356ef2f.js" crossorigin="anonymous"></script>
<!--google fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Exo+2:wght@500&family=Gugi&family=Montserrat&family=Rajdhani&family=Righteous&display=swap"
rel="stylesheet">
<!--custom stylesheet-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<i class="fa-solid fa-bars-staggered" id="menu-icon"></i>
<img class="logo" src="https://res.cloudinary.com/crunchbase-production/image/upload/c_lpad,f_auto,q_auto:eco,dpr_1/krinnxb23kgp75s0jyhp" alt="logo">
<nav class="nav">
<a class="nav-link active" href="#home"><i class="fa-solid fa-house"></i>Home</a>
<a class="nav-link" href="#testimonials"><i class="fa-solid fa-calendar-days"></i>available assets</a>
<a class="nav-link" href="#About-us"><i class="fa-solid fa-users"></i>About Us</a>
<a class="nav-link" href="#Kreators"><i class="fa-solid fa-user"></i>Kreators</a>
<a href="join.html" target="_main" class="join-us"><i class="fa-regular fa-handshake"></i>Add Assets</a>
</nav>
</header>
<section id="home" class="home">
<div class="content-box">
<h1>IPR THRIVE <span class='multiple-text'></span></h1>
<h3>Looking for a hassle-free way to safeguard your intellectual property?</h3>
<h3 id="h3">Our IPR smart contract solution provides the peace of mind you've been searching for.</h3>
<p><span>"</span><span>Smart contracts</span> are a new way<br> of creating <span>trust</span> and <span>value</span> on the <span>internet</span>.<span>"</span></p>
<a href="./form.html">Join us now</a>
</div>
</section>
<section class="testimonials" id="testimonials">
<h2>Testimonials</h2>
<h3>Our features</h3>
<div class="services">
<div class="service-box">
<span class="services-heading-1">Smart Contracts</span>
<div class="img">
<img src="https://lh3.googleusercontent.com/pw/AMWts8AsqjQBzFMRp6yNB4mzHwPSagvs2mEQw-i__70kzPLCl5N7WZJbrJ2xo6jaqTsIUmTX7QRkLctwOKpqVlXYgHCZrSbrXGND_G0FJOVNMcO8xWEmUGGjW9vJvIbeNul6pNAHSMbY-EEVGftTyAcB0r8csw=w1124-h750-no?authuser=0" alt="image">
</div>
<div class="service-layer">
<a href="#">Know more</a>
</div>
</div>
<div class="service-box">
<span class="services-heading-2">Dispute Resolution</span>
<div class="img">
<img src="https://lh3.googleusercontent.com/pw/AMWts8DW0QhKwvta-tt81pUR2a9FxJAlYGC9aBSJjdaJ4VIx1lK1gmMPQZyxmcFTpn9hiUl9iUgXjtdlWcTQoJzR_kwaF99QmKXI3ocRzYJ4wireGyJMsDxUbDpTiovVCexs5e6hSrtDR42nZwlZBFwgwmIssQ=w1400-h933-no?authuser=0" alt="image">
</div>
<div class="service-layer">
<a href="#">Know more</a>
</div>
</div>
<div class="service-box">
<span class="services-heading-3">Decentralized Marketplace</span>
<div class="img">
<img src="https://lh3.googleusercontent.com/pw/AMWts8AeYIpqZza-RmgVHLo_9A1X8fPvdtdtRAh1Bc2r5N8EBHyQ8hxS9ZgI7UkSC_IBU1CBUpBdeIh7rI5qsFYwUryHWPiFphHkrrdX_uc5DbjLwt8fphW348wxmNOvo-GDzCg7-5KZgBJebkx47UdS1ncvDQ=w500-h412-no?authuser=0" alt="image">
</div>
<div class="service-layer">
<a href="#">Know more</a>
</div>
</div>
<div class="service-box">
<span class="services-heading-4">Royalty Distribution</span>
<div class="img">
<img src="https://lh3.googleusercontent.com/pw/AMWts8C6kFEZQ2Bx6zpBPqEd_cXH3fKbxjNfM3IQVGCrxxkjsS-pDogmFOh4p3c3745zTzLR6LkDCbEmatb4NxDv1zbDUu6hSTj6-0oECg4vxLDg0EIBWLT0LVUnYk7YoiKN76hzD1QU5jHUmaBnHWGJXNHt7Q=w1000-h750-no?authuser=0" alt="image">
</div>
<div class="service-layer">
<a href="#">Know more</a>
</div>
</div>
<div class="service-box">
<span class="services-heading-5">Ownership and Licensing</span>
<div class="img">
<img src="https://lh3.googleusercontent.com/pw/AMWts8BFO40cHkGooC8MbZgowEt-rNL3L7f7cEwSehIOEQReIGDIAO7qQIYnK8IB-ZaVqUqFtzR2BEGxCeYlOCSmKJygtK0bYF7g5_YLlzrlYQNIduLhY8lKqC--mouvGo6_581YeEOtjYC5PcOkCMMk1u4qmg=w1124-h750-no?authuser=0" alt="image">
</div>
<div class="service-layer">
<a href="#">Know more</a>
</div>
</div>
<div class="service-box">
<span class="services-heading-6">IP Protection</span>
<div class="img">
<img src="https://lh3.googleusercontent.com/pw/AMWts8Bt10EmLgF5nMeNDQfg1STj1fYgUsSFuk1brqCZZ28ngjVjjB27Iw6wbX8toprkLyke_HM4CarbRRPBQoDJ8NmQNe-ih_xxidUNGKEFYdAlbv3hFnnQpmBDxgKqbZITn2gPN381AIWJcsZWSFMeypR3Bw=w1125-h750-no?authuser=0" alt="image">
</div>
<div class="service-layer">
<a href="#">Know more</a>
</div>
</div>
</div>
</section>
<section class="community" id="About-us">
<h2>Benefits</h2>
<div class="testimonial">
<div class="line-container">
<div class="icon"><i class="fa-solid fa-people-group"></i></div>
<div class="line"></div>
<div class="icon"><i class="fa-solid fa-bolt-lightning"></i></div>
<div class="line"></div>
<div class="icon"><i class="fa-solid fa-chart-line"></i></div>
<div class="line"></div>
<div class="icon"><i class="fa-solid fa-gamepad"></i></div>
<div class="line"></div>
<div class="icon"><i class="fa-solid fa-medal"></i></div>
</div>
<div class="text-container">
<div class="icon-2"><i class="fa-solid fa-people-group"></i></div>
<div class="text-box">
<h3> Transparency and Security</h3>
<p>Smart contracts provide security and transparency in blockchain transactions, making them ideal for financial transactions and supply chain management.</p>
</div>
<div class="icon-2"><i class="fa-solid fa-bolt-lightning"></i></div>
<div class="text-box">
<h3>Efficiency and Automation</h3>
<p>Smart contracts automate contract execution, increasing efficiency, reducing costs, and allowing for automatic actions based on conditions.</p>
</div>
<div class="icon-2"><i class="fa-solid fa-chart-line"></i></div>
<div class="text-box">
<h3>Cost Savings and Disintermediation</h3>
<p>Smart contracts eliminate intermediaries like lawyers, brokers, and banks, saving costs and transforming industries.</p>
</div>
<div class="icon-2"><i class="fa-solid fa-gamepad"></i></div>
<div class="text-box">
<h3>Immutable and Trustless</h3>
<p>Smart contracts are tamper-proof, self-executing, and irreversible, ensuring trust and transparency without the need for third parties.</p>
</div>
<div class="icon-2"><i class="fa-solid fa-medal"></i></div>
<div class="text-box">
<h3>Global Accessibility and Inclusivity</h3>
<p>Smart contracts have no geographical restrictions, providing global access to all parties, including those who lack traditional banking access.</p>
</div>
</div>
</div>
</section>
<section class="about" id="about">
<h2>About Us</h2>
<h3>Our aim is to provide the best services to our clients!</h3>
<div class="about-container">
<div class="profile">
<div class="profile-top-card">
<div class="profile-img">
<img src="images/player-1.jpeg" alt="profile-icon">
</div>
<div class="wrap-text">
<p><i class="fa-solid fa-user-secret"></i>Chandan</p>
<p><i class="fa-solid fa-pen-ruler"></i>Team-Lead</p>
<p>"Great stories are born from perseverance - the decision to push on in the face of adversity."</p>
</div>
</div>
<div class="profile-layer">
<p>Chandan is a 3<sup>rd</sup>year student at NSUT and a skilled full-stack developer with 4 years of coding experience. And is passionate about developing innovative solutions in technology.</p>
</div>
</div>
<div class="profile">
<div class="profile-top-card">
<div class="profile-img">
<img src="images/player-2.jpeg" alt="profile-icon">
</div>
<div class="wrap-text">
<p><i class="fa-solid fa-user-secret"></i>Anuj</p>
<p><i class="fa-solid fa-pen-ruler"></i>Senior-Devloper</p>
<p>"If you don't believe you are the best, then you will never achieve all that you're capable of!"</p>
</div>
</div>
<div class="profile-layer">
<p>Anuj is a creative 3<sup>rd</sup>year NSUT student, specializing in modern front-end development, and has a keen eye for design and dedication to produce user-friendly applications.</p>
</div>
</div>
<div class="profile">
<div class="profile-top-card">
<div class="profile-img">
<img src="images/player-3.jpg" alt="profile-icon">
</div>
<div class="wrap-text">
<p><i class="fa-solid fa-user-secret"></i>Rajat</p>
<p><i class="fa-solid fa-pen-ruler"></i>Back-end Developer</p>
<p>"The elegance of programming lies in its capacity to give shape to abstract concepts."</p>
</div>
</div>
<div class="profile-layer">
<p>Rajat is a 3<sup>rd</sup>year computer science student at NSUT with 4 years of coding experience. He is an expert in DSA with C++ and front-end development, building user-friendly systems.</p>
</div>
</div>
<div class="profile">
<div class="profile-top-card">
<div class="profile-img">
<img src="images/player-4.jpeg" alt="profile-icon">
</div>
<div class="wrap-text">
<p><i class="fa-solid fa-user-secret"></i>Kartik</p>
<p><i class="fa-solid fa-pen-ruler"></i>Creative Head</p>
<p>"The most elegant solutions often come from the simplest lines of code we write."</p>
</div>
</div>
<div class="profile-layer">
<p>Kartik is a 3<sup>rd</sup>year NSUT computer science student with 4 years of coding experience. He specializes in DSA with Python and is dedicated to building efficient and scalable systems.</p>
</div>
</div>
</div>
</section>
<footer>
<a class="top-icon" href="#home"><i class="fa-regular fa-circle-up"></i></a>
<p>You have reached the end of the website!</p>
<p>Want to give feedback? Or want to suggest some edits?</p>
<p>Please give your valuable feedback here</p>
<div class="content-box">
<div class="form-container">
<form method="post">
<input type="text" name="name" id="name" placeholder=" " autocomplete="off">
<label class="placeholder" for="name">Username</label>
<textarea name="feedback-message" id="feedback-message" rows="5"
placeholder="Give your valuable feedback here..."></textarea>
</form>
<button onclick="sendMail()">Submit</button>
</div>
<div class="social">
<a href="mailto:[email protected]" class="social-link"><i class="fa-solid fa-envelope"></i>Email</a>
<a href="https://github.com/alpha2lucifer/IPR-THRIVE/" class="social-link"><i class="fa-brands fa-github"></i>Github</a>
<a href="https://linkedin.com/in/chandan-chandan-51bb061a1" class="social-link"><i class="fa-brands fa-linkedin"></i>LinkedIn</a>
<a href="https://www.instagram.com/ox.chandan.arya/" class="social-link"><i class="fa-brands fa-square-instagram"></i>Instagram</a>
</div>
</div>
</footer>
<!--scroll reveal-->
<script src="https://unpkg.com/scrollreveal"></script>
<!-- typed js -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<!--email Js-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<script type="text/javascript">
(function () {
emailjs.init("6C_S388ph6_0igqL1");
})();
</script>
<!--script file-->
<script src="script.js"></script>
</body>
</html>