-
Notifications
You must be signed in to change notification settings - Fork 2
/
sibs.html
131 lines (121 loc) · 6.28 KB
/
sibs.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SIB on Ethereum Blockchain</title>
<!-- Google Fonts and Font Awesome -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- Link to CSS -->
<link rel="stylesheet" href="sib.css">
<link rel="stylesheet" href="chatbot.css">
</head>
<body class="dark-theme">
<!-- Header Section -->
<header>
<div class="container">
<h1>Social Impact Bond</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#sib-info">SIB Info</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- SIB on Ethereum Section -->
<section id="sib-info" class="sib-section">
<div class="container">
<h2>What are Social Impact Bonds (SIBs)?</h2>
<p>
Social Impact Bonds (SIBs) are innovative financing mechanisms where private investors fund public projects with measurable social outcomes. These projects are tracked using decentralized technology on the Ethereum blockchain to ensure transparency, confidentiality, and secure automated payments based on success metrics.
</p>
<!-- How SIBs Work Section -->
<div class="sib-steps">
<div class="sib-step">
<i class="fas fa-hand-holding-usd"></i>
<h3>Funding Through Investors</h3>
<p>Private investors fund social projects through Ethereum-based smart contracts, ensuring trustless transactions.</p>
</div>
<div class="sib-step">
<i class="fas fa-chart-line"></i>
<h3>Social Impact Metrics</h3>
<p>Projects are monitored based on agreed social impact metrics, securely stored and tracked on the blockchain.</p>
</div>
<div class="sib-step">
<i class="fas fa-coins"></i>
<h3>Bonus Repayment from the Government</h3>
<p>Upon successful outcomes, the government makes bonus repayments to the investors, ensuring risk-sharing and accountability.</p>
</div>
</div>
<!-- Interactive Agreement Section -->
<div class="agreement-section">
<h3>Confidential Agreements and Data Protection</h3>
<p>
All agreements between investors, governments, and project owners are confidentially stored on the Ethereum blockchain.
By leveraging the immutability and encryption features of Ethereum, the data is securely accessible only to authorized parties.
</p>
<div class="interactive-agreement">
<button id="view-agreement" class="btn">View Sample Agreement</button>
<div id="agreement-modal" class="modal">
<div class="modal-content">
<span class="close-btn">×</span>
<h4>Sample SIB Agreement</h4>
<p>This is a confidential agreement between investors and the government, outlining project metrics and payment terms.</p>
<ul>
<li><strong>Project:</strong> Decentralized Healthcare Initiative</li>
<li><strong>Investor:</strong> Private Investor Group A</li>
<li><strong>Government Entity:</strong> Ministry of Health</li>
<li><strong>Bonus Payment Terms:</strong> Based on reducing healthcare costs by 20% in rural areas.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Benefits Section -->
<div class="benefits-section">
<h3>Why Choose EquiBond for Social Impact Bonds?</h3>
<div class="benefit-boxes">
<div class="benefit-box">
<i class="fas fa-lock"></i>
<h4>Security & Confidentiality</h4>
<p>Ethereum's decentralized nature ensures that all data is secure and confidential, accessible only by authorized parties.</p>
</div>
<div class="benefit-box">
<i class="fas fa-sync-alt"></i>
<h4>Automated Payments</h4>
<p>Smart contracts ensure that payments are automatically triggered based on predefined conditions, eliminating human error.</p>
</div>
<div class="benefit-box">
<i class="fas fa-globe"></i>
<h4>Global Accessibility</h4>
<p>With Ethereum, investors from around the world can participate in funding social impact projects, promoting financial inclusion.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Chatbot Code -->
<button id="chatbot-toggle" class="chatbot-button">Chat with Us</button>
<div id="chatbot-overlay" class="overlay">
<div class="chatbot-content">
<div class="chatbot-header">
Chatbot Assistant
<span class="chatbot-close-btn" onclick="toggleChatbot()">X</span>
</div>
<div id="chatbot-messages" class="chatbot-messages"></div>
<div class="chatbot-input-area">
<input type="text" id="chatbot-input" placeholder="Type your message..." />
<button id="chatbot-send-btn">Send</button>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="sib.js"></script>
<script src="chatbot.js"></script>
</body>
</html>