-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (137 loc) · 8.38 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
<!DOCTYPE html>
<!-- To access: https://snecola.github.io -->
<html lang="en">
<head>
<title>CS 355 HOMEPAGE</title>
<!--<link rel="stylesheet" href="style/styles.css">-->
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="images/webicon.png">
<!--Bootstrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="style/styles.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: lightgreen">
<a class="navbar-brand" href="#"><img src="images/steventag2.svg" alt="logo" width="300px" height="100px" class="img-fluid"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<h3>
<a class="nav-link" href="#about">About</a>
</h3>
</li>
<li class="nav-item">
<h3>
<a class="nav-link" href="#projects">Projects</a>
</h3>
</li>
<li class="nav-item">
<h3>
<a class="nav-link" href="#contact">Contact</a>
</h3>
</li>
</ul>
</div>
</nav>
</header>
<main>
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-sm-12 section" id="about">
<h2 class="section-heading">About</h2>
<p>I'm a computer science student at Queens College passionate about furthering my career in Software Engineering. Currently I lead and organize an eSports community of over 300 people passionate about individual and team improvement. Doing so has been a monumental exercise in software development, scheduling consistency, and team organization. Every day I acquire new tools and work on new projects to raise the standard of work I can accomplish.</p>
</div>
<div class="col-md-4 col-sm-12">
<img id="profilePic" class="img-fluid" src="images/ProfilePicture.JPG" alt="ProfilePicture" width="300" height="300">
</div>
</div>
<div class="row">
<div class="col section">
<h2 class="section-heading" id="projects">
Projects
</h2>
<table class="table">
<tr>
<th>Title</th>
<th>Description</th>
</tr>
<tr>
<td><a href="weatherapp/weatherapp.html" target="_blank">Weather App</a></td>
<td>Uses browser location and Weather API service to display simple weather information.</td>
</tr>
<tr>
<td><a href="css-portfolio/index.html" target="_blank">Web Resume</a></td>
<td>A web version of my resume as an exercise in CSS.</td>
</tr>
<tr>
<td><a href="https://replit.com/@snecola/ChatApp#index.js" target="_blank">Chat App</a></td>
<td>An exercise guided by a LinkedIn Learning course on mongodb and express.js</td>
</tr>
<tr>
<td><a href="typing-timer/index.html" target="_blank">Typing Test</a></td>
<td>A interactive web mini-app that tracks how fast a user can type.</td>
</tr>
<tr>
<td><a href="https://github.com/snecola/backend-exercise" target="_blank">Shopper App</a></td>
<td>Backend exercise using Node.js, Express.js, MySQL, Redis, and MongoDB to create a proto-type shopping app with user sessions and a saved cart.</td>
</tr>
<tr>
<td><a href="https://replit.com/@snecola/boilerplate-mongomongoose#README.md" target="_blank">MongoDB & Mongoose Exercise</a></td>
<td>The Repl.it code of my mongodb exercise as provided by freeCodeCamp</td>
</tr>
<tr>
<td><a href="https://qcfirst.snecola.repl.co/" target="_blank">QCFirst</a></td>
<td>QCFirst Webapp for students and instructors to manage their courses and term schedules.
<a href="https://github.com/snecola/qcfirst" target="_blank">Github Repo</a></td>
</tr>
<tr>
<td><a href="https://replit.com/@snecola/boilerplate-project-timestamp#README.md" target="_blank">Timestamp Microservice</a></td>
<td>Part of the freeCodeCamp Microservices & API Certification.</td>
</tr>
<tr>
<td><a href="https://replit.com/@snecola/boilerplate-project-urlshortener#README.md" target="_blank">URL Shortener</a></td>
<td>Part of the freeCodeCamp Microservices & API Certification.</td>
</tr>
<tr>
<td><a href="https://replit.com/@snecola/boilerplate-project-headerparser" target="_blank">Header Parser Microservice</a></td>
<td>Part of the freeCodeCamp Microservices & API Certification.</td>
</tr>
<tr>
<td><a href="https://replit.com/@snecola/boilerplate-project-exercisetracker#README.md" target="_blank">Exercise Tracker Microservice</a></td>
<td>Part of the freeCodeCamp Microservices & API Certification.</td>
</tr>
<tr>
<td><a href="https://replit.com/@snecola/boilerplate-project-filemetadata#README.md" target="_blank">File Metadata Microservice</a></td>
<td>Part of the freeCodeCamp Microservices & API Certification.</td>
</tr>
</table>
</div>
</div>
<div class="row">
<div class="col" id="contact">
<h2 class="section-heading">Contact Me</h2>
<p>Want to discuss a project or just say "Hi"? My inbox is always open!</p>
<ul class="contactLinks">
<li><a href="https://www.linkedin.com/in/snecola/">LinkedIn</a></li>
<li><a href="https://github.com/snecola">GitHub</a></li>
<li><a href="mailto:necola.steven@gmail.com">necola.steven@gmail.com</a></li>
</ul>
</div>
</div>
</div>
</main>
<footer>
<p class="d-flex justify-content-center"><small>©Steven Necola 2021</small></p>
</footer>
<!--Bootstrap Scripts-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>