Navbar, open account , Footer
WE USE BOOTSTRAP FOR MAKING NAVBAR.
NAVBAR.JS
import React from "react";
function Navbar() {
return (
<>
<nav class="navbar navbar-expand-lg border-bottom" style={{backgroundColor:"#fff"}}>
<div class="container">
<a class="navbar-brand" href="#">
<img src="media/images/logo.svg" style={{ width: "25%" }} />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#">
Signup
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">
About
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">
Products
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">
Pricing
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">
Support
</a>
</li>
</ul>
</div>
</div>
</nav>
</>
);
}
export default Navbar;
OPEN ACCOUNT IS SIMILAR TO THAT OF HERO COMPONENT.
OPENACCOUNT.JS
import React from "react";
function OpenAccount() {
return (
<>
<div className="container p-5">
<div className="row text-center ">
<h1 className="mt-5">Open a Zerodha Account</h1>
<p className="m-4 fs-5">
Modern platforms and apps, ₹0 investments, and flat ₹20 intraday and F&O trades. </p>
<button
className="btn btn-primary fs-5"
style={{ width: "18%", margin: "0 auto" }}
>
Signup now
</button>
</div>
</div>
</>
);
}
export default OpenAccount;
FOOTER:
FOOTER IS DIVIDED INTO 4 PARTS, THE 1ST ONE CONTAINS AN IMAGE WHILE THE OTHER THREE CONSISTS OF VARIOUS ANCHOR TAGS.
BY DEFAULT FOR THE container CLASS THERE WILL BE DEFAULT MARGINS ON THE LEFT AND RIGHT . TO OVERCOME THIS FOR OUR FOOTER WE USE container-fluid
FOOTER.JS
import React from "react";
function Footer() {
return (
<>
<div className="container-fluid">
<div className="row">
<div className="col">
<img src="media/images/logo.svg" style={{ width: "50%" }} />
</div>
<div className="col">
<p>Company</p>
<a href="" style={{ textDecoration: "none" }}>
About
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Products
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Pricing
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Referral programme
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Careers
</a>
<a href="" style={{ textDecoration: "none" }}>
Zerodha.tech
</a>
<a href="" style={{ textDecoration: "none" }}>
Open source
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Press & media
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Zerodha Cares
</a>
<br />
</div>
<div className="col">
<p>Support</p>
<a href="" style={{ textDecoration: "none" }}>
Contact us
</a>{" "}
<br />
<a href="" style={{ textDecoration: "none" }}>
Support portal
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Z-Connect blog
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
List of charges
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Downloads & resources
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Videos
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Market overview
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
How to file a complaint?
</a>
<br />
<a href="" style={{ textDecoration: "none" }}>
Status of your complaints
</a>
<br />
</div>
<div className="col">
<p>Account</p>
<a href="" style={{ textDecoration: "none" }}>
Open an account
</a><br/>
<a href="" style={{ textDecoration: "none" }}>
Fund transfer
</a>
</div>
</div>
<p className="mt-5" style={{ fontSize: "12px" }}>
Zerodha Broking Ltd.: Member of NSE, BSE & MCX – SEBI Registration
no.: INZ000031633 CDSL/NSDL: Depository services through Zerodha
Broking Ltd. – SEBI Registration no.: IN-DP-431-2019 Commodity Trading
through Zerodha Commodities Pvt. Ltd. MCX: 46025; NSE-50001 – SEBI
Registration no.: INZ000038238 Registered Address: Zerodha Broking
Ltd., #153/154, 4th Cross, Dollars Colony, Opp. Clarence Public
School, J.P Nagar 4th Phase, Bengaluru - 560078, Karnataka, India. For
any complaints pertaining to securities broking please write to
complaints@zerodha.com, for DP related to dp@zerodha.com. Please
ensure you carefully read the Risk Disclosure Document as prescribed
by SEBI | ICF <br /> <br />
Procedure to file a complaint on SEBI SCORES: Register on SCORES
portal. Mandatory details for filing complaints on SCORES: Name, PAN,
Address, Mobile Number, E-mail ID. Benefits: Effective Communication,
Speedy redressal of the grievances
<br /> <br />
Investments in securities market are subject to market risks; read all
the related documents carefully before investing.
<br /> <br />
Attention investors: 1) Stock brokers can accept securities as margins
from clients only by way of pledge in the depository system w.e.f
September 01, 2020. 2) Update your e-mail and phone number with your
stock broker / depository participant and receive OTP directly from
depository on your e-mail and/or mobile number to create pledge. 3)
Check your securities / MF / bonds in the consolidated account
statement issued by NSDL/CDSL every month. <br />
"Prevent unauthorised transactions in your account. Update your mobile
numbers/email IDs with your stock brokers. Receive information of your
transactions directly from Exchange on your mobile/email at the end of
the day. Issued in the interest of investors. KYC is one time exercise
while dealing in securities markets - once KYC is done through a SEBI
registered intermediary (broker, DP, Mutual Fund etc.), you need not
undergo the same process again when you approach another
intermediary." Dear Investor, if you are subscribing to an IPO, there
is no need to issue a cheque. Please write the Bank account number and
sign the IPO application form to authorize your bank to make payment
in case of allotment. In case of non allotment the funds will remain
in your bank account. As a business we don't give stock tips, and have
not authorized anyone to trade on behalf of others. If you find anyone
claiming to be part of Zerodha and offering such services, please
create a ticket here.
</p>
</div>
</>
);
}
export default Footer;
Comments
Post a Comment