-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
145 lines (134 loc) · 6.02 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
---
layout: default
lang: pt-br
type: home
nav: home
styles:
- home
scripts:
- easing.min
- aux-navigation
- home
- typed
---
<section class="top-banner">
<div class="nico-ilustra ilustration">
<img src="/images/ilustra-nico-v3.jpg" alt="Ilustração por Nico Abreu">
<p>por: <a href="http://nicoabreu.tumblr.com">Nico Abreu</a></p>
</div>
<div class="dani-ilustra ilustration">
<img src="/images/ilustra-dani.jpg" alt="Ilustração por Dani Adolfo">
<p>por: <a href="http://cargocollective.com/daniadolfo/danielle-adolfo">Danielle Adolfo</a></p>
</div>
</section>
<script>
(function(){
var $ilustration = document.getElementsByClassName('ilustration'),
random = Math.floor(Math.random() * ($ilustration.length - 1 + 1));
$ilustration[random].style.display = "block";
}());
</script>
<section class="box-info" id="terminal">
<div class="container">
<div class="row-fluid">
<div class="col-md-6 col-lg-7">
<h2><a href="/docs">Crie, construa, inove.</a></h2>
<p>Resolva todas as suas questões básicas com os <em>guides</em>, veja exemplos de <em>REQUEST</em> e <em>RESPONSE</em> das APIs, conheça as melhores práticas e domine os poderes da tecnologia VTEX para construir conosco o futuro do e-commerce.</p>
<a href="/docs" class="btn btn-go-to">Explore a documentação</a>
</div>
<div class="col-md-6 col-lg-5 terminals visible-lg visible-md">
<div class="terminal-code" id="terminal-focus">
<div class="terminal-header">
<div class="terminal-buttons">
<span class="terminal-close-btn"></span>
<span class="terminal-minimize-btn"></span>
<span class="terminal-maximize-btn"></span>
</div>
</div>
<div class="terminal-body highlight">
<pre><code class="json"><span class="p">[</span>
<span class="p">{</span>
<span class="nt">"id"</span><span class="p">:</span> <span class="s2">"Idd028886a-9bf0-23rf-81v1-f413470fc16a"</span><span class="p">,</span>
<span class="nt">"name"</span><span class="p">:</span> <span class="s2">"Loja Centro"</span><span class="p">,</span>
<span class="nt">"adress"</span><span class="p">:</span> <span class="p">{</span>
<span class="nt">"postalCode"</span><span class="p">:</span> <span class="s2">"22220070"</span><span class="p">,</span>
<span class="nt">"city"</span><span class="p">:</span> <span class="s2">"Rio de Janeiro"</span><span class="p">,</span>
<span class="nt">"state"</span><span class="p">:</span> <span class="s2">"Rio de Janeiro"</span><span class="p">,</span>
<span class="nt">"stateAcronym"</span><span class="p">:</span> <span class="s2">"RJ"</span><span class="p">,</span>
<span class="nt">"neighborhood"</span><span class="p">:</span> <span class="s2">"Centro"</span><span class="p">,</span>
<span class="nt">"street"</span><span class="p">:</span> <span class="s2">"Av. Presidente Vargas"</span><span class="p">,</span>
<span class="nt">"number"</span><span class="p">:</span> <span class="s2">"100"</span><span class="p">,</span>
<span class="p">[ { ... } ]</span></code></pre>
</div>
</div>
<div class="terminal-code" id="terminal-empty">
<div class="terminal-header">
<div class="terminal-buttons">
<span class="terminal-close-btn"></span>
<span class="terminal-minimize-btn"></span>
<span class="terminal-maximize-btn"></span>
</div>
</div>
<div class="terminal-body highlight"></div>
</div>
</div>
</div>
</div>
</section>
<section class="box-info" id="community">
<div class="container">
<div class="row-fluid">
<div class="col-md-5 q-and-a visible-lg visible-md">
<div class="ask-box">
<div class="bubble-talk">
<div class="vertical-align" id="question-text">
</div>
</div>
<div class="people">
<div class="person"></div>
<div class="person"></div>
<div class="person middle-one"></div>
<div class="person"></div>
<div class="person"></div>
</div>
</div>
<div class="answer-box">
<div class="bubble-talk" id="answer-text">
</div>
<img src="" class="profile-picture" alt="" id="answer-img">
<div class="who">
<h4 id="answer-name"></h4>
<p><small id="answer-role"></small></p>
</div>
</div>
</div>
<div class="col-md-7">
<h2><a href="/community">Respostas rápidas <br>com as pessoas certas.</a></h2>
<p>Certamente você já se perguntou "E se existisse um lugar onde eu fizesse perguntas sobre a plataforma VTEX e a própria VTEX respondesse?". Ótima pergunta! A resposta? Nossa comunidade de <em>Q&A</em>.</p>
<a href="/community" class="btn btn-go-to">Encontre as respostas</a>
</div>
</div>
</div>
</section>
<section class="box-info bottom-box">
<div class="container">
<div class="row-fluid">
<div class="col-md-6">
<div class="icon-home icon-blog pull-left"></div>
<div class="col-md-7 col-lg-8">
<h2><a href="/blog">Acompanhe nossos release notes e novidades</a></h2>
<p>Nosso blog é o lugar de discussões, release notes, feedback, anúncios e bastidores do trabalho aqui no VTEX Lab.</p>
<a href="/blog" class="btn btn-go-to">Leia nosso blog</a>
</div>
</div>
<div class="col-md-6">
<div class="icon-home icon-status pull-left"></div>
<div class="col-md-7 col-lg-8">
<h2><a href="http://status.vtex.com.br">Monitoramento da plataforma em tempo real</a></h2>
<p>Juntamos ao portal VTEX Lab a página de status da nossa plataforma, assim você consegue acompanhar tudo num só lugar.</p>
<a href="http://status.vtex.com.br" class="btn btn-go-to" title="Claro que não há :B">Fique tranquilo</a>
</div>
</div>
</div>
</div>
</section>