-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (119 loc) · 6.73 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
<!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">
<meta name="description" content="Stoincs é um aplicativo desktop para acompanhamento de investimentos. Possui integração com o CEI e diversas APIs para atualização de preços em tempo real." />
<meta property="og:title" content="Stoincs | Acompanhe seus investimentos!" />
<meta property="og:url" content="https://www.stoincs.com.br/" />
<meta property="og:image" content="https://www.stoincs.com.br/img/snout-share.png">
<meta property="og:type" content="website" />
<title>Stoincs | Acompanhe seus investimentos!</title>
<link rel="stylesheet" type="text/css" href="css/variables.css">
<link rel="stylesheet" type="text/css" href="css/utils.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link rel="shortcut icon" href="img/favicon.ico" />
</head>
<body>
<section class="top">
<section class="menu centered">
<ul>
<li><a href="#" onclick="scrollToSection(event, 'about')">SOBRE</a></li>
<li><a href="https://github.com/Menighin/stoincs/issues">PROBLEMAS</a></li>
<li><a href="https://github.com/Menighin/stoincs" target="_blank"><i class="fab fa-github"></i></a></li>
</ul>
</section>
<section class="header centered">
<div class="logo" onclick="toggleSnout()">
<img src="img/snout.svg" class="snout" />
<img src="img/snout-loading.svg" class="snout-loading" />
</div>
<div class="download-container">
<div class="download">
<h2>Acompanhe seus investimentos!</h2>
<a href="/" id="download">
<div class="button">
<div class="title"><i id="download-platform" class="fab"></i><span id="download-title">Stoincs v0.0.X</span></div>
<div class="icon"><i class="fas fa-download"></i></div>
</div>
</a>
<a href="https://github.com/Menighin/stoincs/releases" target="_blank"><span>Outras versões</span></a>
</div>
</div>
</section>
</section>
<section class="showcase">
<div class="carousel centered">
<div class="main-carousel">
<div class="carousel-cell"><img src="img/ss00.png" /></div>
<div class="carousel-cell"><img src="img/ss01.png" /></div>
<div class="carousel-cell"><img src="img/ss02.png" /></div>
<div class="carousel-cell"><img src="img/ss03.png" /></div>
<div class="carousel-cell"><img src="img/ss04.png" /></div>
<div class="carousel-cell"><img src="img/ss05.png" /></div>
<div class="carousel-cell"><img src="img/ss06.png" /></div>
<div class="carousel-cell"><img src="img/ss07.png" /></div>
</div>
</div>
</section>
<section class="about-container">
<div class="about centered" id="about">
<div class="info-panels">
<div class="info">
<div class="icon"><i class="fas fa-file-invoice-dollar"></i></div>
<div class="title">Negociações de Ativos</div>
<div class="text">O Stoincs sincroniza o histórico de compra e venda de ativos com a sua conta do CEI.</div>
</div>
<div class="info">
<div class="icon"><i class="fas fa-landmark"></i></div>
<div class="title">Tesouro Direto</div>
<div class="text">As informações dos seus investimentos em Tesouro Direto são sincronizadas, atualizadas e exibidas em tabelas e gráficos.</div>
</div>
<div class="info">
<div class="icon"><i class="fas fa-coins"></i></div>
<div class="title">Proventos</div>
<div class="text">Os proventos pagos também são sincronizados com o CEI.</div>
</div>
<div class="info">
<div class="icon"><i class="fas fa-chart-pie"></i></div>
<div class="title">Gráficos</div>
<div class="text">Stoincs disponibiliza todas as informações integradas em formas de gráficos, facilitando a análise dos seus investimentos.</div>
</div>
<div class="info">
<div class="icon"><i class="fas fa-chart-line"></i></div>
<div class="title">Preços em Tempo Real</div>
<div class="text">O Stoincs possui integração com diversas APIs de cotação em tempo real. Basta configurá-las e você consegue acompanhar a evolução dos seus investimentos automaticamente.</div>
</div>
<div class="info">
<div class="icon"><i class="fab fa-google-drive"></i></div>
<div class="title">Google Drive</div>
<div class="text">O Stoincs possui integração com sua conta do Google Drive, para que você possa acompanhar seus investimentos de diferentes dispositivos.</div>
</div>
<div class="info">
<div class="icon"><i class="fas fa-file-csv"></i></div>
<div class="title">Manipulação CSV</div>
<div class="text">O Stoincs permite que você importe e exporte os dados base no formato CSV, facilitando sair das suas planilhas!</div>
</div>
<div class="info">
<div class="icon"><i class="fas fa-user-lock"></i></div>
<div class="title">Segurança</div>
<div class="text">Os dados baixados pelo Stoncs ficam salvos na sua máquina e não são compartilhados com nenhum terceiro.</div>
</div>
<div class="info">
<div class="icon"><i class="fas fa-code"></i></div>
<div class="title">Open Source</div>
<div class="text">O Stoincs é OpenSource! Visite o GitHub e contribua você também!</div>
</div>
</div>
</div>
</section>
<section class="footer">
Stoincs © 2020
</section>
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="js/app.js" defer></script>
</body>
</html>