-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.pug
174 lines (168 loc) · 7.66 KB
/
index.pug
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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
doctype html
head
link(rel='shortcut icon' type='image/png' href='img/jsicon.png')
meta(charset='utf-8')
meta(http-equiv='X-UA-Compatible' content='IE=edge')
meta(name='viewport' content='width=device-width, initial-scale=1')
meta(name='description' content='\
Szkolenia z JavaScript, Angular, Reactjs, graphQl, rxjs\
')
meta(name='author' content='jstrainings')
meta(name='keywords' content='javascript java szkolenia trening szkolenie treningi trainings jstrainings script rxjs angular angularjs react reactjs angular2 graphql')
title Szkolenia JavaScript
// Bootstrap Core CSS
link(href='vendor/bootstrap/css/bootstrap.min.css' rel='stylesheet')
// Custom Fonts
link(href='vendor/font-awesome/css/font-awesome.min.css' rel='stylesheet' type='text/css')
link(href='https://fonts.googleapis.com/css?family=Raleway:100,400,500,800,900' rel='stylesheet')
link(href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900' rel='stylesheet')
// Plugin CSS
link(href='vendor/magnific-popup/magnific-popup.css' rel='stylesheet')
// Theme CSS
link(href='css/creative.css' rel='stylesheet')
// HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
// WARNING: Respond.js doesn't work if you view the page via file://
//if lt IE 9
script(src='https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js')
script(src='https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js')
nav#mainNav.navbar.navbar-default.navbar-fixed-top
.container-fluid
// Brand and toggle get grouped for better mobile display
.navbar-header
button.navbar-toggle.collapsed(type='button' data-toggle='collapse' data-target='#bs-example-navbar-collapse-1')
span.sr-only #{general.changeNavigation}
| Menu
i.fa.fa-bars
a.navbar-brand.page-scroll(href='#page-top') JSTrainings
// Collect the nav links, forms, and other content for toggling
#bs-example-navbar-collapse-1.collapse.navbar-collapse
ul.nav.navbar-nav.navbar-right
each obj, index in nav
li
a.page-scroll(href='#' + obj.href) #{obj.name}
// /.navbar-collapse
// /.container-fluid
header#page-top
.header-content
.header-content-inner
h1#homeHeading #{general.javaScriptTrainings}
hr
p
a.btn.btn-primary.btn-xl.page-scroll(href='#' + nav.trainings.href) #{general.knowMore}
section#logo.overflow-hidden
.container
.row
h3 #{general.conducted}:
img(src="img/logos.png", style={'max-width': '100%'})
section#references.bg-primary.medium-padding
.container
.row
.col-lg-8.col-lg-offset-2.text-center
h2.section-heading #{general.references}
hr.light
#carousel-example-generic.carousel.slide(data-ride='carousel')
// Wrapper for slides
ol.carousel-indicators.basic(style={
display: 'flex',
'align-items': 'center',
padding: 0,
'justify-content': 'center'
})
li.active(data-target='#carousel-example-generic' data-slide-to='0')
li(data-target='#carousel-example-generic' data-slide-to='1')
li(data-target='#carousel-example-generic' data-slide-to='2')
li(data-target='#carousel-example-generic' data-slide-to='3')
.carousel-inner.carousel-text(role='listbox')
each reference, index in references
- const active = index === 0 ? 'active' : '';
.item(class=active)
.carousel-caption #{reference.description}
.carousel-author - #{reference.author}
// <a href="#trainings" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
section#trainings.overflow-hidden.no-padding-bottom
.container
.row
.col-lg-12.text-center
h2.section-heading #{general.trainings}
hr.primary
.container
each training, index in trainings.slice(0, Math.ceil(trainings.length/2))
include training-row
section.bg-primary.small-padding
.container.display-flex.align-center
.flex-1
h3 #{general.allTrainings}
|
p #{general.forIndividuals}
|
.display-flex.right.flex-1.align-right
a.navbar-brand.page-scroll.btn.btn-primary.btn-lg.btn-custom(href='./trainings') Zobacz pełną listę szkoleń
section.overflow-hidden.no-padding-bottom.no-padding-top
.container
.row
each training, index in trainings.slice(Math.ceil(trainings.length/2))
include training-row
section#portfolio.no-padding.bg-primary
section
.container
.row
.col-lg-12
.col-lg-12.text-center
h2.section-heading #{general.trainingProcess}
hr.light
p
.col-lg-4.col-xs-4.text-center.auto-width-on-small
h3 #{howItWorks.theory.name}
p.list-group-item-heading #{howItWorks.theory.description}
.col-lg-4.col-xs-4.text-center.auto-width-on-small
h3 #{howItWorks.examples.name}
p.list-group-item-heading #{howItWorks.examples.description}
.col-lg-4.col-xs-4.text-center.auto-width-on-small
h3 #{howItWorks.exercises.name}
p.list-group-item-heading #{howItWorks.exercises.description}
.container-fluid
.row.no-gutter.popup-gallery
each photo, index in photos
.col-lg-4.col-sm-6
a.portfolio-box(href=photo.hrefBig)
img.img-responsive(src=photo.hrefSmall alt=photo.alt)
.portfolio-box-caption
.portfolio-box-caption-content
.project-category.text-faded #{photo.description}
.project-name #{photo.place}
section#contact
.container
.row
.col-lg-8.col-lg-offset-2.text-center
h2.section-heading #{general.contactWithMe}
|
hr.primary
|
p
|
.col-lg-4.col-lg-offset-2.text-center
i.fa.fa-linkedin-square.fa-3x.sr-contact(aria-hidden='true')
|
a(href='https://pl.linkedin.com/in/grzegorz-marzencki-912a5757')
p #{general.myLinkedIn}
|
.col-lg-4.text-center
i.fa.fa-envelope-o.fa-3x.sr-contact
|
p
a(href='mailto:contact@jstrainings.com') contact@jstrainings.com
.col-lg-8.col-lg-offset-2.text-center
div(style={'font-size': '22px',
'font-family': 'Roboto',
'font-weight': 300}) #{general.costs}
script(src='vendor/jquery/jquery.min.js')
// Bootstrap Core JavaScript
script(src='vendor/bootstrap/js/bootstrap.min.js')
// Plugin JavaScript
script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js')
|
script(src='vendor/scrollreveal/scrollreveal.min.js')
|
script(src='vendor/magnific-popup/jquery.magnific-popup.min.js')
// Theme JavaScript
script(src='scripts/creative.min.js')