Skip to content

Commit 721f14b

Browse files
stefanneculaistefanneculai
committed
dist.
1 parent 50cdd7b commit 721f14b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+8234
-0
lines changed

‎dist/call_to_action.html

+443
Large diffs are not rendered by default.

‎dist/contacts.html

+581
Large diffs are not rendered by default.

‎dist/contents.html

+625
Large diffs are not rendered by default.

‎dist/css.html

+77
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<script src="http://localhost:35729/livereload.js"></script>
5+
6+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
7+
<link type="text/css" rel="stylesheet" href="./css/froala_blocks.css">
8+
</head>
9+
<body>
10+
<section class="fdb-block">
11+
<div class="container">
12+
<h1>Heading 1</h1>
13+
<h2>Heading 2</h2>
14+
<h3>Heading 3</h3>
15+
<h4>Heading 4</h4>
16+
<h5>Heading 5</h5>
17+
<h6>Heading 6</h6>
18+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius dolor purus, et eleifend lectus congue id. Quisque tempor metus ligula, lacinia rutrum enim ultrices eget. Etiam vitae sem massa. Pellentesque vestibulum ex lectus, nec cursus tortor sollicitudin ut. Nullam volutpat ligula ut odio condimentum, sit amet facilisis nulla tempus. Morbi et hendrerit diam, sit amet luctus orci. Quisque egestas, lacus ac iaculis accumsan, quam eros tempus sem, ac ultrices felis eros porttitor nibh. Nunc condimentum mauris dapibus, pretium ipsum ac, lacinia nisi. Nulla facilisi.</p>
19+
20+
<br>
21+
<h2>Button styles</h2>
22+
<p>
23+
<a href="#" class="btn">Button</a>
24+
<a href="#" class="btn btn-empty">Button Empty</a>
25+
<a href="#" class="btn btn-black">Button Black</a>
26+
<a href="#" class="btn btn-black btn-empty">Button Black Empty</a>
27+
28+
<div style="background-color: #5EA1E1; padding: 30px; display: inline-block;">
29+
<a href="#" class="btn btn-white">Button White</a>
30+
<a href="#" class="btn btn-white btn-empty">Button White Empty</a>
31+
</div>
32+
</p>
33+
34+
<br>
35+
<h2>Buttons with shadows</h2>
36+
<p>
37+
<a href="#" class="btn btn-shadow">Button</a>
38+
<a href="#" class="btn btn-empty btn-shadow">Button Empty</a>
39+
<a href="#" class="btn btn-black btn-shadow">Button Black</a>
40+
<a href="#" class="btn btn-black btn-empty btn-shadow">Button Black Empty</a>
41+
<div style="background-color: #5EA1E1; padding: 30px; display: inline-block;">
42+
<a href="#" class="btn btn-white btn-shadow">Button White</a>
43+
<a href="#" class="btn btn-white btn-empty btn-shadow">Button White Empty</a>
44+
</div>
45+
<a href="#">Link</a>
46+
</p>
47+
48+
<br>
49+
<h2>Rounded buttons</h2>
50+
<p>
51+
<a href="#" class="btn btn-round">Button</a>
52+
<a href="#" class="btn btn-empty btn-round">Button Empty</a>
53+
<a href="#" class="btn btn-black btn-round">Button Black</a>
54+
<a href="#" class="btn btn-black btn-empty btn-round">Button Black Empty</a>
55+
<div style="background-color: #5EA1E1; padding: 30px; display: inline-block;">
56+
<a href="#" class="btn btn-white btn-round">Button White</a>
57+
<a href="#" class="btn btn-white btn-empty btn-round">Button White Empty</a>
58+
</div>
59+
</p>
60+
61+
<br>
62+
<h1>Heading 1 + P</h1>
63+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
64+
<h2>Heading 2 + P</h2>
65+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
66+
<h3>Heading 3 + P</h3>
67+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
68+
<h4>Heading 4 + P</h4>
69+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
70+
<h5>Heading 5 + P</h5>
71+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
72+
<h6>Heading 6 + P</h6>
73+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
74+
</div>
75+
</section>
76+
</body>
77+
</html>

‎dist/css/froala_blocks.css

