-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (171 loc) · 7.4 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kevin Tousey Portfolio</title>
<link rel="stylesheet" href="./styles/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<!-- <header> -->
<nav id="hamnav">
<!--hamburger menu-->
<label for="hamburger">☰</label>
<input type="checkbox" id="hamburger"/>
<div id="hamitems">
<a href="#background">Background</a>
<a href="./Documents/Resume - Kevin Tousey.pdf">Resume</a>
<a href="#repositories">Repositories</a>
<a href="#social">Social Media</a>
</div>
<!-- end of hamburger menu-->
</nav>
<div class="container">
<!-- </header> -->
<section>
<!--Background-->
<div class="container hero">
<!-- <div class="hero-text"> -->
<h1>My Name is Kevin Tousey and I'm a Software Developer...</h1>
<h2>Here's a list of my technical skills:</h2>
<h4>C# • .NET Core • Active Server Pages / ASP.net • JavaScript •
Flexbox • MVC • HTML • CSS • Grid • Test Driven Development (TDD) •
Agile (Scrum) • Object Oriented Programming (OOP) • JSON • Restful APIs •
Responsive Design • Relational Databases / MS SQL • Source Control / GitHub •
Visual Studio IDE</h4>
<!-- </div> -->
</div>
</section>
<section class="spacer"></section>
<section id="background">
<div class="image-container">
<img src="./images/portfolio pic.jpg" width= "200px" alt="Kevin's professional picture">
</div>
<div class="about-text">
<h2>About Me</h2>
<p>
I am a Software developer with a degree in engineering and experience in mechanical drafting and design. I currently work part time in assembly and have finished my software development bootcamp. I am experienced at working on technical projects and I love a challenge. I'm looking to work as a software developer building applications and websites.</p>
<br>
<br>
<div class="card">
<h3>Email: [email protected]</h3>
<h3>Phone: 216 926-2120</h3>
</div>
</div>
</section>
<section class="spacer"></section>
<section id="repositories">
<!--Repositories and codes with link to external webpage portfolio-->
<h2>My Repositories</h2>
<div class="repo-description">
<p>While attending my C# full stack bootcamp, I created the following Github repositories for the projects that we worked on (<strong>select an image to view the repository</strong>).</p>
</div>
<div class="virtual-pet">
<div class="repo-description">
<h3>Virtual Pet</h3>
<p>This is a C# console application written to simulate having your own computerized pet in a shelter right up to adoption. The code is object oriented and built with class objects.</p>
</div>
<div class="repo-image">
<a href="https://github.com/KPTousey/VirtualPet" target = "_blank">
<img src="./images/VirtualPet.png" width="300px" alt="Virtual Pet Application"></a>
</div>
</div>
<div class="choose-class">
<div class="repo-description">
<h3>Task List</h3>
<p>This is a C# application that uses object oriented programming to simulate a task list style interface for tracking maintenance projects. Code uses C# generics and property validation.</p>
</div>
<div class="repo-image">
<a href="https://github.com/KPTousey/TaskList" target = "_blank">
<img src="./images/ChooseYourClass.png" width="300px" alt="Choose Your Own Class Application"></a>
</div>
</div>
<div class="github-page">
<div class="repo-description">
<h3>Movie Review App</h3>
<p>This is a C# .NET MVC application created to provide a place for people to rate old horror movies in honor of Halloween.</p>
</div>
<div class="repo-image">
<a href="https://github.com/KPTousey/MovieReview" target = "_blank">
<img src="./images/movie-review-app.png" width="400px" alt="GitPages Website"></a>
</div>
</div>
<div class="github-page">
<div class="repo-description">
<h3>Blog Platform App</h3>
<p>This is a C# .NET MVC application created to simulate an online blog where users go in and post about any subject they like, or to read posts from other bloggers.</p>
</div>
<div class="repo-image">
<a href="https://github.com/KPTousey/BlogPlatform" target = "_blank">
<img src="./images/blog-application.png" width="400px" alt="GitPages Website"></a>
</div>
</div>
<div class="github-page">
<div class="repo-description">
<h3>Donut Maker App</h3>
<p>This is a Javascript application used to gamify a donut making shop where you purchase machines to automatically make thousands of donuts. Shows advanced javascript functionality.</p>
</div>
<div class="repo-image">
<a href="https://github.com/KPTousey/DonutMakerGame" target = "_blank">
<img src="./images/donut-shop-app.png" width="400px" alt="GitPages Website"></a>
</div>
</div>
<div class="github-page">
<div class="repo-description">
<h3>Album Collection App</h3>
<p>This is an app designed to organize a hipster record album collection using a C# .NET back-end with a NodeJS front end interface.</p>
</div>
<div class="repo-image">
<a href="https://github.com/KPTousey/AlbumCollection" target = "_blank">
<img src="./images/album-collection-app.png" width="400px" alt="GitPages Website"></a>
</div>
</div>
<div class="github-page">
<div class="repo-description">
<h3>Pet Health Tracker App</h3>
<p>This is an app designed to help the user organize and retrieve pet health information for multiple pets using a C# .NET back-end with a NodeJS front end interface.</p>
</div>
<div class="repo-image">
<a href="https://github.com/KPTousey/PetHealthTracker" target = "_blank">
<img src="./images/pet-health-app.png" width="400px" alt="GitPages Website"></a>
</div>
</div>
</div>
</div>
<div class="portfolio-ref">
<h2><em>Check out some of the web development projects in my </em></h2>
<h2><a href="http://www.ktousey-web.tech/" target="_blank">Front End Portfolio</a></h2>
</div>
</div>
</section>
<section class="spacer"></section>
<section id="social">
<!--Social Media Links-->
<div class="card">
<img src="./images/card.jpg" alt="business card">
</div>
<div class="social-text">
<h2>Social Media</h2>
<div class="media-icon">
<!--linkedin-->
<a href="https://www.linkedin.com/in/kevin-tousey/" target="_blank">
<img src="./images/linkedin.png" width="75px" alt="linkedin icon"></a>
<!--github-->
<a href="https://github.com/KPTousey" target="_blank">
<img src="./images/github.png" width="75px" alt="github icon"></a>
<!--twitter-->
</div>
</div>
</section>
<div class="quoteContainer">
<blockquote>“For me, I am driven by two main philosophies: know more today about the world than I knew yesterday and lessen the suffering of others. You'd be surprised how far that gets you.” </blockquote>
<p>― Neil deGrasse Tyson </p>
</div>
<footer>
<p><span id="small">Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></span><p></p>
</footer>
</div> <!-- page container-->
</body>
</html>