-
Notifications
You must be signed in to change notification settings - Fork 2
/
sobre.html
100 lines (97 loc) · 4.62 KB
/
sobre.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
---
layout: default
title: Sobre
---
<!-- Header-->
<header class="py-5">
<div class="container px-5">
<div class="row justify-content-center">
<div class="col-lg-8 col-xxl-6">
<div class="text-center my-5">
<h1 class="fw-bolder mb-3">Este é um exemplo de pagina "Sobre"</h1>
<p class="lead fw-normal text-muted mb-4">Eu sou um parágrafo. Não sou nada de mais, apenas linhas.
Várias e várias delas. Escritas uma abaixo da outra. Formadas por frases sem nenhum sentido
aparente. Apenas frases. Compostas por palavras. Em português, é claro. Sou um parágrafo
até que bonitinho comparado a outros parágrafos por aí, se é que você me entende. </p>
<a class="btn btn-primary btn-lg" href="#scroll-target">Botão de scroll</a>
</div>
</div>
</div>
</div>
</header>
<!-- About section one-->
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-5 my-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<img class="img-fluid rounded mb-5 mb-lg-0" src="{{ site.srcurl }}{{ site.image_path }}600x400.png"
alt="600x400"></div>
<div class="col-lg-6">
<h2 class="fw-bolder">Tópico Um</h2>
<p class="lead fw-normal text-muted mb-0">Eu sou um parágrafo. Não sou nada de mais, apenas linhas.
Várias e várias delas. Escritas uma abaixo da outra. Formadas por frases sem nenhum sentido
aparente. Apenas frases. Compostas por palavras. </p>
</div>
</div>
</div>
</section>
<!-- About section two-->
<section class="py-5">
<div class="container px-5 my-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6 order-first order-lg-last">
<img class="img-fluid rounded mb-5 mb-lg-0"
src="{{ site.srcurl }}{{ site.image_path }}600x400.png"
alt="600x400"></div>
<div class="col-lg-6">
<h2 class="fw-bolder">Tópico Dois</h2>
<p class="lead fw-normal text-muted mb-0">Eu sou um parágrafo. Não sou nada de mais, apenas linhas.
Várias e várias delas. Escritas uma abaixo da outra. Formadas por frases sem nenhum sentido
aparente. Apenas frases. Compostas por palavras. .</p>
</div>
</div>
</div>
</section>
<!-- Team members section-->
<section class="py-5 bg-light">
<div class="container px-5 my-5">
<div class="text-center">
<h2 class="fw-bolder">Times</h2>
<p class="lead fw-normal text-muted mb-5">Ao infinito e além!</p>
</div>
<div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="{{ site.srcurl }}{{ site.image_path }}150x150.png"
alt="150x150">
<h5 class="fw-bolder">Sirius Majoris</h5>
<div class="fst-italic text-muted">Andrômeda</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="{{ site.srcurl }}{{ site.image_path }}150x150.png"
alt="150x150">
<h5 class="fw-bolder">Rígel Orionis</h5>
<div class="fst-italic text-muted">Olho Negro</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-sm-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="{{ site.srcurl }}{{ site.image_path }}150x150.png"
alt="150x150">
<h5 class="fw-bolder">Betelgeuse Orionis</h5>
<div class="fst-italic text-muted">Bode</div>
</div>
</div>
<div class="col mb-5">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="{{ site.srcurl }}{{ site.image_path }}150x150.png"
alt="150x150">
<h5 class="fw-bolder">Bellatrix Gamma</h5>
<div class="fst-italic text-muted">Cartwheel</div>
</div>
</div>
</div>
</div>
</section>