+262
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,262 @@
1+
.btn {
2+
padding: 9px 26px;
3+
background-color: #528bff;
4+
color: #FFF;
5+
display: inline-block;
6+
box-sizing: border-box;
7+
-moz-box-sizing: border-box;
8+
-webkit-box-sizing: border-box;
9+
text-decoration: none;
10+
border: solid 2px #528bff;
11+
border-radius: 2px;
12+
-moz-border-radius: 2px;
13+
-webkit-border-radius: 2px; }
14+
.btn.btn-empty {
15+
background-color: transparent;
16+
color: #528bff; }
17+
.btn:hover {
18+
color: #FFF;
19+
background-color: #1f69ff;
20+
border-color: #1f69ff; }
21+
.btn.btn-black {
22+
color: #FFFFFF;
23+
background-color: #000000;
24+
border-color: #000000; }
25+
.btn.btn-black.btn-empty {
26+
background-color: transparent;
27+
color: #000000; }
28+
.btn.btn-black:hover {
29+
color: #FFF;
30+
background-color: #0d0d0d;
31+
border-color: #0d0d0d; }
32+
.btn.btn-white {
33+
color: #000000;
34+
background-color: #FFFFFF;
35+
border-color: #FFFFFF; }
36+
.btn.btn-white.btn-empty {
37+
background-color: transparent;
38+
color: #FFFFFF; }
39+
.btn.btn-white:hover {
40+
color: #000000;
41+
background-color: #DEDEDE;
42+
border-color: #DEDEDE; }
43+
.btn.btn-shadow {
44+
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
45+
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
46+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
47+
.btn.btn-round {
48+
border-radius: 20px;
49+
-moz-border-radius: 20px;
50+
-webkit-border-radius: 20px;
51+
min-width: 150px; }
52+
53+
.team-1.fdb-block img {
54+
border-bottom: solid 5px #528bff;
55+
border-radius: 0 !important;
56+
-moz-border-radius: 0 !important;
57+
-webkit-border-radius: 0 !important; }
58+
59+
.team-1.fdb-block .fdb-box {
60+
padding: 0; }
61+
.team-1.fdb-block .fdb-box .content {
62+
padding: 20px; }
63+
64+
.team-2.fdb-block img {
65+
border-radius: 100% !important;
66+
-moz-border-radius: 100% !important;
67+
-webkit-border-radius: 100% !important; }
68+
69+
.team-3.fdb-block img {
70+
border-radius: 100% !important;
71+
-moz-border-radius: 100% !important;
72+
-webkit-border-radius: 100% !important;
73+
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
74+
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
75+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
76+
77+
.fdb-block {
78+
font-family: 'Roboto', sans-serif;
79+
font-size: 16px;
80+
line-height: 1.5;
81+
-webkit-font-smoothing: antialiased;
82+
-moz-osx-font-smoothing: grayscale;
83+
text-rendering: optimizelegibility;
84+
padding: 100px 0;
85+
color: #444444;
86+
position: relative;
87+
background-size: cover;
88+
background-position: center;
89+
overflow: hidden;
90+
background-color: #FFFFFF; }
91+
.fdb-block.fdb-viewport {
92+
min-height: calc(100% - 2 * 100px); }
93+
.fdb-block.fdb-viewport .container {
94+
min-height: calc(100% - 2 * 100px); }
95+
.fdb-block.fdb-image-bg {
96+
color: #f2f2f2; }
97+
.fdb-block .fdb-box {
98+
background: #FFFFFF;
99+
color: #444444;
100+
padding: 60px 40px;
101+
border-radius: 4px;
102+
-moz-border-radius: 4px;
103+
-webkit-border-radius: 4px;
104+
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
105+
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
106+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
107+
overflow: hidden; }
108+
.fdb-block .fdb-touch {
109+
border-top: solid 5px #528bff; }
110+
.fdb-block h1, .fdb-block .text-h1 {
111+
font-size: 2.75rem;
112+
margin-bottom: .5em;
113+
margin-top: .3em;
114+
font-weight: 400; }
115+
.fdb-block h2, .fdb-block .text-h2 {
116+
font-size: 2rem;
117+
margin-bottom: .5em;
118+
margin-top: .3em;
119+
font-weight: 400; }
120+
.fdb-block h3, .fdb-block .text-h3 {
121+
font-size: 1.125rem;
122+
margin-bottom: .5em;
123+
margin-top: .3em;
124+
font-weight: 400; }
125+
.fdb-block h4, .fdb-block .text-h4 {
126+
font-size: 1rem;
127+
margin-bottom: .5em;
128+
margin-top: .3em;
129+
font-weight: 400; }
130+
.fdb-block h5, .fdb-block .text-h5 {
131+
font-size: 0.9rem;
132+
margin-bottom: .5em;
133+
margin-top: .3em;
134+
font-weight: 400; }
135+
.fdb-block h6, .fdb-block .text-h6 {
136+
font-size: 0.75rem;
137+
margin-bottom: .5em;
138+
margin-top: .3em;
139+
font-weight: 400; }
140+
.fdb-block .font-weight-light {
141+
font-weight: 300; }
142+
.fdb-block img {
143+
border-radius: 4px;
144+
-moz-border-radius: 4px;
145+
-webkit-border-radius: 4px; }
146+
.fdb-block img + p, .fdb-block img + h3, .fdb-block img + h4 {
147+
margin-top: 20px; }
148+
.fdb-block img + h1, .fdb-block img + h2 {
149+
margin-top: 40px; }
150+
.fdb-block .col-fill-left {
151+
width: 50%;
152+
position: absolute;
153+
left: 0;
154+
top: 0;
155+
bottom: 0;
156+
background-size: cover;
157+
background-position: center;
158+
z-index: 1; }
159+
.fdb-block .col-fill-left + div {
160+
position: relative;
161+
z-index: 2; }
162+
.fdb-block .col-fill-right {
163+
width: 50%;
164+
position: absolute;
165+
right: 0;
166+
top: 0;
167+
bottom: 0;
168+
background-size: cover;
169+
background-position: center;
170+
z-index: 1; }
171+
.fdb-block .col-fill-right + div {
172+
position: relative;
173+
z-index: 2; }
174+
.fdb-block img.fdb-icon {
175+
width: auto;
176+
width: 60px; }
177+
.fdb-block img.fdb-icon-round {
178+
width: auto;
179+
width: 60px;
180+
border-radius: 60px;
181+
-moz-border-radius: 60px;
182+
-webkit-border-radius: 60px; }
183+
.fdb-block .row-100 {
184+
height: 100px;
185+
width: 100%; }
186+
.fdb-block .row-50 {
187+
height: 50px;
188+
width: 100%; }
189+
.fdb-block .row-70 {
190+
height: 70px;
191+
width: 100%; }
192+
193+
footer {
194+
padding: 30px 0 !important; }
195+
footer.footer-large {
196+
padding: 100px 0 !important; }
197+
footer .flex-column .nav-link {
198+
padding-left: 0; }
199+
footer.bg-dark {
200+
background: #2d313c;
201+
color: #f2f2f2; }
202+
footer.bg-dark a {
203+
color: #f2f2f2; }
204+
footer a {
205+
color: #444444; }
206+
207+
header {
208+
background-color: #FFFFFF; }
209+
header .navbar-nav a.nav-link {
210+
color: #777; }
211+
header .navbar-nav a.nav-link:hover {
212+
color: #528bff; }
213+
header .navbar-nav .active a.nav-link {
214+
color: #444444; }
215+
header .navbar-toggler-icon {
216+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
217+
header.bg-dark .navbar-nav a.nav-link {
218+
color: #dcdcdc; }
219+
header.bg-dark .navbar-nav a.nav-link:hover {
220+
color: #528bff; }
221+
header.bg-dark .navbar-nav .active a.nav-link {
222+
color: #FFFFFF; }
223+
header.bg-dark .navbar-toggler-icon {
224+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
225+
226+
header + header {
227+
border-top: solid 1px #EEE; }
228+
229+
.bg-dark {
230+
background-color: #2d313c;
231+
color: #f2f2f2; }
232+
233+
.bg-gray {
234+
background-color: #fafafa;
235+
color: #444444; }
236+
237+
.br {
238+
border-radius: 4px;
239+
-moz-border-radius: 4px;
240+
-webkit-border-radius: 4px;
241+
overflow: hidden; }
242+
243+
.br-0 {
244+
border-radius: 0 !important;
245+
-moz-border-radius: 0 !important;
246+
-webkit-border-radius: 0 !important; }
247+
248+
.heart {
249+
color: #df584e;
250+
font-weight: bold; }
251+
252+
*.text-light {
253+
font-weight: 300 !important; }
254+
255+
.sl-1 {
256+
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
257+
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
258+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
259+
z-index: 2; }
260+
261+
table tr.no-border th, table tr.no-border td {
262+
border-top: 0; }

0 commit comments

Comments
 (0)