-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
161 lines (149 loc) · 7.95 KB
/
index.html
File metadata and controls
161 lines (149 loc) · 7.95 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">
<title>Maciej Kowalczyk - Portfolio</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/album/">
<!-- Custom styles for this template -->
<link href="album.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<header>
<div class="collapse bg-dark" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
<h4 class="text-white"></h4>
<p class="text-muted"></p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white"></h4>
<ul class="list-unstyled">
<li><a href="#" class="text-white"></a></li>
<li><a href="#" class="text-white"></a></li>
<li><a href="#" class="text-white"></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar navbar-dark bg-dark box-shadow">
<div class="container d-flex justify-content-between">
<a href="#" class="navbar-brand d-flex align-items-center">
<strong>Maciej Kowalczyk</strong>
</a>
<img src="video-play-svgrepo-com.svg"
alt="video play icon"
height="30"
width="80" />
</div>
</div>
</header>
<main role="main">
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Montaż wideo</h1>
<p class="lead text-muted">Cześć! Nazywam się Maciek i zamuję się montażem materiałów wideo: <br/> <b> rolek </b> / <b> shortsów </b> / <b> reklam </b> / <b> teledysków</b><br/> Poniżej znajdziesz moje przykładowe realizacje.<br/> Stwórzmy razem coś przyciągającego uwagę!</p>
<p>
<a href="mailto:matson.daimon@gmail.com" class="btn btn-primary my-2">Wyślij E-Mail</a>
</p>
</div>
</section>
<div class="album py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div style="padding:177.78% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/1124620778?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Studio Hertz">
</iframe>
</div>
<div class="card-body">
<p class="card-text">Kurs realizacji dźwięku w studiu nagraniowym</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">#talking head #shorts</small>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div style="padding:177.78% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/1124833605?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Cooking intro">
</iframe>
</div>
<div class="card-body">
<p class="card-text">Tutorial kucharski intro</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">#talking head #shorts</small>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/1124620878?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Na Jagody Bistro">
</iframe>
</div>
<div class="card-body">
<p class="card-text">Reklama dla lokalu Bistro i Bawialnia Na Jagody</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">#ad 16:9</small>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/1127627769?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Nepal 2015">
</iframe>
</div>
<div class="card-body">
<p class="card-text">Wycieczka rowerowa w Himalaje</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">#travel #gopro</small>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 box-shadow">
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/1127610863?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="LSP - BMCC/HJK">
</iframe>
</div>
<div class="card-body">
<p class="card-text">Teledysk LSP z 2005r.</p>
<div class="d-flex justify-content-between align-items-center">
<small class="text-muted">#videoclip #upscaled</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="text-muted">
<div class="container">
<p>© Maciej Kowalczyk</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
<script src="../../assets/js/vendor/popper.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>
<script src="../../assets/js/vendor/holder.min.js"></script>
</body>
</html>