-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (111 loc) · 6.59 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
<!DOCTYPE html>
<html lang="en-US">
<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>Home Page</title>
<!-- CSS Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light my-bg">
<div class="container-fluid">
<a class="my-navbar-brand" href="index.html">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-coin" viewBox="0 0 16 16">
<path d="M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.112V5.57c.6.068.982.396 1.074.85h1.052c-.076-.919-.864-1.638-2.126-1.716V4h-.6v.719c-1.195.117-2.01.836-2.01 1.853 0 .9.606 1.472 1.613 1.707l.397.098v2.034c-.615-.093-1.022-.43-1.114-.9H5.5zm2.177-2.166c-.59-.137-.91-.416-.91-.836 0-.47.345-.822.915-.925v1.76h-.005zm.692 1.193c.717.166 1.048.435 1.048.91 0 .542-.412.914-1.135.982V8.518l.087.02z"/>
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
<path d="M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0 .5A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>
</svg>
</a>
<h1 class="my-header-letter">Make Money</h1>
<button class="navbar-toggler my-navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="my-nav-link" href="products.html">Products</a>
</li>
<li class="nav-item">
<a class="my-nav-link" href="contacts.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<section class="main-banner">
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/B3.jpg" class="d-block w-100 background-image" alt="B3 image with background red">
<div class="text-banner">
<div class="center-text">
<h2>What is B3?</h2>
<p>B3 is the official stock exchange of Brazil, headquartered in the city of São Paulo. In 2017, it was the fifth largest capital and financial market in the world, with assets of 13 billion dollars.</p>
</div>
</div>
</div>
<div class="carousel-item">
<img src="images/display.jpg" class="d-block w-100 background-image" alt="stock market screen">
<div class="text-banner">
<div class="center-text">
<h2>What is a stockbroker</h2>
<p>A stockbroker is a company operating in the financial system that intermediates the purchase and sale of financial securities to its clients. They operate mainly on the Stock Exchange, unlike the commodity brokerages that operate on the Brazilian Mercantile Exchange.</p>
</div>
</div>
</div>
<div class="carousel-item">
<img src="images/cash.jpg" class="d-block w-100 background-image" alt="money">
<div class="text-banner">
<div class="center-text">
<h2>How to make money on the stock market?</h2>
<p>In summary, it is possible to make money on the Stock Exchange in 4 main ways: buying shares and selling after their appreciation, or first selling the assets that have the potential to fall and then buying them cheaper, investing in shares and receiving dividends or interest. on equity.</p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section class="block-cards">
<div class="card">
<a href="https://www.b3.com.br/pt_br/" target="_blank"><img src="images/b3Icon.png" class="card-img-top img-card-index" alt="B3 symbol" ></a>
<div class="card-body">
<h3 class="card-text">Click on the image above and check out the website of B3, the Brazilian stock exchange.</h3>
</div>
</div>
<div class="card">
<a href="products.html" ><img src="images/coins.jpg" class="card-img-top img-card-index" alt="Coin blocks in front of a chart"></a>
<div class="card-body">
<h3 class="card-text">Click here and see the current price of some cryptocurrencies and currencies</h3>
</div>
</div>
<div class="card">
<a href="https://www.youtube.com/watch?v=I4yiHiM8OgI" target="_blank"><img src="images/candles.jpg" class="card-img-top img-card-index" alt="Candles from a chart"></a>
<div class="card-body">
<h3 class="card-text">See how to make money trading the stock market.</h3>
</div>
</div>
</section>
</main>
<footer class="container">
<div class="py-3 my-4 ">
<p class="text-center"> © 2022 Make Money, All rights reserved </p>
</div>
</footer>
<!-- JS Bootstrap -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>