-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (112 loc) · 6.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/reset.css">
<link rel="stylesheet" href="styles/style.css">
<title>Pat Cichocki - portfolio</title>
</head>
<body>
<div class="container">
<nav>
<ul class="nav">
<li><a class="nav-aboutme" href="#">About</a> </li>
<li><a class="nav-projects" href="#">Projects</a></li>
<li><a class="nav-contact" href="#">Contact</a></li>
</ul>
</nav>
<header class="aboutme">
<h1>Pat Cichocki</h1>
<h2>Full stack developer, designer, lifelong learner, cat lover, <a
href="https://www.foundersandcoders.com/" target="_blank">Founders & Coders</a> graduate. </h2>
</header>
<section class="intro main">
<p class="intro-paragraph">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, dolor. Corporis in, aspernatur dolor
facilis beatae ea numquam cupiditate vero ducimus harum quas? Quam consequatur illum fugit, nesciunt eos
voluptatem.
</p>
<p class="intro-paragraph">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque, dolor. Corporis in, aspernatur dolor
facilis beatae ea numquam cupiditate vero ducimus harum quas? Quam consequatur illum fugit, nesciunt eos
voluptatem.
</p>
</section>
<section class="projects main">
<h3>Some of my projects:</h3>
<div class="row">
<div class="project">
<h4 class="project-title">Currency Converter</h4>
<p class="project-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi
architecto sunt iusto, dolorem, eos sit vel fugiat eum debitis eius quidem commodi asperiores
consequuntur rerum facere aut consectetur neque ullam.</p>
<section class="project-links">
<ul class="links-list">
<li class="project-link"><a href="">Github Repo</a></li class="project-link">
<li class="project-link"><a href="">Live Version</a></li class="project-link">
</ul>
</section>
</div>
<div class="project">
<h4 class="project-title">Currency Converter</h4>
<p class="project-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi
architecto sunt iusto, dolorem, eos sit vel fugiat eum debitis eius quidem commodi asperiores
consequuntur rerum facere aut consectetur neque ullam.</p>
<section class="project-links">
<ul class="links-list">
<li class="project-link"><a href="">Github Repo</a></li class="project-link">
<li class="project-link"><a href="">Live Version</a></li class="project-link">
</ul>
</section>
</div>
</div>
<div class="row">
<div class="project">
<h4 class="project-title">Currency Converter</h4>
<p class="project-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi
architecto sunt iusto, dolorem, eos sit vel fugiat eum debitis eius quidem commodi asperiores
consequuntur rerum facere aut consectetur neque ullam.</p>
<section class="project-links">
<ul class="links-list">
<li class="project-link"><a href="">Github Repo</a></li class="project-link">
<li class="project-link"><a href="">Live Version</a></li class="project-link">
</ul>
</section>
</div>
<div class="project">
<h4 class="project-title">Currency Converter</h4>
<p class="project-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi
architecto sunt iusto, dolorem, eos sit vel fugiat eum debitis eius quidem commodi asperiores
consequuntur rerum facere aut consectetur neque ullam. Lorem ipsum dolor sit amet consectetur
adipisicing elit. Tempora exercitationem illum est eaque ipsam! Placeat, facere porro? Veritatis
quisquam voluptatibus, ut excepturi soluta atque nisi voluptate eum sapiente minima a?</p>
<section class="project-links">
<ul class="links-list">
<li class="project-link"><a href="">Github Repo</a></li class="project-link">
<li class="project-link"><a href="">Live Version</a></li class="project-link">
</ul>
</section>
</div>
</div>
</section>
<section class="contact main">
<h3>Contact</h3>
<ul class="links">
<li><a target="_blank" href="https://github.com/pat-cki">Github</a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/pat-cichocki-738b336a/">Linkedin</a></li>
<li><a target="_blank" href="https://twitter.com/velvet_violence">Twitter</a></li>
<li><a href="mailto:[email protected]">Mail</a></li>
</ul>
</section>
</div>
<footer>
<p class="footer-paragraph">
Pat Cichocki © 2020
</p>
</footer>
<script src="scripts/scrolling.js"></script>
</body>
</html>