forked from manvi0107/equibond-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (174 loc) · 8.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EquiBond</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="chatbot.css"> <!-- Link to Chatbot CSS -->
</head>
<body bgcolor="#100d28">
<div class="hero_section">
<div class="navbar">
<img class="logo" src="logofinal.png">
<div class="menu_items">
<ul type="none" class="menu_list">
<li><a href="about.html" class="menu_option">ABOUT</a></li>
<li><a href="project.html" class="menu_option">PROJECTS</a></li>
<li><a href="sibs.html" class="menu_option">SIBs</a></li>
<li><a href="signup.html" class="menu_option">SIGN UP</a></li>
</ul>
</div>
</div>
<div class="grid">
<div class="content wrapper">
<h1 style="font-size: 64px;">Discover Various Projects</h1>
<p style="font-size: 18px;">The most secure marketplace for investing in various projects.</p>
<button class="rounded" onclick="window.location.href='project.html'">VIEW PROJECTS</button>
<button class="rounded" id="ghost" onclick="toggleChatbot()">CHAT WITH US</button> <!-- Updated for chatbot -->
</div>
<div class="image_wrapper">
<img src="section1.png" class="section_image">
</div>
</div>
</div>
<div class="featured_section">
<p class="subheader">FEATURED ON</p>
<div class="logo_wrapper">
<ul type="none" class="feat">
<li class="feat_item">FORBES</li>
<li class="feat_item">FastCompany</li>
<li class="feat_item">MIT</li>
<li class="feat_item">FORBES</li>
</ul>
</div>
</div>
<div class="benefits">
<div class="grid">
<div class="image_wrapper">
<img src="sibs.png" class="section_image" style="padding-left: 0;">
</div>
<div class="content wrapper">
<p style="font-size: 18px;">IMPACTFUL</p>
<hr style="width: 100px;align-self: left;">
<h1 style="font-size: 64px;">Create Social Impact Bonds</h1>
<p style="font-size: 18px;">Publish impactful projects and form social impact bonds to gain rewards.</p>
<button class="rounded" onclick="window.location.href='sibs.html'">VIEW SIBs DETAILS</button>
</div>
</div>
</div>
<div class="testimonials">
<p class="subheader" style="text-align: center;">TESTIMONIALS</p>
<h2 style="text-align: center;font-size: 64px;">Read What Others <br> Have To Say</h2>
<div class="container_new">
<div class="testimonial_ind">
<div class="testimage">
<img class="pfp" src="pfp.jpg">
</div>
<div class="mask"></div>
<div class="review-text">
<h4>MANVI FALWARIA</h4>
<h6>"The chatbot was incredibly helpful and easy to use! It understood my questions right away and provided clear, accurate answers. This tool saved me so much time—I highly recommend it to anyone looking for instant assistance!"</h6>
</div>
</div>
<div class="testimonial_ind">
<div class="testimage">
<img class="pfp" src="pfp2.jpg">
</div>
<div class="mask"></div>
<div class="review-text">
<h4>KRITIKA SINGH</h4>
<h6>"I was amazed at how easy RquiBond made getting bonded for my project. The process was efficient and transparent, and the rates were very competitive. This service saved me both time and hassle—definitely my go-to for future projects!"</h6>
</div>
</div>
<div class="testimonial_ind">
<div class="testimage">
<img class="pfp" src="lakshita.jpeg">
</div>
<div class="mask"></div>
<div class="review-text">
<h4>LAKSHITA AGGARWAL</h4>
<h6>"EquiBond’s platform is exactly what I needed! I had everything set up in no time, and their customer service was excellent. If you’re looking for a quick, seamless bonding experience, I highly recommend EquiBond."</h6>
</div>
</div>
</div>
</div>
<div class="container">
<div class="get_started" style="align-items: center;">
<p class="subheader" style="text-align: center;">ARE YOU READY ?</p>
<h2 style="text-align: center;font-size: 64px;">Be A Part Of The <br> Next Big Thing</h2>
<button class="rounded" id="get" onclick="window.location.href='signup.html'">GET STARTED</button>
</div>
</div>
<div class="container">
<div class="footer" style="margin-bottom: 100px;">
<div class="footer_cols">
<div class="col"><img class="logo" src="logofinal.png"></div>
<div class="col">
<ul type="none" class="footer_list">
<li>Services</li>
<li><a href="faq.html" style="text-decoration: none;">FAQs</a></li>
<li>Support</li>
</ul>
</div>
<div class="col">
<ul type="none" class="footer_list">
<li><a href="about.html" style="text-decoration: none;">About Us</a></li>
<li>Contact Us
<div class="form-message">
<form id="contactForm" action="submit_form.php" method="POST">
<input type="email" id="email" name="email" placeholder="Your Email" required>
<textarea id="message" name="message" placeholder="Your Message" required></textarea>
<input type="submit" value="Send Message" id="submit">
</form>
</div>
</li>
</ul>
</div>
</div>
<hr style="color: white;width: 80%;margin-left: 10%;">
<div class="socials">
<img src="socials.webp" style="align-self: center;height: 50px;width: auto;margin-left: 40%;margin-top: 30px;">
</div>
</div>
</div>
<div id="gradient1"></div>
<div id="gradient2"></div>
<div id="gradient3"></div>
<div id="gradient4"></div>
<div id="gradient5"></div>
<!-- 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>
<!-- Link to jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Link to your JavaScript files -->
<script src="js/script.js"></script> <!-- Your existing JS -->
<script src="js/frontjs.js"></script> <!-- Chatbot JS -->
<script>
$(document).ready(function() {
$('#chatbot-toggle').click(function() {
$('#chatbot-overlay').toggle();
});
$('.chatbot-close-btn').click(function() {
$('#chatbot-overlay').hide();
});
});
function toggleChatbot() {
$('#chatbot-overlay').toggle();
}
</script>
</body>
</html>