-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (124 loc) · 5.63 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
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>PCJ Portfolio</title>
</head>
<body>
<div id="navbar">
<h1>Paul Czarnecki JR</h1>
<nav id="">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#works">Works</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<div id="main-content">
<section id="about">
<h2>About Me</h2>
<div id="portrait-container"class="image-wrap">
<!-- Add your portrait image here -->
<img src="images\PaulCzarJR.jpg" alt="Your Portrait" >
</div>
<div id="text-container">
<p>
Graduate of the Thinkful online education program for software and web development. Full-stack software engineer proficient in using JavaScript for front-end and back-end programming, React, HTML, CSS, API implementation, Node.js, Express, PostgreSQL, and frameworks like Bootstrap. With over seven years of experience in detail-oriented and deadline-driven professions. Writer, illustrator, ultra-light sport aircraft pilot and world traveler.
</p>
<p>
Si, yo hablo español, tambien.
</p>
<p>
</p>
<p>
I am currently available to work with you to create your business website or other project, so don't hesitate to contact me through the form at the bottom of this page.
</p>
</div>
</section>
<div class="line-divider"></div>
<section id="works">
<h2>My Works</h2>
<div class="work-item">
<img src="images\aerosports-site.png" alt="aerosports.org screenshot">
<p>This is website was built using JavaScript and utilizes multiple features such as carousels, a database with filters and search function, as well as a PDF viewer for the Magazine.</p>
<a href="https://aerosports.org/" target="_blank">View Aerosports.org</a>
</div>
<div>
<p>
</p>
</div>
<div class="work-item">
<img src="images\reservation-webapp.png" alt="Work 2">
<p>This is an app meant for inhouse usage by a restaurant or other services that tracks tables, space avialability, reservations, along with times and contact info. Built with React.js. Feel free to play around with it!</p>
<a href="https://starter-restaurant-reservation-vwxc.vercel.app/dashboard" target="_blank">View Web App</a>
</div>
<div>
<p>
</p>
</div>
<div class="work-item">
<img src="images\DnDwebpage.png" alt="dungeons and dragons webpage">
<p>This simple webpage is meant to be an announcement for my Dungeons and Dragons group to get back into the swing of things as we plan to resume the campaign in January. This site is simple but utilizes JavaScript and CSS to add ambient music and clear indications of what is clickable.</p>
<a href="https://dnd-return.vercel.app/" target="_blank">View Website</a>
</div>
<!-- Add more work items as needed -->
</section>
<div class="line-divider"></div>
<section id="contact">
<h2>Contact Me</h2>
<form action="https://formspree.io/f/meqbjdoj" method="post">
<div>
<div class="row">
<div class="name-email">
<input type="text" name="name" placeholder="Name" />
</div>
<div class="name-email">
<input type="text" name="email" placeholder="Email" />
</div>
<div class="row subject">
<div class="subject">
<input type="text" name="subject" placeholder="Subject" />
</div>
</div>
<div class="row message">
<div>
<textarea name="message" placeholder="Message" rows="10"></textarea>
</div>
</div>
<div class="row">
<div>
<input type="submit" value="Send Message" />
</div>
</div>
</div>
</div>
</form>
</section>
<div class="line-divider"></div>
<footer>
<div class="padding">
<h3>
Connect with me:
</h3>
<p>
<a href="https://github.com/pjczar" target="_blank" class="footer-link">Github</a>
<a href="https://www.linkedin.com/in/paul-czarnecki-jr-27588a180/" target="_blank" class="footer-link">LinkedIn</a>
<a href="https://www.facebook.com/pjczar/" target="_blank" class="footer-link">Facebook</a>
</p>
<div>
<p>
</p>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>