-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (109 loc) · 4.2 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
109
110
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Małgorzata Dziewit</title>
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/01eec95b07.js" crossorigin="anonymous"></script>
</head>
<body>
<header id="start">
<div class="container">
<div class="circle"></div>
<p>Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Et malesuada fames ac turpis egestas maecenas pharetra convallis posuere.</p>
<p>Lorem ipsum dolor sit amet, labore et dolore <span>MAŁGORZATA DZIEWIT</span> magna aliqua. At lectus urna convallis tellus id interdum velit. Bibendum est ultricies integer quis auctor elit sed vulputate mi. Felis bibendum ut. Quis commodo odio aenean sed. Ut sem nulla pharetra diam sit amet nisl suscipit. Ipsum a arcu cursus vitae congue mauris rhoncus.</p>
<p>Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Et malesuada fames ac turpis egestas maecenas pharetra convallis posuere.</p>
<div class="aside"></div>
</div>
<div>
<button>Zobacz CV</button>
<button>Zobacz Github</button>
</div>
<nav>
<ul>
<li><a href="">więcej</a></li>
<li><a href="#projects">projekty</a></li>
<li><a href="#contact">kontakt</a></li>
</ul>
</nav>
</header>
<section class="full-width" id="projects">
<h2>znane mi technologie oraz ich wykorzystanie w projektach</h2>
</section>
<section class="projects">
<input class="item" type="checkbox" name="color" id="html"/>
<label class="item" for="html"></label>
<input class="item" type="checkbox" name="color" id="css"/>
<label class="item" class="item item-2" for="css"></label>
<input class="item" type="checkbox" name="color" id="js"/>
<label class="item" for="js"></label>
<input class="item" type="checkbox" name="color" id="code"/>
<label class="item" for="code"></label>
<div class="item item-1 html css" >
<img src="img/img1.jpg" alt="">
<span>Aminacja</span>
</div>
<div class="item item-2 css" >
<img src="img/img2.jpg" alt="">
<span>Kalendarz</span>
</div>
<div class="item item-3 js" >
<img src="img/img3.jpg" alt="">
<span>Animacja</span>
</div>
<div class="item item-4 html" >
<img src="img/img4.jpg" alt="">
<span>Aplikacja</span>
</div>
<div class="item item-5 html code" >
<img src="img/img5.jpg" alt="">
<span>Projekt</span>
</div>
<div class="item item-6 html" >
<img src="img/img1.jpg" alt="">
<span>Gra</span>
</div>
<div class="item item-7 js css" >
<img src="img/img2.jpg" alt="">
<span>Pogoda</span>
</div>
<div class="item item-8 code" >
<img src="img/img3.jpg" alt="">
<span>Animacja</span>
</div>
<div class="item item-9 code js" >
<img src="img/img4.jpg" alt="">
<span>Czekolada</span>
</div>
<div class="item item-0 code js" >
<img src="img/img5.jpg" alt="">
<span>Czekolada</span>
</div>
</section>
<footer>
<div>
<h2>kontakt</h2>
<p>Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Et malesuada fames ac turpis egestas maecenas pharetra convallis posuere.</p>
<p><span>Stona powstała w ramach pierwszego projektu CodersCamp 2020. Wykorzystuje HTML i CSS → SASS. Zdjęcia znajdujące się na strone (poza avatarem) pochodzą z kolekcji prywatnej. Ich kopiowanie i wykorzystywanie bez zgody autora jest zabronione.</span></p>
</div>
<div id="contact">
<form>
<input type="text" id="name" placeholder="Twoje imię">
<input type="email" id="email" placeholder="Twój e-mail">
<textarea placeholder="Twoja wiadomość"></textarea>
<button>wyślij wiadomość</button>
</form>
</div>
</footer>
<div class="full-width">
<div>
<a href="#start"><i class="fas fa-chevron-circle-up up-animation"></i></a>
<p>Projekt i realizacja Małgorzata Dziewit</p>
<i class="fab fa-facebook fa-2x"></i>
<i class="fab fa-instagram fa-2x"></i>
<i class="fab fa-linkedin fa-2x"></i>
</div>
</div>
</body>
</html>