-
Notifications
You must be signed in to change notification settings - Fork 0
/
hobby.html
59 lines (56 loc) · 3.12 KB
/
hobby.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
<!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="Hobby" />
<meta name="author" content="Piotr Piechowicz" />
<title>Hobby</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container">
<a class="navbar-brand text-muted " href="./index.html">Strona Główna</a>
<button class="navbar-toggler navbar-toggler-right" id="togler" type="button" onclick="toggleHamburger()" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item "><a class="nav-link text-muted " href="./hobby.html">Hobby</a></li>
<li class="nav-item"><a class="nav-link text-muted " href="./contact.html">Kontakt</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="hobbyhead" style="background: linear-gradient(to bottom, rgba(92, 77, 66, 0) 0%, rgba(92, 77, 66, 0.8) 100%), url('https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fgetwallpapers.com%2Fwallpaper%2Ffull%2Fd%2F2%2Fc%2F1074864-arnold-schwarzenegger-wallpaper-1920x1080-pc.jpg&f=1&nofb=1x');
background-position: center;background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;">
<div class="container h-100">
<div class="row h-100 align-items-end justify-content-center text-center">
<div class="col-lg-10 align-self-end">
<h1 class="text-uppercase text-white font-weight-bold">Siłownia</h1>
<hr class="divider my-2" />
<p class="text-white-75 font-weight-light mb-5"> “Not many people understand what a pump is. It must be experienced to be understood. It is the greatest feeling that I get.
I search for this pump because it means that that my muscles will grow when I get it.
I get a pump when the blood is running into my muscles.
They become really tight with blood. Like the skin is going to explode any minute. It’s like someone putting air in my muscles.
It blows up. It feels fantastic.”</p>
</div>
</div>
</div>
</header>
<script src="hamburger.js"></script>
</body>
</html>