-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (126 loc) · 7.47 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pawel Rokosz Protfolio</title>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="dist/css/main.css">
</head>
<body>
<div class="wrapper">
<nav id="nav" class="nav">
<div id="logo" class="logo">
<div class="logo__img"><img id="logoImg" src="dist/images/logo.png" alt="logo-photo"></div>
<div class="logo__title">Portfolio</div>
</div>
<div class="menu">
<div class="links">
<div id="goAbout" class="links__link">
<i class="fa fa-user-circle-o fa-lg link" aria-hidden="true"></i>
<span class="links__text">About</span>
</div>
<div id="goProjects" class="links__link">
<i class="fa fa-th-large fa-lg link" aria-hidden="true"></i>
<span class="links__text">Projects</span>
</div>
<div id="goContact" class="links__link">
<i class="fa fa-paper-plane-o fa-lg link" aria-hidden="true"></i>
<span class="links__text">Contact</span>
</div>
</div>
<footer class="footer">
<a class="footer__link" href="https://github.com/PawelRokosz" target="_blank"><i class="fa fa-github-square fa-2x" aria-hidden="true"></i></a>
<a class="footer__link" href="https://twitter.com/Pawel_Rokosz" target="_blank"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></a>
</footer>
</div>
</nav>
<section id="about" class="section about">
<div class="main-text">Hey, I'm <span class="main-text__important">Pawel Rokosz.</span></br><span class="main-text__important">Front-End developer</span> from Poland.</br>Take a look around and make yourself at home.</div>
</section>
<section id="projects" class="section projects section--hidden">
<div class="main-text">Check out my newest <span class="main-text__important">projects!</span></div>
<div class="projects__container">
<div class="project">
<a class="project__preview project__preview--1" href="https://pawelrokosz.github.io/RandomQuotesReactApp/" target="_blank">
<div class="project__hover"><i class="fa fa-external-link fa-4x" aria-hidden="true"></i></div>
</a>
<div class="project__info">
<div>
<div class="project__title">What Does Startup Mean?</div>
<div class="project__subtext">Random quote machine project that explains meanig of a startup.</div>
<div class="project__subtext">It's build with HTML, CSS, SASS, JavaScript, React and Gulp.</div>
</div>
<footer class="project__footer">
<a class="project__link" href="https://pawelrokosz.github.io/RandomQuotesReactApp/" target="_blank">Live</a>
<a class="project__link" href="https://github.com/PawelRokosz/RandomQuotesReactApp" target="_blank">Github</a>
</footer>
</div>
</div>
<div class="project">
<a class="project__preview project__preview--4" href="https://pawelrokosz.github.io/Portfolio/" target="_blank">
<div class="project__hover"><i class="fa fa-external-link fa-4x" aria-hidden="true"></i></div>
</a>
<div class="project__info">
<div>
<div class="project__title">Portfolio</div>
<div class="project__subtext">Portfolio project that you're looking at just now :)</div>
<div class="project__subtext">It's build with HTML, CSS, SASS, JavaScript and Gulp.</div>
</div>
<footer class="project__footer">
<a class="project__link" href="https://pawelrokosz.github.io/Portfolio/" target="_blank">Live</a>
<a class="project__link" href="https://github.com/PawelRokosz/Portfolio" target="_blank">Github</a>
</footer>
</div>
</div>
<div class="project">
<a class="project__preview project__preview--2" href="https://pawelrokosz.github.io/ToDoReactApp/" target="_blank">
<div class="project__hover"><i class="fa fa-external-link fa-4x" aria-hidden="true"></i></div>
</a>
<div class="project__info">
<div>
<div class="project__title">Todolisto</div>
<div class="project__subtext">To-Do list project where you can add, delete, edit and complete tasks.</div>
<div class="project__subtext">It's build with HTML, CSS, SASS, JavaScript, React and Gulp.</div>
</div>
<footer class="project__footer">
<a class="project__link" href="https://pawelrokosz.github.io/ToDoReactApp/" target="_blank">Live</a>
<a class="project__link" href="https://github.com/PawelRokosz/ToDoReactApp" target="_blank">Github</a>
</footer>
</div>
</div>
<div class="project">
<a class="project__preview project__preview--3" href="https://pawelrokosz.github.io/SimpleFormsSass/" target="_blank">
<div class="project__hover"><i class="fa fa-external-link fa-4x" aria-hidden="true"></i></div>
</a>
<div class="project__info">
<div>
<div class="project__title">Forms</div>
<div class="project__subtext">Weekly WebDev Challenge project where you can fill forms.</div>
<div class="project__subtext">It's build with HTML, CSS, SASS and Gulp.</div>
</div>
<footer class="project__footer">
<a class="project__link" href="https://pawelrokosz.github.io/SimpleFormsSass/" target="_blank">Live</a>
<a class="project__link" href="https://github.com/PawelRokosz/SimpleFormsSass" target="_blank">Github</a>
</footer>
</div>
</div>
</div>
</section>
<section id="contact" class="section contact section--hidden">
<div class="main-text"><span class="main-text__important">Let's build something together!</span></br>Wanna get in touch or talk to me about a project?</br>Just send me an email to <span class="main-text__important">[email protected]</span> and let's talk.</div>
<footer class="contact__footer">
<div class="secondary-text">Let's get social? Follow my online profiles on Github, Twitter, Facebook and Linkedin.</div>
<div class="contact__links">
<a class="contact__link" href="https://github.com/PawelRokosz" target="_blank"><i class="fa fa-github-square fa-4x" aria-hidden="true"></i></a>
<a class="contact__link" href="https://twitter.com/Pawel_Rokosz" target="_blank"><i class="fa fa-twitter-square fa-4x" aria-hidden="true"></i></a>
<a class="contact__link" href="https://facebook.com/paolomenader" target="_blank"><i class="fa fa-facebook-square fa-4x" aria-hidden="true"></i></a>
<a class="contact__link" href="https://www.linkedin.com/in/pawelrokosz/" target="_blank"><i class="fa fa-linkedin-square fa-4x" aria-hidden="true"></i></a>
</div>
</footer>
</section>
</div>
<script src="https://use.fontawesome.com/30e172a9a3.js"></script>
<script src="dist/js/all.min.js" charset="utf-8"></script>
</body>
</html>