forked from Filbog/Zjazd_1_4.11.2023
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (101 loc) · 5.23 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CDV FE projekt strony</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/7f066615b7.js" crossorigin="anonymous"> </script>
</head>
<body>
<div id="container">
<header>
<section class="brand">
<a href="#">
<img src="https://picsum.photos/150/60" alt="logo">
</a>
</section>
<nav>
<!-- komentarzrzrz -->
<ul>
<li><a href="#">Strona główna</a></li>
<li><a href="#">Galeria</a></li>
<li><a href="#">Pracownicy</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
</header>
<section class="slider">
<img src="https://unsplash.it/1000/300?image=950" alt="slider">
</section>
<main>
<article>
<h1>Lorem ipsum dolor sit amet.</h1>
<img src="https://unsplash.it/700/300?image=870" alt="Image for article" />
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque minus praesentium rem, nesciunt neque
voluptate at, necessitatibus impedit sed illo eum, voluptatibus perspiciatis cupiditate sunt optio
quam quia. Ducimus, similique?
Consequuntur repellat doloremque porro fuga aut quae cupiditate, velit cum illo, quibusdam minima
quos corporis repellendus quidem eius quisquam blanditiis nemo optio tempora beatae ratione. Ipsa
laudantium voluptas veritatis! Nemo.
Adipisci, minima! Praesentium quas ipsam labore cumque accusantium. Reprehenderit quas pariatur
incidunt! Possimus maxime corrupti ullam delectus placeat vitae temporibus necessitatibus cumque,
doloribus excepturi illum illo quia neque ab pariatur.</p>
</article>
<aside>
<section class="widget">
<h2>About the author</h2>
<img src="https://unsplash.it/100/100?image=1062" alt="Author's photo" />
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officia obcaecati corrupti magnam
similique blanditiis fuga vero, in dicta quod, facere vel facilis nisi voluptates,
exercitationem ullam doloremque dolorem labore non?
Dolorum, autem facere? Veniam soluta illo explicabo animi nostrum error reiciendis sit corrupti
expedita amet! Cumque quidem ratione esse corporis, id tenetur accusantium, ipsa similique
veniam, doloribus deleniti fuga in!
Maxime minima incidunt hic harum, doloribus dicta, dolor placeat exercitationem ratione nihil
earum porro id excepturi corrupti enim voluptatem asperiores quae beatae fuga necessitatibus
aliquid totam voluptatibus adipisci. Quod, nesciunt.
Corporis molestias non consequuntur labore maxime, doloribus perferendis natus commodi explicabo
deleniti quo obcaecati voluptatum dignissimos, sint incidunt necessitatibus amet, ullam sunt ut
mollitia ipsam? In soluta ex cum culpa?
</p>
</section>
<section class="links">
<h3>Linki:</h3>
<ul>
<li><a href="https://www.wp.pl" target="_blank">Wp.pl</a></li>
<li><a href="https://www.onet.pl" target="_blank">Onet.pl </a></li>
<li><a href="https://www.interia.pl" target="_blank">Interia.pl</a></li>
</ul>
</section>
</aside>
</main>
<footer>
<!-- zrobic ladny footer ze znakiem copyright -->
<div class="footer-element">© Copyright by Filip Bogusławski</div>
<div class="footer-element" id="footer-icons">
<p>
Find us on:
</p>
<div class="icons-container">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="#"><i class="fa-brands fa-square-instagram"></i></a>
<a href="#"><i class="fa-brands fa-github"> </i></a>
</div>
</div>
<div class="footer-element">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>