-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (55 loc) · 3.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1 minimum-scale=1">
<title>Łukasz Falkiewicz</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/lightbox.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<header>
<div class="icon">
<div class="hamburger"></div>
</div>
<nav>
<ol><li><a href="index.html">Start</a></li><li><a id="toGallery">Galeria</a></li><li><a href="aboutme.html">O mnie</a></li><li><a href="contact.html">Kontakt</a></li></ol>
<div class="socialMedia">
<div class="media"><i class="fa fa-facebook-square" aria-hidden="true"></i></div>
<div class="media"><i class="fa fa-instagram" aria-hidden="true"></i></div>
<div class="media"><i class="fa fa-envelope-o" aria-hidden="true"></i></div>
</div>
</nav>
<div id="headerText">
<h1>Łukasz Falkiewicz</h1>
<h2>Fotografia</h2>
</div>
<img src="gallery/%C5%81ukasz%20(Copy).jpg">
<div id="circle"><i class="fa fa-angle-double-down" aria-hidden="true"></i></div>
</header>
<main>
<div class="media1"><i class="fa fa-facebook-square" aria-hidden="true"></i></div>
<div class="media2"><i class="fa fa-instagram" aria-hidden="true"></i></div>
<div class="media3"><i class="fa fa-envelope-o" aria-hidden="true"></i></div>
<div id="gallery">
<div class="photo"><a href="gallery/portait/portrait.html" ><div class="photoText">Portrait</div></a><img src="gallery/portait/portrait.jpg"></div>
<div class="photo"><a href="gallery/landscape/lanscape.html" ><div class="photoText">Landscape/Travel</div></a><img src="gallery/landscape/landscape.jpg"></div>
<div class="photo"><a href="gallery/wedding/wedding.html" ><div class="photoText">Wedding stories</div></a><img src="gallery/wedding/wedding.jpg"></div>
<div class="photo"><a href="gallery/street/street.html" ><div class="photoText">Street</div></a><img src="gallery/street/street.jpg"></div>
<div class="photo"><a href="gallery/people/people.html" ><div class="photoText">People</div></a><img src="gallery/people/people.jpg"></div>
<div class="photo"><a href="gallery/sport/sport.html" ><div class="photoText">Sport</div></a><img src="gallery/sport/sport.jpg"></div>
<div class="photo"><a href="gallery/architekture/architekture.html" ><div class="photoText">Architecture</div></a><img src="gallery/architekture/architecture.jpg"></div>
<div class="photo"><a href="gallery/other/other.html" ><div class="photoText">Other</div></a><img src="gallery/other/other.jpg"></div>
</div>
<footer>
<div class="footerInfo"><a>lukasz.falkiewicz@wp.pl</a><span>|</span><a>+48 44 444 444</a></div>
</footer>
</main>
<div class="up"><i class="fa fa-angle-double-up" aria-hidden="true"></i></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/javascript.js"></script>
<script src="js/lightbox.min.js"></script>
</body>
</html>