-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
149 lines (145 loc) · 7.68 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
146
147
148
149
---
layout: default
---
<main class="bg-dark py-5">
<div class="container px-5 py-0 py-lg-5" data-aos="zoom-out">
<div class="row gx-5 align-items-center justify-content-center py-0 py-lg-5">
<div class="col-lg-8 col-xl-7 col-xxl-6">
<div class="my-5 text-center text-xl-start">
<h1 class="display-5 fw-bolder text-white mb-2">
Um template Jekyll completo com Bootstrap para Github Pages!
</h1>
<p class="lead fw-normal text-white-50 mb-4">
Você esta na URL base do template, totalmente em HTML5 e Bootstrap, esta pronto para começar seu
projeto?!
</p>
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xl-start">
<a class="btn btn-primary btn-lg px-4 me-sm-3" href="#features">Documentação</a>
<a class="btn btn-outline-light btn-lg px-4" target="_blank"
href="https://github.com/medeirosinacio/jekyll-bootstrap-github-pages">
<i class="bi bi-github pe-2"></i> Ver mais
</a>
</div>
</div>
</div>
<div class="col-xl-5 col-xxl-6 d-none d-xl-block text-center">
<img class="img-fluid rounded-3 my-5"
src="{{ site.srcurl }}{{ site.image_path }}600x400.png"
alt="Banner">
</div>
</div>
</div>
</main>
<!-- Features section-->
<section class="py-5" id="features" data-aos="fade-up">
<div class="container px-5 my-5">
<div class="row gx-5">
<div class="col-lg-4 mb-5 mb-lg-0"><h2 class="fw-bolder mb-0">Leia sobre as tecnologias integradas</h2>
</div>
<div class="col-lg-8">
<div class="row gx-5 row-cols-1 row-cols-md-2">
<a class="col mb-5 h-100 text-dark text-decoration-none link-hover-blue"
href="https://jekyllrb.com/docs/"
data-aos="fade-up"
target="_blank">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3">
<i class="bi bi-cup-straw"></i>
</div>
<h2 class="h5">Jekyll</h2>
<p class="mb-0"> Jekyll é um gerador de sites estáticos. Ele pega o texto escrito em sua
linguagem de marcação favorita e usa layouts para criar um site estático. Você pode ajustar
a aparência do site, os URLs, os dados exibidos na página e muito mais.</p>
</a>
<a class="col mb-5 h-100 text-dark text-decoration-none link-hover-blue"
href="https://getbootstrap.com/"
data-aos="fade-up"
target="_blank">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3">
<i class="bi bi-bootstrap"></i>
</div>
<h2 class="h5">Bootstrap</h2>
<p class="mb-0">O Bootstrap é uma ferramenta gratuita para desenvolvimento HTML, CSS e JS. Crie
protótipos rápidamente ou aplicações completas com variáveis e mixins Sass, sistemas
de grid responsivo, componentes pré-construídos e poderosos plugins.</p>
</a>
<a class="col mb-5 mb-md-0 h-100 text-dark text-decoration-none link-hover-blue"
href="#"
data-aos="fade-up"
target="_blank">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3">
<i class="bi bi-signpost-split"></i>
</div>
<h2 class="h5">API's</h2>
<p class="mb-0">Integração completa com API's externas e gratuitas para geração de comentarios,
via Disqus, contadores de visualização com CountAPI, e mais!</p>
</a>
<a class="col h-100 text-dark text-decoration-none link-hover-blue"
href="https://pages.github.com/"
data-aos="fade-up"
target="_blank">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3">
<i class="bi bi-github"></i>
</div>
<h2 class="h5">Github Pages</h2>
<p class="mb-0">As páginas do GitHub são páginas da web públicas para usuários, organizações e
repositórios, que são hospedadas gratuitamente no github.io domínio do GitHub ou em um nome
de domínio personalizado de sua escolha. As páginas do GitHub são fornecidas por Jekyll nos
bastidores, então são uma ótima maneira de hospedar seu site baseado em Jekyll
gratuitamente.</p>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial section-->
<div class="py-5 bg-light">
<div class="container px-5 my-5" data-aos="fade-up">
<div class="row gx-5 justify-content-center">
<div class="col-lg-10 col-xl-7">
<div class="text-center">
<div class="fs-4 mb-4 fst-italic">"Esse template vem com configuração pronta para você montar seu
blog ou publicar seus artigos."
</div>
<div class="d-flex align-items-center justify-content-center">
<img class="rounded-circle me-3" src="{{ site.srcurl }}{{ site.image_path }}40x40.png"
alt="Avatar">
<div class="fw-bold">
Douglas Medeiros
<span class="fw-bold text-primary mx-1">/</span>
CEO da Poha Toda
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Blog preview section-->
<section class="py-5">
<div class="container px-5 my-5">
<div class="row gx-5 justify-content-center">
<div class="col-lg-8 col-xl-6" data-aos="fade-up">
<div class="text-center">
<h2 class="fw-bolder">Monte seu blog</h2>
<p class="lead fw-normal text-muted mb-5">
Crie e compartilhe com o mundo o que você é, tenha um sistema de paginação, comentarios e
visualizações! Tudo gerado automaticamente pronto para publicar.
</p>
</div>
</div>
</div>
<div class="row gx-5" data-aos="fade-up">
{% include blog-recents-posts.html %}
</div>
<!-- Call to action-->
<aside class="bg-primary bg-gradient rounded-3 p-4 p-sm-5 mt-5" data-aos="fade-up">
<div class="d-flex align-items-center justify-content-between flex-column flex-xl-row text-center text-xl-start">
<div class="mb-4 mb-xl-0">
<h3 class="fs-3 fw-bold text-white">Banner para anuncios de produtos ou propaganda</h3>
<div class="text-white-50">Exemplo de banner para seu site.</div>
</div>
</div>
</aside>
</div>
</section>